{"id":1391,"date":"2026-07-23T14:57:33","date_gmt":"2026-07-23T14:57:33","guid":{"rendered":"https:\/\/gsrusa.com\/?page_id=1391"},"modified":"2026-08-19T10:30:23","modified_gmt":"2026-08-19T10:30:23","slug":"reconstruction","status":"publish","type":"page","link":"https:\/\/gsrusa.com\/?page_id=1391","title":{"rendered":"Reconstruction"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Full Reconstruction <\/span>Services<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 24\/7 Fully Restored and Built \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Property
<\/span>Reconstruction
Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 Get Emergency Help Now \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 How We Handle Reconstruction \u2605 \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

What is Property <\/span>Reconstruction Services<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

After emergency mitigation is complete, the real rebuilding begins. Reconstruction is the framing, drywall, flooring, cabinetry, trim, paint, and finish work that turns a damaged structure back into a home or a working business.<\/p>

Gold Star Restoration rebuilds properties damaged by water, fire, storms, and mold, from a single room to a full structure. You get one contractor, one written scope, and one number to call. Our estimators work directly with your insurance carrier on the rebuild, so approval is never the thing holding your project up. And because our own carpenters, tapers, and finishers do the work, the crew that starts your rebuild is the crew that finishes it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 Our Reconstruction Process \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Step-by-Step Reconstruction <\/span>Process<\/h2>\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Damage Evaluation<\/h3>

Assess damage and create a reconstruction plan.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Insurance Coordination<\/h3>

Coordinate with your insurance provider throughout the project.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Permits & Preparation<\/h3>

Permits filed and the work area sealed off before we start.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Structural Reconstruction<\/h3>

Rebuild structural components with expert craftsmanship.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Interior Finishing<\/h3>

Complete drywall, painting, flooring, and final finishes.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Final Inspection & Walkthrough<\/h3>

Inspect every detail before project completion.<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 Why Choose Gold Star \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Why Owners Trust Us <\/span>With the Rebuild<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t
\"\"<\/figure>

Estimates Written the Way Carriers Accept Them<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

We Get the Rebuild Approved by Your Carrier<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

No Surprise Bills When the Job Is Done<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

Every Trade Under One Roof<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

The Crew That Starts Is the Crew That Finishes<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t
\"\"<\/figure>

Backed by Eleven Offices Nationwide<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\u2605 Before & After \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Reconstruction <\/span>Transformations<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Gold Star Restoration - Before\/After Slider<\/title>\n <!-- Google Fonts Import for Elementor -->\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Black+Han+Sans&family=Oswald:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n <style>\n \/* Reset & CSS Variables for WordPress Elementor *\/\n .showcase-section *, .showcase-section *::before, .showcase-section *::after {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n :root {\n --bg-dark: #121213;\n --gold-primary: #e5c158;\n --gold-badge: #c9a84c;\n --red-primary: #d31010;\n --text-gray: #8a8a90;\n --card-bg: #1a1a1d;\n --tab-bg: #1a1a1e;\n --tab-border: #2e2e34;\n --card-width: 540px;\n --card-height: 480px;\n }\n\n \/* Background set to transparent so it adapts to Elementor background *\/\n body {\n background-color: transparent !important;\n color: #ffffff;\n margin: 0;\n padding: 0;\n font-family: 'Oswald', sans-serif;\n overflow-x: hidden;\n }\n\n .showcase-section {\n width: 100%;\n max-width: 100%;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 25px;\n position: relative;\n overflow-x: hidden;\n font-family: 'Oswald', sans-serif;\n user-select: none;\n padding: 20px 0;\n background-color: transparent !important;\n }\n\n .carousel-container {\n width: 100%;\n max-width: 100%;\n position: relative;\n overflow: hidden;\n padding: 20px 0;\n display: flex;\n justify-content: center;\n perspective: 1200px;\n }\n\n .carousel-track {\n width: 100%;\n display: flex;\n gap: 20px;\n align-items: center;\n transition: transform 0.55s cubic-bezier(0.25, 1, 0.5, 1);\n will-change: transform;\n }\n\n .card-item {\n width: var(--card-width);\n height: var(--card-height);\n flex-shrink: 0;\n position: relative;\n border-radius: 18px;\n overflow: hidden; \n background-color: var(--card-bg);\n border: 1px solid rgba(255, 255, 255, 0.08);\n transition: opacity 0.5s ease, filter 0.5s ease, transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), visibility 0.5s ease;\n cursor: grab;\n }\n\n .card-item.active-card {\n opacity: 1;\n visibility: visible;\n filter: brightness(1) contrast(1);\n transform: perspective(1000px) rotateY(0deg) scale(1); \n z-index: 10;\n }\n\n \/* Dimmed side cards are completely invisible *\/\n .card-item.dimmed-left,\n .card-item.dimmed-right {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n transform: scale(0.95);\n z-index: 5;\n }\n\n .img-wrapper {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n .after-img { z-index: 1; }\n\n .before-img {\n z-index: 2;\n width: 50%;\n overflow: hidden;\n border-right: 4px solid #000000;\n box-shadow: 3px 0 12px rgba(0,0,0,0.6);\n }\n\n .before-img-inner {\n position: absolute;\n top: 0;\n left: 0;\n width: var(--card-width);\n height: var(--card-height);\n background-size: cover;\n background-position: center;\n background-repeat: no-repeat;\n }\n\n .split-handle {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 50%;\n width: 2px;\n background: #000000;\n z-index: 10;\n transform: translateX(-50%);\n pointer-events: none;\n box-shadow: 0 0 10px rgba(0,0,0,0.6);\n }\n\n .handle-knob {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 55px;\n height: 55px;\n background-color: #0c0c0d;\n border: 2px solid #000000;\n border-radius: 50%;\n display: flex;\n justify-content: center;\n align-items: center;\n color: #ffffff;\n }\n\n .handle-knob svg {\n width: 22px;\n height: 22px;\n fill: currentColor;\n }\n\n .badge {\n position: absolute;\n z-index: 15;\n font-family: 'Oswald', sans-serif;\n font-weight: 400;\n font-size: 15px;\n letter-spacing: 1px;\n text-transform: uppercase;\n padding: 7px 20px;\n border-radius: 30px;\n user-select: none;\n pointer-events: none;\n }\n\n .badge-top-left {\n top: 16px;\n left: 16px;\n background-color: #c9a84c;\n color: #fff;\n }\n\n .badge-top-right {\n top: 16px;\n right: 16px;\n background-color: var(--red-primary);\n color: #ffffff;\n }\n\n .badge-bottom-left {\n bottom: 0;\n left: 0;\n background-color: #c9a84c;\n color: #ffffff;\n font-family: 'Black Han Sans', sans-serif;\n font-weight: 400;\n font-size: 24px;\n padding: 20px 22px;\n border-radius: 0;\n letter-spacing: 1.5px;\n }\n\n .badge-bottom-right {\n bottom: 0;\n right: 0;\n background-color: var(--red-primary);\n color: #ffffff;\n font-family: 'Black Han Sans', sans-serif;\n font-weight: 400;\n font-size: 24px;\n padding: 20px 22px;\n border-radius: 0;\n letter-spacing: 1.5px;\n }\n\n .nav-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n max-width: 900px;\n padding: 0 20px;\n margin-top: 5px;\n }\n\n .dots-container {\n display: flex;\n align-items: center;\n gap: 16px;\n }\n\n .dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background-color: #2e2e34;\n cursor: pointer;\n transition: all 0.3s ease;\n position: relative;\n }\n\n .dot.active {\n background-color: var(--red-primary);\n }\n\n .dot.active::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 24px;\n height: 24px;\n border-radius: 50%;\n border: 2px dashed var(--red-primary);\n animation: spinRing 10s linear infinite;\n }\n\n @keyframes spinRing {\n from { transform: translate(-50%, -50%) rotate(0deg); }\n to { transform: translate(-50%, -50%) rotate(360deg); }\n }\n\n \/* Responsiveness Media Queries *\/\n @media (max-width: 1024px) {\n :root {\n --card-width: 580px;\n --card-height: 430px;\n }\n }\n\n @media (max-width: 768px) {\n :root {\n --card-width: 480px;\n --card-height: 360px;\n }\n }\n\n @media (max-width: 667px) {\n :root {\n --card-width: calc(100vw - 40px);\n --card-height: 300px;\n }\n .badge {\n font-size: 12px;\n padding: 5px 12px;\n }\n .badge-bottom-left,\n .badge-bottom-right {\n font-size: 16px;\n padding: 10px 14px;\n }\n }\n\n @media (max-width: 428px) {\n :root {\n --card-width: calc(100vw - 30px);\n --card-height: 250px;\n }\n .badge {\n font-size: 10px;\n padding: 4px 8px;\n }\n .badge-bottom-left,\n .badge-bottom-right {\n font-size: 14px;\n padding: 8px 10px;\n }\n .handle-knob {\n width: 42px;\n height: 42px;\n }\n .handle-knob svg {\n width: 18px;\n height: 18px;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n<section class=\"showcase-section\" id=\"wpShowcaseSection\">\n\n <!-- Carousel Container -->\n <div class=\"carousel-container\" id=\"wpCarouselContainer\">\n <div class=\"carousel-track\" id=\"wpCarouselTrack\">\n \n <!-- Card 0 -->\n <div class=\"card-item\" data-index=\"0\">\n <div class=\"img-wrapper after-img\" style=\"background-image: url('https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/08\/res_37.png');\"><\/div>\n <div class=\"img-wrapper before-img\" style=\"width: 50%;\">\n <div class=\"before-img-inner\" style=\"background-image: url('https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/08\/res_32.png');\"><\/div>\n <\/div>\n <div class=\"split-handle\" style=\"left: 50%;\">\n <div class=\"handle-knob\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M8.5 17L3.5 12L8.5 7M15.5 17L20.5 12L15.5 7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <\/div>\n <span class=\"badge badge-top-left\">RESIDENTIAL<\/span>\n <span class=\"badge badge-top-right\">RECONSTRUCTION<\/span>\n <span class=\"badge badge-bottom-left\">BEFORE<\/span>\n <span class=\"badge badge-bottom-right\">AFTER<\/span>\n <\/div>\n\n <!-- Card 1 -->\n <div class=\"card-item\" data-index=\"1\">\n <div class=\"img-wrapper after-img\" style=\"background-image: url('https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/08\/res_33.png');\"><\/div>\n <div class=\"img-wrapper before-img\" style=\"width: 50%;\">\n <div class=\"before-img-inner\" style=\"background-image: url('https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/08\/res_36.png');\"><\/div>\n <\/div>\n <div class=\"split-handle\" style=\"left: 50%;\">\n <div class=\"handle-knob\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M8.5 17L3.5 12L8.5 7M15.5 17L20.5 12L15.5 7\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\n <\/div>\n <\/div>\n <span class=\"badge badge-top-left\">RESIDENTIAL<\/span>\n <span class=\"badge badge-top-right\">RECONSTRUCTION<\/span>\n <span class=\"badge badge-bottom-left\">BEFORE<\/span>\n <span class=\"badge badge-bottom-right\">AFTER<\/span>\n <\/div>\n\n \n <\/div>\n <\/div>\n\n <!-- Navigation Dots -->\n\n\n<\/section>\n\n<script>\n (function() {\n let slideIndex = 0;\n\n const showcase = document.getElementById('wpShowcaseSection');\n if (!showcase) return;\n\n const cards = showcase.querySelectorAll('.card-item');\n const carouselContainer = showcase.querySelector('#wpCarouselContainer');\n const carouselTrack = showcase.querySelector('#wpCarouselTrack');\n\n const dotsContainer = document.getElementById('wpDotsContainer');\n\n let lastIsSingleActive = null;\n\n \/\/ Handle Before\/After image splitting slider on drag\/touch\n cards.forEach(card => {\n const beforeImg = card.querySelector('.before-img');\n const handle = card.querySelector('.split-handle');\n let isDragging = false;\n\n function setSplitPosition(clientX) {\n const rect = card.getBoundingClientRect();\n let x = clientX - rect.left;\n if (x < 0) x = 0;\n if (x > rect.width) x = rect.width;\n\n const percentage = (x \/ rect.width) * 100;\n beforeImg.style.width = `${percentage}%`;\n handle.style.left = `${percentage}%`;\n }\n\n card.addEventListener('mousedown', (e) => {\n isDragging = true;\n setSplitPosition(e.clientX);\n });\n\n window.addEventListener('mousemove', (e) => {\n if (!isDragging) return;\n setSplitPosition(e.clientX);\n });\n\n window.addEventListener('mouseup', () => {\n isDragging = false;\n });\n\n card.addEventListener('touchstart', (e) => {\n isDragging = true;\n setSplitPosition(e.touches[0].clientX);\n }, { passive: true });\n\n window.addEventListener('touchmove', (e) => {\n if (!isDragging) return;\n setSplitPosition(e.touches[0].clientX);\n }, { passive: true });\n\n window.addEventListener('touchend', () => {\n isDragging = false;\n });\n });\n\n \/\/ Update slider translate position and handle visible states\n function updateSliderPosition() {\n const isSingleActive = window.innerWidth <= 1024;\n const maxIndex = isSingleActive ? cards.length - 1 : cards.length - 2;\n\n \/\/ Clamp index if out of bounds\n if (slideIndex > maxIndex) {\n slideIndex = maxIndex;\n }\n\n \/\/ Rebuild dots if active mode changed\n if (lastIsSingleActive !== isSingleActive) {\n lastIsSingleActive = isSingleActive;\n dotsContainer.innerHTML = '';\n for (let i = 0; i <= maxIndex; i++) {\n const dot = document.createElement('div');\n dot.classList.add('dot');\n dot.setAttribute('data-index', i);\n dot.addEventListener('click', () => {\n slideIndex = i;\n updateSliderPosition();\n });\n dotsContainer.appendChild(dot);\n }\n }\n\n \/\/ Update active dot classes\n const dots = dotsContainer.querySelectorAll('.dot');\n dots.forEach((dot, dIdx) => {\n if (dIdx === slideIndex) {\n dot.classList.add('active');\n } else {\n dot.classList.remove('active');\n }\n });\n\n const containerWidth = carouselContainer.offsetWidth || window.innerWidth;\n const cardWidth = cards[0].offsetWidth || 440;\n const gap = 20;\n const stride = cardWidth + gap;\n\n let translateX;\n if (isSingleActive) {\n \/\/ Only one active card centered\n const centerInTrack = (slideIndex * stride) + (cardWidth \/ 2);\n translateX = (containerWidth \/ 2) - centerInTrack;\n } else {\n \/\/ Two active cards centered\n const pairCenterInTrack = (slideIndex * stride) + (cardWidth + (gap \/ 2));\n translateX = (containerWidth \/ 2) - pairCenterInTrack;\n }\n\n carouselTrack.style.transform = `translateX(${translateX}px)`;\n\n \/\/ Set active status on active card item(s)\n cards.forEach((card, idx) => {\n card.classList.remove('active-card', 'dimmed-left', 'dimmed-right');\n\n if (isSingleActive) {\n if (idx === slideIndex) {\n card.classList.add('active-card');\n } else if (idx < slideIndex) {\n card.classList.add('dimmed-left');\n } else {\n card.classList.add('dimmed-right');\n }\n } else {\n if (idx === slideIndex || idx === slideIndex + 1) {\n card.classList.add('active-card');\n } else if (idx < slideIndex) {\n card.classList.add('dimmed-left');\n } else {\n card.classList.add('dimmed-right');\n }\n }\n });\n }\n\n \/\/ Initial position setup\n updateSliderPosition();\n\n \/\/ Listen to resize events to keep slider aligned\n window.addEventListener('resize', updateSliderPosition);\n })();\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c89282f e-flex e-con-boxed e-con e-parent\" data-id=\"c89282f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-1ee271b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"1ee271b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"zoomIn"}\">\n\t\t<div class=\"elementor-element elementor-element-590e2cd e-con-full e-flex e-con e-child\" data-id=\"590e2cd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-14a2586 elementor-widget elementor-widget-image\" data-id=\"14a2586\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"77\" height=\"77\" src=\"https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/u_07.png\" class=\"attachment-full size-full wp-image-1294\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2cc5af0 elementor-widget-mobile_extra__width-initial elementor-widget elementor-widget-image-box\" data-id=\"2cc5af0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">We work with all insurance carriers for this service<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5fdda93 elementor-widget elementor-widget-image\" data-id=\"5fdda93\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"229\" height=\"169\" src=\"https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Fire-Smoke-Page_03.png\" class=\"attachment-full size-full wp-image-1682\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a8836c2 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"a8836c2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","animation":"fadeInUp"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-af7e705 elementor-widget elementor-widget-image-box\" data-id=\"af7e705\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><div class=\"elementor-image-box-content\"><h3 class=\"elementor-image-box-title\">Need Reconstruction Help?<\/h3><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c8966fe elementor-align-left e-transform elementor-widget elementor-widget-button\" data-id=\"c8966fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_transform_scale_effect_hover":{"unit":"px","size":1.1,"sizes":[]},"_transform_scale_effect_hover_laptop":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_tablet_extra":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_tablet":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile_extra":{"unit":"px","size":"","sizes":[]},"_transform_scale_effect_hover_mobile":{"unit":"px","size":"","sizes":[]}}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"tel:877.95.WATER\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">\u2605 Call 877.95.WATER Now \u2605<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9e103fc e-flex e-con-boxed e-con e-parent\" data-id=\"9e103fc\" data-element_type=\"container\" data-e-type=\"container\" id=\"study-main-col-01\" data-settings=\"{"background_background":"classic"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f07dcc1 elementor-widget__width-inherit elementor-widget elementor-widget-image\" data-id=\"f07dcc1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1800\" height=\"1072\" src=\"https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02.png\" class=\"attachment-full size-full wp-image-1870\" alt=\"\" srcset=\"https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02.png 1800w, https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02-300x179.png 300w, https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02-1024x610.png 1024w, https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02-768x457.png 768w, https:\/\/gsrusa.com\/wp-content\/uploads\/2026\/07\/Reconstruction-Page_02-1536x915.png 1536w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Full Reconstruction Services \u2605 24\/7 Fully Restored and Built \u2605 Property Reconstruction Services \u2605 Get Emergency Help Now \u2605 \u2605 How We Handle Reconstruction \u2605 \u2605 What is Property Reconstruction Services After emergency mitigation is complete, the real rebuilding begins. Reconstruction is the framing, drywall, flooring, cabinetry, trim, paint, and finish work that turns a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1391","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/pages\/1391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gsrusa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1391"}],"version-history":[{"count":106,"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/pages\/1391\/revisions"}],"predecessor-version":[{"id":6145,"href":"https:\/\/gsrusa.com\/index.php?rest_route=\/wp\/v2\/pages\/1391\/revisions\/6145"}],"wp:attachment":[{"href":"https:\/\/gsrusa.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}