patx/voldservices
Updated all four service pages to use full-width hero background images
Commit 62914e2 · patx · 2026-09-09T13:45:06-04:00
Comments
No comments yet.
Diff
diff --git a/docs/assets/pages.css b/docs/assets/pages.css
index 90490cf..85bd07d 100644
--- a/docs/assets/pages.css
+++ b/docs/assets/pages.css
@@ -13,6 +13,13 @@
.page-hero-photo { margin: 0; border: 1px solid var(--line); background: var(--ink-2); }
.page-hero-photo img { display: block; width: 100%; height: 480px; object-fit: cover; }
.page-hero-photo figcaption, .page-comparison figcaption { padding: 15px 18px; font-family: var(--mono); font-size: .72rem; line-height: 1.7; color: var(--muted); }
+.page-hero--background { position: relative; isolation: isolate; min-height: 720px; min-height: min(850px, 92svh); overflow: hidden; }
+.page-hero-background { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; object-position: center; }
+.page-hero--background::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,8,8,.9), rgba(8,8,8,.7) 50%, rgba(8,8,8,.25)), linear-gradient(0deg, var(--ink), transparent 35%); }
+.page-hero--background .page-hero-grid { grid-template-columns: 1fr; }
+.page-hero--background .page-hero-copy { max-width: 760px; }
+.page-hero--background .lead { max-width: 58ch; color: var(--bone); }
+.page-hero--background .breadcrumbs, .page-hero--background .page-hero-note { color: var(--bone); }
.page-detail-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }
.page-detail-grid .lead { margin: 0; }
.page-detail-grid .area .lead { font-size: .98rem; margin-top: 16px; }
@@ -42,6 +49,7 @@
.page-hero-photo img { height: 430px; }
}
@media (max-width: 700px) {
+ .page-hero--background::before { background: linear-gradient(180deg, rgba(8,8,8,.75), rgba(8,8,8,.8) 75%, var(--ink)); }
.page-hero { padding: 150px 0 48px; }
.breadcrumbs { margin-bottom: 28px; font-size: .65rem; }
.page-hero-grid, .page-detail-grid, .page-two-grid { grid-template-columns: 1fr; }
diff --git a/docs/services/paver-repair/index.html b/docs/services/paver-repair/index.html
index e8f143e..8048070 100644
--- a/docs/services/paver-repair/index.html
+++ b/docs/services/paver-repair/index.html
@@ -237,9 +237,9 @@
</div>
<div class="nav-progress" id="nav-progress" aria-hidden="true"></div>
</header>
-<main id="main"><section class="page-hero" id="top"><div class="wrap">
+<main id="main"><section class="page-hero page-hero--background" id="top"><img class="page-hero-background" src="/img/work-driveway-install.jpg" alt="" aria-hidden="true" fetchpriority="high" /><div class="wrap">
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="/">Home</a><span aria-hidden="true">/</span><a href="/#services">Services</a><span aria-hidden="true">/</span><span aria-current="page">Paver repair</span></nav>
-<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Paver repair<span class="accent">Done with care.</span></h1><p class="lead">Loose borders, sunken sections, and uneven joints need attention beneath the surface. We lift the affected pavers, correct the base, and reset the area.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Reset the pavers. Restore the surface.</p></div><figure class="page-hero-photo"><img src="/img/work-driveway-install.jpg" alt="Paver driveway restoration in progress" width="746" height="829" fetchpriority="high" /><figcaption>Paver restoration work in progress. The scope of each repair depends on the existing surface.</figcaption></figure></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">Address the area that has moved</h2></div><div class="page-detail-grid"><p class="lead">Fresh joint sand alone will not correct a sunken section. We assess the affected area, lift the pavers that need resetting, and work on the base before relaying them. When pieces are damaged, replacement depends on finding a suitable match. Send a close-up and a wider view so we can see how the repair fits into the surrounding surface.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Sunken or uneven driveway sections</li><li>Loose edge and border pavers</li><li>Separated pavers in patios and walkways</li><li>Small areas needing lift and relay</li><li>Damaged pieces where a match is available</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Identify the affected area</h3><p>Send photos of the uneven section and the surrounding paving. Note whether pieces rock, separate, or have visible damage. We confirm the repair scope after reviewing the condition.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Lift and correct the base</h3><p>We remove the affected pavers and correct the base before resetting them. Damaged pieces are replaced when a suitable match is available.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Reset and finish the joints</h3><p>We relay the pavers, add joint sand, and give the area a final rinse. If cleaning or sealing is also needed, we discuss it as part of the overall project.</p></article></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Paver repair questions</h2></div><div class="page-faq"><details><summary>Do you need to replace the whole driveway?</summary><p>Our listed repair services focus on small-area lift and relay and affected sections. Photos or a walkthrough help establish whether that approach fits your project.</p></details><details><summary>Will replacement pavers match?</summary><p>Replacement depends on availability. Share photos of the existing pieces and let us know whether you have spare pavers so we can assess the options.</p></details><details><summary>Can you clean and seal after a repair?</summary><p>Yes, we also offer pressure washing and paver sealing. Include those requests with the repair details so the work can be considered together.</p></details><details><summary>What photos help you assess the repair?</summary><p>Send a close-up of loose or damaged pieces and a wider photo showing the area around them. Include an approximate size and describe where the surface has sunk or separated.</p></details></div></div></section><section class="band band--tinted" id="quote">
+<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Paver repair<span class="accent">Done with care.</span></h1><p class="lead">Loose borders, sunken sections, and uneven joints need attention beneath the surface. We lift the affected pavers, correct the base, and reset the area.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Reset the pavers. Restore the surface.</p></div></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">Address the area that has moved</h2></div><div class="page-detail-grid"><p class="lead">Fresh joint sand alone will not correct a sunken section. We assess the affected area, lift the pavers that need resetting, and work on the base before relaying them. When pieces are damaged, replacement depends on finding a suitable match. Send a close-up and a wider view so we can see how the repair fits into the surrounding surface.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Sunken or uneven driveway sections</li><li>Loose edge and border pavers</li><li>Separated pavers in patios and walkways</li><li>Small areas needing lift and relay</li><li>Damaged pieces where a match is available</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Identify the affected area</h3><p>Send photos of the uneven section and the surrounding paving. Note whether pieces rock, separate, or have visible damage. We confirm the repair scope after reviewing the condition.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Lift and correct the base</h3><p>We remove the affected pavers and correct the base before resetting them. Damaged pieces are replaced when a suitable match is available.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Reset and finish the joints</h3><p>We relay the pavers, add joint sand, and give the area a final rinse. If cleaning or sealing is also needed, we discuss it as part of the overall project.</p></article></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Paver repair questions</h2></div><div class="page-faq"><details><summary>Do you need to replace the whole driveway?</summary><p>Our listed repair services focus on small-area lift and relay and affected sections. Photos or a walkthrough help establish whether that approach fits your project.</p></details><details><summary>Will replacement pavers match?</summary><p>Replacement depends on availability. Share photos of the existing pieces and let us know whether you have spare pavers so we can assess the options.</p></details><details><summary>Can you clean and seal after a repair?</summary><p>Yes, we also offer pressure washing and paver sealing. Include those requests with the repair details so the work can be considered together.</p></details><details><summary>What photos help you assess the repair?</summary><p>Send a close-up of loose or damaged pieces and a wider photo showing the area around them. Include an approximate size and describe where the surface has sunk or separated.</p></details></div></div></section><section class="band band--tinted" id="quote">
<div class="wrap">
<div class="section-head reveal">
<h2 class="h2">Request an estimate</h2>
diff --git a/docs/services/paver-sealing/index.html b/docs/services/paver-sealing/index.html
index 12211a6..85a0cbd 100644
--- a/docs/services/paver-sealing/index.html
+++ b/docs/services/paver-sealing/index.html
@@ -237,9 +237,9 @@
</div>
<div class="nav-progress" id="nav-progress" aria-hidden="true"></div>
</header>
-<main id="main"><section class="page-hero" id="top"><div class="wrap">
+<main id="main"><section class="page-hero page-hero--background" id="top"><img class="page-hero-background" src="/img/after-pool-deck.jpg" alt="" aria-hidden="true" fetchpriority="high" /><div class="wrap">
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="/">Home</a><span aria-hidden="true">/</span><a href="/#services">Services</a><span aria-hidden="true">/</span><span aria-current="page">Paver sealing</span></nav>
-<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Paver sealing<span class="accent">Done with care.</span></h1><p class="lead">Give your driveway, walkway, or pool deck a finish that suits the property. We clean the pavers, replace missing joint sand, and seal once the surface is ready.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Clean. Re-sand. Protect.</p></div><figure class="page-hero-photo"><img src="/img/after-pool-deck.jpg" alt="Gold travertine pool deck after cleaning and sealing" width="746" height="829" fetchpriority="high" /><figcaption>A cleaned and sealed travertine pool deck with its warm stone color restored.</figcaption></figure></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">The finish starts with the preparation</h2></div><div class="page-detail-grid"><p class="lead">Fresh sealer is only part of the job. Dirt, surface deposits, empty joints, and uneven pavers need attention first. We assess the existing surface and discuss the look you want, from natural to semi-gloss or wet-look, before planning the preparation and application.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Paver driveways and front entrances</li><li>Travertine pool decks and patios</li><li>Walkways and screened lanais</li><li>Worn surfaces ready for resealing</li><li>Missing joint sand and surface deposits</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Check the pavers and existing finish</h3><p>Tell us when the surface was last sealed, if you know, and send photos of cloudy areas, worn patches, or uneven pavers. Repairs can be discussed before sealing.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Clean and replace joint sand</h3><p>We wash the surface, address efflorescence as needed, and replace missing joint sand. The pavers must be clean and dry before application.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Apply the selected finish</h3><p>Once the surface is ready, we apply the agreed finish. We confirm access and use instructions for your project so you know when the area can be used again.</p></article></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Our work</p><h2 class="h2">See the difference</h2></div><div class="page-comparison"><figure><img src="/img/before-pool-deck.jpg" alt="Pool deck before cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>Before</figcaption></figure><figure><img src="/img/after-pool-deck.jpg" alt="Pool deck after cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>After cleaning and sealing</figcaption></figure></div><p class="page-caption">This project included cleaning and sealing. Your estimate will specify the services included for your surface.</p></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Paver sealing questions</h2></div><div class="page-faq"><details><summary>Do I have to choose a glossy finish?</summary><p>No. Natural, semi-gloss, and wet-look finishes are available. Tell us the appearance you prefer so we can discuss an option suited to your pavers.</p></details><details><summary>Can you seal pavers that are already uneven?</summary><p>Uneven or loose pavers should be assessed for repair first. Mention those areas when requesting an estimate so repair and sealing can be planned together.</p></details><details><summary>Can you reseal an existing surface?</summary><p>Yes. We offer resealing for worn pavers. Photos and any information about the previous finish help us assess the preparation needed.</p></details><details><summary>How long will the job take?</summary><p>Timing depends on the size, condition, preparation, and weather. Cleaning, drying, and application need to be planned around the actual surface; we confirm the schedule and use instructions for your job.</p></details></div></div></section><section class="band band--tinted" id="quote">
+<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Paver sealing<span class="accent">Done with care.</span></h1><p class="lead">Give your driveway, walkway, or pool deck a finish that suits the property. We clean the pavers, replace missing joint sand, and seal once the surface is ready.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Clean. Re-sand. Protect.</p></div></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">The finish starts with the preparation</h2></div><div class="page-detail-grid"><p class="lead">Fresh sealer is only part of the job. Dirt, surface deposits, empty joints, and uneven pavers need attention first. We assess the existing surface and discuss the look you want, from natural to semi-gloss or wet-look, before planning the preparation and application.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Paver driveways and front entrances</li><li>Travertine pool decks and patios</li><li>Walkways and screened lanais</li><li>Worn surfaces ready for resealing</li><li>Missing joint sand and surface deposits</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Check the pavers and existing finish</h3><p>Tell us when the surface was last sealed, if you know, and send photos of cloudy areas, worn patches, or uneven pavers. Repairs can be discussed before sealing.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Clean and replace joint sand</h3><p>We wash the surface, address efflorescence as needed, and replace missing joint sand. The pavers must be clean and dry before application.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Apply the selected finish</h3><p>Once the surface is ready, we apply the agreed finish. We confirm access and use instructions for your project so you know when the area can be used again.</p></article></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Our work</p><h2 class="h2">See the difference</h2></div><div class="page-comparison"><figure><img src="/img/before-pool-deck.jpg" alt="Pool deck before cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>Before</figcaption></figure><figure><img src="/img/after-pool-deck.jpg" alt="Pool deck after cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>After cleaning and sealing</figcaption></figure></div><p class="page-caption">This project included cleaning and sealing. Your estimate will specify the services included for your surface.</p></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Paver sealing questions</h2></div><div class="page-faq"><details><summary>Do I have to choose a glossy finish?</summary><p>No. Natural, semi-gloss, and wet-look finishes are available. Tell us the appearance you prefer so we can discuss an option suited to your pavers.</p></details><details><summary>Can you seal pavers that are already uneven?</summary><p>Uneven or loose pavers should be assessed for repair first. Mention those areas when requesting an estimate so repair and sealing can be planned together.</p></details><details><summary>Can you reseal an existing surface?</summary><p>Yes. We offer resealing for worn pavers. Photos and any information about the previous finish help us assess the preparation needed.</p></details><details><summary>How long will the job take?</summary><p>Timing depends on the size, condition, preparation, and weather. Cleaning, drying, and application need to be planned around the actual surface; we confirm the schedule and use instructions for your job.</p></details></div></div></section><section class="band band--tinted" id="quote">
<div class="wrap">
<div class="section-head reveal">
<h2 class="h2">Request an estimate</h2>
diff --git a/docs/services/pressure-washing/index.html b/docs/services/pressure-washing/index.html
index 7859827..18711b8 100644
--- a/docs/services/pressure-washing/index.html
+++ b/docs/services/pressure-washing/index.html
@@ -237,9 +237,9 @@
</div>
<div class="nav-progress" id="nav-progress" aria-hidden="true"></div>
</header>
-<main id="main"><section class="page-hero" id="top"><div class="wrap">
+<main id="main"><section class="page-hero page-hero--background" id="top"><img class="page-hero-background" src="/img/after-driveway.jpg" alt="" aria-hidden="true" fetchpriority="high" /><div class="wrap">
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="/">Home</a><span aria-hidden="true">/</span><a href="/#services">Services</a><span aria-hidden="true">/</span><span aria-current="page">Pressure washing</span></nav>
-<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Pressure washing<span class="accent">Done with care.</span></h1><p class="lead">From a darkened driveway to a tired pool deck, the right wash makes a visible difference. We clean concrete, pavers, and exterior surfaces with pressure and treatment selected for the material.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Clean the surface. Bring back the curb appeal.</p></div><figure class="page-hero-photo"><img src="/img/after-driveway.jpg" alt="Travertine driveway after cleaning and sealing" width="746" height="829" fetchpriority="high" /><figcaption>A completed driveway wash and seal. Cleaning is the first step before a protective finish.</figcaption></figure></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">A different approach for every surface</h2></div><div class="page-detail-grid"><p class="lead">Concrete can take a different cleaning approach than paint or porous stone. We use surface cleaners on suitable hard surfaces and lower pressure where the material calls for it. Tell us what needs cleaning and we can help you decide whether washing alone, repair, or sealing is the right next step.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Concrete driveways, sidewalks, and walkways</li><li>Paver patios, pool decks, and lanais</li><li>House and building exteriors</li><li>Fences, screen enclosures, and gutters</li><li>Storefronts and dumpster pads</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Review the surfaces</h3><p>Share the address, approximate area, and photos of stains or sensitive surfaces. We confirm the scope and arrange a walkthrough if needed.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Choose the cleaning method</h3><p>We match pressure and treatment to the surface and protect the surrounding areas before cleaning.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Clean and review</h3><p>We clear dirt and organic buildup, rinse the work area, and discuss any areas that may need repair or a separate sealing service.</p></article></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Our work</p><h2 class="h2">See the difference</h2></div><div class="page-comparison"><figure><img src="/img/before-driveway.jpg" alt="Driveway before cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>Before</figcaption></figure><figure><img src="/img/after-driveway.jpg" alt="Driveway after cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>After cleaning and sealing</figcaption></figure></div><p class="page-caption">This project included cleaning and sealing. Your estimate will specify the services included for your surface.</p></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Pressure washing questions</h2></div><div class="page-faq"><details><summary>Can you wash my house as well as my driveway?</summary><p>Yes. House and building washes are part of our pressure washing services, with lower pressure used where the surface requires it. Include both areas in your estimate request.</p></details><details><summary>Is paver sealing included in a wash?</summary><p>Sealing is a separate service. If you want both, choose paver sealing on the form and tell us which areas need attention so preparation and finishing can be quoted together.</p></details><details><summary>Can you clean commercial properties?</summary><p>We clean storefronts, dumpster pads, and other exterior areas. Select Commercial or HOA / multi-family on the form and describe access requirements and any recurring cleaning needs.</p></details><details><summary>What should I send for an estimate?</summary><p>The property address, surface type, approximate size, and a few photos help us understand the job. Point out heavy stains, fragile areas, and any gates or access restrictions.</p></details></div></div></section><section class="band band--tinted" id="quote">
+<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Pressure washing<span class="accent">Done with care.</span></h1><p class="lead">From a darkened driveway to a tired pool deck, the right wash makes a visible difference. We clean concrete, pavers, and exterior surfaces with pressure and treatment selected for the material.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">Clean the surface. Bring back the curb appeal.</p></div></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">A different approach for every surface</h2></div><div class="page-detail-grid"><p class="lead">Concrete can take a different cleaning approach than paint or porous stone. We use surface cleaners on suitable hard surfaces and lower pressure where the material calls for it. Tell us what needs cleaning and we can help you decide whether washing alone, repair, or sealing is the right next step.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Concrete driveways, sidewalks, and walkways</li><li>Paver patios, pool decks, and lanais</li><li>House and building exteriors</li><li>Fences, screen enclosures, and gutters</li><li>Storefronts and dumpster pads</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Review the surfaces</h3><p>Share the address, approximate area, and photos of stains or sensitive surfaces. We confirm the scope and arrange a walkthrough if needed.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Choose the cleaning method</h3><p>We match pressure and treatment to the surface and protect the surrounding areas before cleaning.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Clean and review</h3><p>We clear dirt and organic buildup, rinse the work area, and discuss any areas that may need repair or a separate sealing service.</p></article></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Our work</p><h2 class="h2">See the difference</h2></div><div class="page-comparison"><figure><img src="/img/before-driveway.jpg" alt="Driveway before cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>Before</figcaption></figure><figure><img src="/img/after-driveway.jpg" alt="Driveway after cleaning and sealing" width="746" height="829" loading="lazy" /><figcaption>After cleaning and sealing</figcaption></figure></div><p class="page-caption">This project included cleaning and sealing. Your estimate will specify the services included for your surface.</p></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Pressure washing questions</h2></div><div class="page-faq"><details><summary>Can you wash my house as well as my driveway?</summary><p>Yes. House and building washes are part of our pressure washing services, with lower pressure used where the surface requires it. Include both areas in your estimate request.</p></details><details><summary>Is paver sealing included in a wash?</summary><p>Sealing is a separate service. If you want both, choose paver sealing on the form and tell us which areas need attention so preparation and finishing can be quoted together.</p></details><details><summary>Can you clean commercial properties?</summary><p>We clean storefronts, dumpster pads, and other exterior areas. Select Commercial or HOA / multi-family on the form and describe access requirements and any recurring cleaning needs.</p></details><details><summary>What should I send for an estimate?</summary><p>The property address, surface type, approximate size, and a few photos help us understand the job. Point out heavy stains, fragile areas, and any gates or access restrictions.</p></details></div></div></section><section class="band band--tinted" id="quote">
<div class="wrap">
<div class="section-head reveal">
<h2 class="h2">Request an estimate</h2>
diff --git a/docs/services/roof-cleaning/index.html b/docs/services/roof-cleaning/index.html
index 12626df..cf239f5 100644
--- a/docs/services/roof-cleaning/index.html
+++ b/docs/services/roof-cleaning/index.html
@@ -237,9 +237,9 @@
</div>
<div class="nav-progress" id="nav-progress" aria-hidden="true"></div>
</header>
-<main id="main"><section class="page-hero" id="top"><div class="wrap">
+<main id="main"><section class="page-hero page-hero--background" id="top"><img class="page-hero-background" src="/img/hero-scrub-poster.jpg" alt="" aria-hidden="true" fetchpriority="high" /><div class="wrap">
<nav class="breadcrumbs" aria-label="Breadcrumb"><a href="/">Home</a><span aria-hidden="true">/</span><a href="/#services">Services</a><span aria-hidden="true">/</span><span aria-current="page">Roof cleaning</span></nav>
-<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Roof cleaning<span class="accent">Done with care.</span></h1><p class="lead">Give a roof marked by dark streaks and organic buildup a fresh start. We use a low-pressure soft wash for tile, shingle, and metal roofs, with care for the landscaping below.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">A cleaner roof. A lower-pressure approach.</p></div><figure class="page-hero-photo"><img src="/img/hero-scrub-poster.jpg" alt="South Florida home with a tiled roof and paver driveway" width="746" height="829" fetchpriority="high" /><figcaption>Exterior cleaning for South Florida homes, including tile, shingle, and metal roofs.</figcaption></figure></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">Soft washing suited to the roof</h2></div><div class="page-detail-grid"><p class="lead">Roof cleaning uses a different method from driveway cleaning. Our low-pressure application treats organic buildup without using a high-pressure cleaning wand on the roof surface. We water landscaping before the work and rinse it afterward. Tell us the roof material and any concerns when requesting an estimate.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Barrel and flat tile roofs</li><li>Asphalt shingle roofs</li><li>Metal roofs</li><li>Dark streaks and organic buildup</li><li>Roof cleaning photos for HOA notices</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Review the roof and access</h3><p>Send the address, roof material if known, and photos taken safely from the ground. Mention access limitations and any HOA notice or requested timeframe.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Prepare and soft wash</h3><p>We water the landscaping before applying the low-pressure roof treatment. The approach is selected for the roof surface.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Rinse surrounding landscaping</h3><p>We rinse the landscaping after the work. If you need photos for an HOA notice, let us know when arranging the cleaning.</p></article></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Roof cleaning questions</h2></div><div class="page-faq"><details><summary>Do you use high pressure on the roof?</summary><p>No. Roof cleaning uses a low-pressure soft wash. It is a different process from cleaning hard surfaces such as concrete driveways.</p></details><details><summary>Which roof materials do you clean?</summary><p>Our roof cleaning service covers barrel and flat tile, asphalt shingle, and metal. Include your roof material in the estimate request if you know it.</p></details><details><summary>How do you care for the landscaping?</summary><p>Landscaping is watered before the roof treatment and rinsed afterward. Tell us about any specific plants or access concerns when arranging the work.</p></details><details><summary>Can you provide photos for my HOA?</summary><p>Photos are available for HOA notices. Mention the notice and any deadline in your request so we can confirm what is needed and discuss scheduling.</p></details></div></div></section><section class="band band--tinted" id="quote">
+<div class="page-hero-grid"><div class="page-hero-copy"><p class="eyebrow">Broward · Miami-Dade · Palm Beach</p><h1>Roof cleaning<span class="accent">Done with care.</span></h1><p class="lead">Give a roof marked by dark streaks and organic buildup a fresh start. We use a low-pressure soft wash for tile, shingle, and metal roofs, with care for the landscaping below.</p><div class="page-actions"><a class="btn btn--primary" href="#quote">Request an estimate</a><a class="btn btn--ghost" href="tel:+19544013301">Call (954) 401-3301</a></div><p class="page-hero-note">A cleaner roof. A lower-pressure approach.</p></div></div></div></section><section class="band"><div class="wrap"><div class="section-head"><p class="eyebrow">Built around the material</p><h2 class="h2">Soft washing suited to the roof</h2></div><div class="page-detail-grid"><p class="lead">Roof cleaning uses a different method from driveway cleaning. Our low-pressure application treats organic buildup without using a high-pressure cleaning wand on the roof surface. We water landscaping before the work and rinse it afterward. Tell us the roof material and any concerns when requesting an estimate.</p><div class="area"><h3 class="h3">What we can help with</h3><ul class="page-surface-list"><li>Barrel and flat tile roofs</li><li>Asphalt shingle roofs</li><li>Metal roofs</li><li>Dark streaks and organic buildup</li><li>Roof cleaning photos for HOA notices</li></ul></div></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">What to expect</p><h2 class="h2">From estimate to finished surface</h2></div><div class="page-three-grid"><article class="service"><p class="eyebrow">Step 1</p><h3 class="h3">Review the roof and access</h3><p>Send the address, roof material if known, and photos taken safely from the ground. Mention access limitations and any HOA notice or requested timeframe.</p></article><article class="service"><p class="eyebrow">Step 2</p><h3 class="h3">Prepare and soft wash</h3><p>We water the landscaping before applying the low-pressure roof treatment. The approach is selected for the roof surface.</p></article><article class="service"><p class="eyebrow">Step 3</p><h3 class="h3">Rinse surrounding landscaping</h3><p>We rinse the landscaping after the work. If you need photos for an HOA notice, let us know when arranging the cleaning.</p></article></div></div></section><section class="band band--tinted"><div class="wrap"><div class="section-head"><p class="eyebrow">Before you book</p><h2 class="h2">Roof cleaning questions</h2></div><div class="page-faq"><details><summary>Do you use high pressure on the roof?</summary><p>No. Roof cleaning uses a low-pressure soft wash. It is a different process from cleaning hard surfaces such as concrete driveways.</p></details><details><summary>Which roof materials do you clean?</summary><p>Our roof cleaning service covers barrel and flat tile, asphalt shingle, and metal. Include your roof material in the estimate request if you know it.</p></details><details><summary>How do you care for the landscaping?</summary><p>Landscaping is watered before the roof treatment and rinsed afterward. Tell us about any specific plants or access concerns when arranging the work.</p></details><details><summary>Can you provide photos for my HOA?</summary><p>Photos are available for HOA notices. Mention the notice and any deadline in your request so we can confirm what is needed and discuss scheduling.</p></details></div></div></section><section class="band band--tinted" id="quote">
<div class="wrap">
<div class="section-head reveal">
<h2 class="h2">Request an estimate</h2>