// US Demolition — Header + Hero + Pain + Solution sections const DS1 = window.USDemolitionDesignSystem_311b2f; const { Button: Btn1, Badge: Bdg1, Card: Crd1, SectionHeading: SHd1, Stat: St1 } = DS1; const PAIN_ICONS = { warning: ``, clock: ``, dollar: ``, layers: `` }; const PHONE = '+1 (239) 603-3998'; /* ── Hamburger state ── */ let _mobileMenuOpen = false; function setMobileMenu(v) {_mobileMenuOpen = v;} /* ──────────────────────────────────────────── HEADER ──────────────────────────────────────────── */ function SiteHeader({ onEstimate }) { const [open, setOpen] = React.useState(false); const [scrolled, setScrolled] = React.useState(false); React.useEffect(() => { const h = () => setScrolled(window.scrollY > 30); window.addEventListener('scroll', h, { passive: true }); return () => window.removeEventListener('scroll', h); }, []); const navLinks = [ { label: 'Services', href: '#services' }, { label: 'Projects', href: '#projects' }, { label: 'Process', href: '#process' }, { label: 'About', href: '#about' }, { label: 'FAQ', href: '#faq' }, { label: 'Contact', href: '#contact' }]; const hdrStyle = { position: 'fixed', top: 0, left: 0, right: 0, zIndex: 100, background: scrolled ? 'rgba(6,6,6,0.97)' : 'rgba(6,6,6,0.80)', backdropFilter: 'blur(16px)', borderBottom: scrolled ? '1px solid var(--steel-500)' : '1px solid rgba(58,58,66,0.5)', transition: 'background 0.3s var(--ease-out), border-color 0.3s var(--ease-out)', boxShadow: scrolled ? '0 2px 24px rgba(0,0,0,0.5)' : 'none', }; return (
US Demolition {/* Desktop nav */} {/* Mobile hamburger */}
{/* Mobile drawer */} {open &&
{navLinks.map((l) => setOpen(false)} style={{ display: 'block', fontFamily: 'var(--font-heading)', fontWeight: 600, fontSize: '15px', textTransform: 'uppercase', letterSpacing: '.14em', color: 'var(--ash-100)', textDecoration: 'none', padding: '14px 0', borderBottom: '1px solid var(--steel-500)' }}>{l.label} )}
{PHONE} { setOpen(false); onEstimate(); }} style={{ width: '100%' }}>Get a Free Estimate
}
); } /* ──────────────────────────────────────────── HERO ──────────────────────────────────────────── */ function SiteHero({ onEstimate }) { return (
{/* Overlays */}
{/* Gold accent bar */}
{/* Eyebrow badge */}
Licensed & Insured · South Florida
{/* H1 */}

INTERIOR HOME
DEMOLITION
IN FLORIDA

{/* Gold rule */}
{/* Sub */}

Safe, clean, and precise demolition services for homeowners, contractors, remodelers, and commercial properties across South Florida.

{/* CTAs */}
Get a Free Estimate document.getElementById('services').scrollIntoView({ behavior: 'smooth' })}>View Our Services
{/* Tagline */}

Built to Break. Built to Deliver.

{/* Trust strip */}
{['Licensed & Insured', 'Free Estimates', 'Full Debris Removal', 'Dust-Controlled'].map(t => (
✓ {t}
))}
); } /* ──────────────────────────────────────────── PAIN SECTION ──────────────────────────────────────────── */ function SitePain() { return (

The Problem

DEMOLITION SHOULD NOT DELAY YOUR PROJECT

Before you build, renovate or clear a property, the site needs to be handled safely and professionally. Poor demolition creates delays, mess, safety risks and unexpected costs.

US Demolition removes what's in the way and prepares the space for the next phase — clean, fast, and done right the first time.

{[ { iconKey: 'warning', label: 'Safety Risks', desc: 'Untrained crews cut corners on hazardous materials and structural work.' }, { iconKey: 'clock', label: 'Project Delays', desc: 'Poor planning and slow execution pushes your entire timeline back.' }, { iconKey: 'dollar', label: 'Hidden Costs', desc: 'Incomplete site work leads to expensive rework for the next contractor.' }, { iconKey: 'layers', label: 'Site Mess', desc: 'Debris left behind blocks the next construction phase from starting.' }]. map((item) =>
e.currentTarget.style.borderColor = 'var(--gold-700)'} onMouseLeave={e => e.currentTarget.style.borderColor = 'var(--steel-500)'}>

{item.label}

{item.desc}

)}
); } /* ──────────────────────────────────────────── SOLUTION SECTION ──────────────────────────────────────────── */ function SiteSolution() { const items = [ { title: 'Interior Demolition', desc: 'Selective tear-outs for remodels — drywall, flooring, kitchens, bathrooms and full gut-outs.' }, { title: 'Residential Demolition', desc: 'Full house teardowns, garages and additions handled safely and professionally.' }, { title: 'Concrete Removal', desc: 'Driveways, slabs, patios, pool decks and foundations removed clean and hauled off.' }, { title: 'Commercial Demolition', desc: 'Offices, retail spaces and business properties cleared with minimal disruption.' }, { title: 'Site Clearing & Grading', desc: 'Lot clearing, grading and debris removal — site ready for construction.' }, { title: 'Debris Removal', desc: 'All demo material hauled and disposed of. Site left swept and organized.' }]; return (

From the first swing to the final sweep — we execute with precision and leave you a clean, ready site.

{items.map((item, i) =>
{e.currentTarget.style.borderTopColor = 'var(--gold-400)'; e.currentTarget.style.borderColor = 'var(--gold-500)'; e.currentTarget.style.transform = 'translateY(-3px)';}} onMouseLeave={(e) => {e.currentTarget.style.borderTopColor = 'var(--gold-700)'; e.currentTarget.style.borderColor = 'var(--steel-500)'; e.currentTarget.style.transform = 'translateY(0)';}}>
{String(i + 1).padStart(2, '0')}

{item.title}

{item.desc}

)}
); } window.SiteHeader = SiteHeader; window.SiteHero = SiteHero; window.SitePain = SitePain; window.SiteSolution = SiteSolution;