// Icons — minimal, consistent, 24px strokes const Icon = { Menu: (p) => , X: (p) => , Phone: (p) => , Mail: (p) => , MapPin: (p) => , Clock: (p) => , Check: (p) => , ChevronRight: (p) => , ChevronLeft: (p) => , ArrowRight: (p) => , Star: (p) => , SlidersH: (p) => , Shield: (p) => , Leaf: (p) => , Heart: (p) => , Zap: (p) => , Home: (p) => , Road: (p) => , Deck: (p) => , Droplet: (p) => , Award: (p) => , Facebook: (p) => , Instagram: (p) => , Google: (p) => , }; // ============ NAV ============ function Nav({ page, goto }) { const [scrolled, setScrolled] = React.useState(false); const [open, setOpen] = React.useState(false); React.useEffect(() => { const fn = () => setScrolled(window.scrollY > 10); window.addEventListener('scroll', fn, { passive: true }); fn(); return () => window.removeEventListener('scroll', fn); }, []); const links = [ { id: 'home', label: 'Home' }, { id: 'services', label: 'Services' }, { id: 'gallery', label: 'Gallery' }, { id: 'contact', label: 'Contact' }, ]; const handleNav = (id) => { setOpen(false); goto(id); }; return (
{links.map(l => ( handleNav(l.id)} style={{cursor:'pointer'}}>{l.label} ))} handleNav('quote')} style={{cursor:'pointer', color:'var(--blue-500)', fontWeight:700}}>Get a Free Quote →
); } // ============ SERVICE REFERENCE MEDIA ============ function serviceMediaUrl(kind, file) { const base = (window.SERVICE_REFERENCE_MEDIA && window.SERVICE_REFERENCE_MEDIA.basePath) || 'assets/service-reference'; const folder = kind === 'video' ? 'videos' : 'images'; return `${base}/${folder}/${encodeURIComponent(file)}`; } function useServiceReferenceMedia() { return window.SERVICE_REFERENCE_MEDIA || { images: [], videos: [], featured: { images: [], videos: [] } }; } function JobPhoto({ file, className = '' }) { const src = serviceMediaUrl('image', file); const label = file.replace(/\.[^.]+$/, '').replace(/[_-]+/g, ' '); return (
{'Pressure
); } function JobVideo({ file }) { const src = serviceMediaUrl('video', file); const label = file.replace(/\.[^.]+$/, '').replace(/[_-]+/g, ' '); return (
); } function RealWorkPhotos({ files, limit }) { const list = (files || []).slice(0, limit || files.length); if (!list.length) return null; return (
{list.map(f => )}
); } function RealWorkVideos({ files, limit }) { const list = (files || []).slice(0, limit || files.length); if (!list.length) return null; return (
{list.map(f => )}
); } // ============ BEFORE/AFTER SLIDER ============ function BeforeAfter({ scene, beforeSrc, afterSrc, caption, meta, beforeAlt, afterAlt }) { const [pos, setPos] = React.useState(50); const ref = React.useRef(null); const dragging = React.useRef(false); const update = (clientX) => { if (!ref.current) return; const rect = ref.current.getBoundingClientRect(); const p = ((clientX - rect.left) / rect.width) * 100; setPos(Math.max(0, Math.min(100, p))); }; const onMove = (e) => { if (!dragging.current) return; const x = e.touches ? e.touches[0].clientX : e.clientX; update(x); }; const onUp = () => { dragging.current = false; document.body.style.userSelect = ''; }; const onDown = (e) => { dragging.current = true; document.body.style.userSelect = 'none'; const x = e.touches ? e.touches[0].clientX : e.clientX; update(x); }; React.useEffect(() => { window.addEventListener('mousemove', onMove); window.addEventListener('mouseup', onUp); window.addEventListener('touchmove', onMove, { passive: true }); window.addEventListener('touchend', onUp); return () => { window.removeEventListener('mousemove', onMove); window.removeEventListener('mouseup', onUp); window.removeEventListener('touchmove', onMove); window.removeEventListener('touchend', onUp); }; }, []); const SceneCmp = SCENES[scene] || SCENES.driveway; const usePhotos = beforeSrc && afterSrc; return (
{usePhotos ? ( {beforeAlt ) : ( )}
{usePhotos ? ( {afterAlt ) : ( )}
Before After
{(caption || meta) && (
{caption} {meta}
)}
); } // Scenes — CSS-rendered stylized before/after const SCENES = { driveway: ({ state }) => (
), siding: ({ state }) => (
), deck: ({ state }) => (
), }; // ============ SERVICE CARD ============ function ServiceCard({ icon, title, desc, priceFrom, onClick }) { return (
{icon}

{title}

{desc}

Starting at ${priceFrom}

Final price depends on area size, surface condition, and job complexity.

Learn more
); } // ============ TESTIMONIAL CAROUSEL ============ function Testimonials() { const [idx, setIdx] = React.useState(0); const items = [ { name: 'Marcus T.', area: 'Poinciana, FL', stars: 5, quote: '"Wade and his crew transformed our driveway — we honestly thought we\'d need to repour the concrete. Five-star service, showed up on time, cleaned up after. Can\'t recommend them enough."' }, { name: 'Priya S.', area: 'Celebration, FL', stars: 5, quote: '"Our house looked brand new the moment they were done. No high-pressure tactics on the quote, super honest pricing, and they even washed our front patio without me asking. Just good folks."' }, { name: 'Jonah R.', area: 'Buenaventura Lakes', stars: 5, quote: '"Got three quotes before picking W.A — they weren\'t the cheapest but they spent 20 minutes walking the property with me before quoting. That\'s when I knew. Worth every dollar."' }, { name: 'Elena M.', area: 'Kissimmee, FL', stars: 5, quote: '"Had them do the pool deck and fence together. The wood looks like we just stained it. They use soft-wash on anything that needs it, which matters when your HOA is picky."' }, { name: 'Trevor B.', area: 'St. Cloud, FL', stars: 5, quote: '"Third year in a row using them for annual house wash. Same guys every time, which tells you they treat their people right. My kids wave at the truck now."' }, ]; const max = items.length - 3; const clamp = (n) => Math.max(0, Math.min(max, n)); React.useEffect(() => { const onResize = () => setIdx(i => Math.max(0, Math.min(max, i))); window.addEventListener('resize', onResize); return () => window.removeEventListener('resize', onResize); }, []); return (
{items.map((t, i) => (
{Array.from({length: t.stars}).map((_, s) => )}

{t.quote}

{t.name.split(' ').map(n=>n[0]).join('')}
{t.name}
{t.area} · Verified review
))}
{Array.from({length: max + 1}).map((_, i) => (
); } // ============ FOOTER ============ function Footer({ goto }) { return ( ); } // ============ FLOATING CTA ============ function FloatingCTA({ goto, page }) { // Hide on quote page if (page === 'quote') return null; return ( ); } // Share to window Object.assign(window, { Icon, Nav, BeforeAfter, SCENES, ServiceCard, Testimonials, Footer, FloatingCTA, useServiceReferenceMedia, JobPhoto, JobVideo, RealWorkPhotos, RealWorkVideos, });