{"id":184,"date":"2026-06-11T14:52:05","date_gmt":"2026-06-11T14:52:05","guid":{"rendered":"https:\/\/staging.samplesite.top\/binnaeng\/?page_id=184"},"modified":"2026-10-14T14:57:44","modified_gmt":"2026-10-14T14:57:44","slug":"renovation","status":"publish","type":"page","link":"https:\/\/staging.samplesite.top\/binnaeng\/renovation\/","title":{"rendered":"Renovation"},"content":{"rendered":"<body>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"184\" class=\"elementor elementor-184\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b24a708 e-con-full e-flex e-con e-parent\" data-id=\"b24a708\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d3cbce3 elementor-widget elementor-widget-heading\" data-id=\"d3cbce3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Renovation <\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a54bc2b e-con-full e-flex e-con e-parent\" data-id=\"a54bc2b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e5d0f8 elementor-widget elementor-widget-html\" data-id=\"6e5d0f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<!-- Google Fonts engine configured to download full Montserrat style ranges -->\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&amp;display=swap\" rel=\"stylesheet\">\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n\n<div class=\"reno-wrapper\">\n  <div class=\"reno-container\">\n    \n    <div class=\"reno-content-col\">\n      <h2 class=\"reno-heading\">Breathe new life <span class=\"reno-italic\">into<br>existing structures.<\/span><\/h2>\n      \n      <p class=\"reno-description\">\n        From structural overhauls to interior transformations, we deliver turnkey renovation solutions that modernize facilities without compromising operational continuity.\n      <\/p>\n      \n      <div class=\"reno-grid\">\n        \n        <div class=\"reno-card\">\n          <div class=\"reno-icon-box\">\n            <i class=\"fa-solid fa-city\"><\/i>\n          <\/div>\n          <div class=\"reno-card-content\">\n            <h3>Building Rehabilitation<\/h3>\n            <p>Restore structural integrity and extend the lifecycle of aging industrial and commercial facilities.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"reno-card\">\n          <div class=\"reno-icon-box\">\n            <i class=\"fa-solid fa-trowel-bricks\"><\/i>\n          <\/div>\n          <div class=\"reno-card-content\">\n            <h3>Structural Upgrades<\/h3>\n            <p>Reinforce load-bearing systems, foundations, and frameworks to meet modern engineering standards.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"reno-card\">\n          <div class=\"reno-icon-box\">\n            <i class=\"fa-solid fa-compass-drafting\"><\/i>\n          <\/div>\n          <div class=\"reno-card-content\">\n            <h3>Interior Renovations<\/h3>\n            <p>Redesign workspaces for efficiency, compliance, and employee well-being with premium finishes.<\/p>\n          <\/div>\n        <\/div>\n        \n        <div class=\"reno-card\">\n          <div class=\"reno-icon-box\">\n            <i class=\"fa-solid fa-industry\"><\/i>\n          <\/div>\n          <div class=\"reno-card-content\">\n            <h3>Facility Modernization<\/h3>\n            <p>Integrate smart systems, energy-efficient solutions, and automated infrastructure upgrades.<\/p>\n          <\/div>\n        <\/div>\n        \n      <\/div>\n      \n      <div class=\"reno-stats-row\">\n        <div class=\"reno-stat-item\">\n          <span class=\"reno-stat-number\">350+<\/span>\n          <span class=\"reno-stat-label\">PROJECTS COMPLETED<\/span>\n        <\/div>\n        <div class=\"reno-stat-item\">\n          <span class=\"reno-stat-number\">15%<\/span>\n          <span class=\"reno-stat-label\">AVG. ENERGY SAVINGS<\/span>\n        <\/div>\n        <div class=\"reno-stat-item\">\n          <span class=\"reno-stat-number\">98%<\/span>\n          <span class=\"reno-stat-label\">ON-TIME DELIVERY<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n    \n    <div class=\"reno-image-col\">\n      <div class=\"reno-image-card\">\n        \n        <div class=\"reno-frame-corner corner-tl\"><\/div>\n        <div class=\"reno-frame-corner corner-tr\"><\/div>\n        <div class=\"reno-frame-corner corner-bl\"><\/div>\n        <div class=\"reno-frame-corner corner-br\"><\/div>\n        \n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1504307651254-35680f356dfd?auto=format&amp;fit=crop&amp;w=800&amp;q=80\" alt=\"Scaffolding Renovation Work\" class=\"reno-bg-img\" loading=\"lazy\">\n        \n        <div class=\"reno-status-tag\">\n          <span class=\"reno-dot\"><\/span> ACTIVE RENOVATION\n        <\/div>\n        \n        <div class=\"reno-image-overlay\">\n          <span class=\"reno-overlay-tag\">STRUCTURAL MODERNIZATION<\/span>\n          <h3 class=\"reno-overlay-heading\">Reinventing spaces without shutting them down.<\/h3>\n        <\/div>\n      <\/div>\n      \n      <div class=\"reno-image-footer-labels\">\n        BEFORE \u2022 DURING \u2022 AFTER \u2022 FULLY DOCUMENTED\n      <\/div>\n    <\/div>\n    \n  <\/div>\n<\/div>\n\n<style>\n\/* CSS Reset scoped cleanly to the widget wrapper *\/\n.reno-wrapper * {\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  font-family: 'Montserrat', sans-serif !important; \/* Set global typography layout to Montserrat *\/\n}\n\n\/* Base Container with blueprint\/clean construction background grid *\/\n.reno-wrapper {\n  background-color: #fafbfc;\n  background-image: linear-gradient(#f0f3f6 1px, transparent 1px), linear-gradient(90deg, #f0f3f6 1px, transparent 1px);\n  background-size: 45px 45px;\n  padding: 70px 30px;\n  width: 100%;\n  display: flex;\n  justify-content: center;\n}\n\n.reno-container {\n  display: grid;\n  grid-template-columns: 1.15fr 0.85fr;\n  gap: 55px;\n  max-width: 1200px;\n  width: 100%;\n  align-items: start;\n}\n\n\/* --- Left Column: Layout Styles --- *\/\n.reno-heading {\n  font-size: 44px;\n  font-weight: 800; \/* Extra bold type heading profile *\/\n  color: #0d1e33;\n  line-height: 1.15;\n  margin-bottom: 20px;\n  letter-spacing: -1px;\n}\n\n.reno-italic {\n  font-style: normal;\n  font-weight: 400;\n  color: #5d6d7e;\n  letter-spacing: -0.5px;\n}\n\n.reno-description {\n  font-size: 14px;\n  font-weight: 400;\n  line-height: 1.65;\n  color: #64748b;\n  max-width: 540px;\n  margin-bottom: 35px;\n}\n\n\/* Solution Box Grid Layout *\/\n.reno-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 20px;\n  margin-bottom: 50px;\n}\n\n.reno-card {\n  display: flex;\n  align-items: flex-start;\n  background-color: #ffffff;\n  border: 1px solid #e3e9ef;\n  border-radius: 14px;\n  padding: 22px 20px;\n  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.01);\n}\n\n.reno-icon-box {\n  width: 38px;\n  height: 38px;\n  background-color: #f1f4f7;\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-right: 16px;\n  flex-shrink: 0;\n}\n\n.reno-icon-box i {\n  color: #475569;\n  font-size: 14px;\n}\n\n.reno-card-content h3 {\n  font-size: 15px;\n  font-weight: 700;\n  color: #0d1e33;\n  margin-bottom: 6px;\n  letter-spacing: -0.2px;\n}\n\n.reno-card-content p {\n  font-size: 12.5px;\n  font-weight: 400;\n  color: #64748b;\n  line-height: 1.55;\n}\n\n\/* Statistics Metrics Matrix *\/\n.reno-stats-row {\n  display: flex;\n  gap: 45px;\n  border-top: 1px solid #e3e9ef;\n  padding-top: 25px;\n  max-width: 550px;\n}\n\n.reno-stat-item {\n  display: flex;\n  flex-direction: column;\n}\n\n.reno-stat-number {\n  font-size: 26px;\n  font-weight: 800;\n  color: #0d1e33;\n  line-height: 1.1;\n  letter-spacing: -0.5px;\n}\n\n.reno-stat-label {\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1px;\n  color: #94a3b8;\n  margin-top: 5px;\n}\n\n\/* --- Right Column: Image Display Panel --- *\/\n.reno-image-card {\n  position: relative;\n  width: 100%;\n  height: 520px;\n  border-radius: 20px;\n  overflow: hidden;\n  box-shadow: 0 12px 35px rgba(13, 30, 51, 0.08);\n}\n\n.reno-bg-img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.reno-image-card::after {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.85) 100%);\n  z-index: 1;\n}\n\n\/* Viewfinder Framing Corners *\/\n.reno-frame-corner {\n  position: absolute;\n  width: 12px;\n  height: 12px;\n  border-color: rgba(255, 255, 255, 0.25);\n  border-style: solid;\n  z-index: 3;\n}\n.corner-tl { top: 20px; left: 20px; border-width: 1px 0 0 1px; }\n.corner-tr { top: 20px; right: 20px; border-width: 1px 1px 0 0; }\n.corner-bl { bottom: 20px; left: 20px; border-width: 0 0 1px 1px; }\n.corner-br { bottom: 20px; right: 20px; border-width: 0 1px 1px 0; }\n\n\/* Status Head Tag *\/\n.reno-status-tag {\n  position: absolute;\n  top: 25px;\n  left: 35px;\n  background-color: rgba(13, 30, 51, 0.5);\n  backdrop-filter: blur(8px);\n  -webkit-backdrop-filter: blur(8px);\n  border: 1px solid rgba(255, 255, 255, 0.15);\n  padding: 6px 14px;\n  border-radius: 20px;\n  color: #ffffff;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  display: flex;\n  align-items: center;\n  z-index: 2;\n}\n\n.reno-dot {\n  width: 6px;\n  height: 6px;\n  background-color: #10b981;\n  border-radius: 50%;\n  margin-right: 8px;\n}\n\n\/* Overlay Text Layout *\/\n.reno-image-overlay {\n  position: absolute;\n  bottom: 30px;\n  left: 35px;\n  right: 35px;\n  z-index: 2;\n}\n\n.reno-overlay-tag {\n  display: block;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 2px;\n  color: #cbd5e1;\n  margin-bottom: 8px;\n}\n\n.reno-overlay-heading {\n  font-size: 22px;\n  font-weight: 600;\n  color: #ffffff;\n  line-height: 1.35;\n  letter-spacing: -0.5px;\n}\n\n\/* Timeline Subtitle Text *\/\n.reno-image-footer-labels {\n  text-align: center;\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 1.5px;\n  color: #94a3b8;\n  margin-top: 15px;\n}\n\n\/* --- Responsive Media Viewport Parameters --- *\/\n@media (max-width: 1024px) {\n  .reno-container {\n    grid-template-columns: 1fr;\n    gap: 45px;\n  }\n  \n  .reno-image-col {\n    max-width: 600px;\n    width: 100%;\n    margin: 0 auto;\n  }\n  \n  .reno-image-card {\n    height: 460px;\n  }\n}\n\n@media (max-width: 768px) {\n  .reno-wrapper {\n    padding: 40px 15px;\n  }\n  \n  .reno-heading {\n    font-size: 32px;\n  }\n  \n  .reno-grid {\n    grid-template-columns: 1fr;\n    gap: 14px;\n  }\n  \n  .reno-stats-row {\n    flex-wrap: wrap;\n    gap: 25px;\n  }\n  \n  .reno-image-card {\n    height: 380px;\n  }\n  \n  .reno-overlay-heading {\n    font-size: 18px;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<\/body>","protected":false},"excerpt":{"rendered":"<p>Renovation Breathe new life intoexisting structures. From structural overhauls to interior transformations, we deliver turnkey renovation solutions that modernize facilities without compromising operational continuity. Building Rehabilitation Restore structural integrity and&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-184","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/184","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/comments?post=184"}],"version-history":[{"count":5,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/184\/revisions"}],"predecessor-version":[{"id":857,"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/pages\/184\/revisions\/857"}],"wp:attachment":[{"href":"https:\/\/staging.samplesite.top\/binnaeng\/wp-json\/wp\/v2\/media?parent=184"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}