/* ============ SHARED COMPONENTS ============ */ const { useState, useEffect, useRef, useMemo } = React; /* ---- Global state helpers ---- */ // Real URL routing (not hash) — required so each page can rank in Google. // One-time migration: if the URL still has an old #/path, redirect to /path. function useRoute() { const getPath = () => { // Migrate old hash URLs (e.g. /#/locations/anaheim) to clean paths. if (window.location.hash && window.location.hash.startsWith('#/')) { const clean = window.location.hash.slice(1); window.history.replaceState({}, '', clean + window.location.search); return clean; } return (window.location.pathname || '/') + (window.location.search || ''); }; const [route, setRoute] = useState(getPath); useEffect(() => { const sync = () => { setRoute(getPath()); window.scrollTo({ top: 0, behavior: 'instant' }); }; window.addEventListener('popstate', sync); window.addEventListener('hashchange', sync); return () => { window.removeEventListener('popstate', sync); window.removeEventListener('hashchange', sync); }; }, []); return route; } function Link({ to, children, className, ariaLabel, ...rest }) { const isExternal = to.startsWith('http') || to.startsWith('tel:') || to.startsWith('mailto:'); const href = isExternal ? to : to; const onClick = (e) => { if (isExternal) return; if (e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || e.button !== 0) return; e.preventDefault(); if (window.location.pathname + window.location.search === to) return; window.history.pushState({}, '', to); window.dispatchEvent(new PopStateEvent('popstate')); }; return {children}; } /* ---- Per-page updates so each route can rank for its own keywords ---- */ function useDocumentHead({ title, description, canonical, jsonLd }) { useEffect(() => { if (title) document.title = title; const setMeta = (selector, attr, value) => { let el = document.head.querySelector(selector); if (!el) { el = document.createElement('meta'); const [prop, val] = selector.replace(/[\[\]"]/g, '').split('='); el.setAttribute(prop, val); document.head.appendChild(el); } el.setAttribute(attr, value); }; if (description) { setMeta('meta[name="description"]', 'content', description); setMeta('meta[property="og:description"]', 'content', description); } if (title) { setMeta('meta[property="og:title"]', 'content', title); setMeta('meta[name="twitter:title"]', 'content', title); } if (canonical) { let link = document.head.querySelector('link[rel="canonical"]'); if (!link) { link = document.createElement('link'); link.setAttribute('rel', 'canonical'); document.head.appendChild(link); } link.setAttribute('href', canonical); setMeta('meta[property="og:url"]', 'content', canonical); } // Inject route-specific JSON-LD (and clean up on unmount) let scriptEl; if (jsonLd) { scriptEl = document.createElement('script'); scriptEl.type = 'application/ld+json'; scriptEl.dataset.routeMeta = 'true'; scriptEl.textContent = JSON.stringify(jsonLd); document.head.appendChild(scriptEl); } return () => { if (scriptEl && scriptEl.parentNode) scriptEl.parentNode.removeChild(scriptEl); }; }, [title, description, canonical, JSON.stringify(jsonLd || null)]); } window.useDocumentHead = useDocumentHead; /* ---- BRAND MARK ---- */ function BrandMark({ size = 18 }) { return ( LA Maintenance & Janitorial ); } /* ---- SKIP LINK ---- */ function SkipLink() { return ( Skip to main content ); } /* ---- NAV ---- */ function Nav({ route }) { const [mobileOpen, setMobileOpen] = useState(false); useEffect(() => { setMobileOpen(false); }, [route]); const is = (p) => route === p || (p !== '/' && route.startsWith(p)); return (
); } /* ---- TRUST BAR ---- */ function TrustBar() { return (
{TRUST_ITEMS.map((t, i) => (
))}
); } /* ---- HERO ---- */ function Hero({ eyebrow, h1, sub, ctas, stats }) { return (
{eyebrow && (
{eyebrow}
)}

{h1}

{sub}

{ctas.map((c, i) => ( c.href.startsWith('tel:') ? {c.label} : {c.label} ))}
{stats && (
By the numbers
{stats.map((s, i) => (
{s.n}
{s.l}
))}
)}
); } /* ---- FINAL CTA BLOCK ---- */ function FinalCTA({ title = "Let's make your building feel exceptional.", sub = "A free walkthrough, a one-page proposal, and a crew that takes real pride in the work. It starts with one conversation." }) { return (

{title}

{sub}

Get a Quote Call (323) 264-7800
); } /* ---- FAQ ---- */ function FAQBlock({ items }) { const [open, setOpen] = useState(0); return (
{items.map((it, i) => (

{it.a}

))}
); } /* ---- FOOTER ---- */ function Footer() { return ( ); } /* ---- PROSE RENDERER ---- */ function Prose({ sections }) { return (
{sections.map((sec, i) => ( {sec.h &&

{sec.h}

} {sec.p && sec.p.map((block, j) => { if (typeof block === 'string') return

{block}

; if (block.h) return

{block.h}

; if (block.list) return ( ); if (block.note) return
{block.note}
; return null; })} ))}
); } /* ---- BREADCRUMB ---- */ function Breadcrumb({ items }) { return ( ); } /* ---- TWEAKS PANEL ---- */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "accent": "indigo", "showTrustBar": true, "showStats": true }/*EDITMODE-END*/; const ACCENT_OPTIONS = { indigo: { accent: '#635bff', ink: '#4b45c4', soft: '#e8e6ff' }, blue: { accent: '#2563eb', ink: '#1d4ed8', soft: '#dbe6fb' }, green: { accent: '#0a7c5a', ink: '#07604a', soft: '#d1ebe0' }, teal: { accent: '#0891b2', ink: '#0e7490', soft: '#d1eef5' }, plum: { accent: '#7c3aed', ink: '#6d28d9', soft: '#eadffc' } }; function TweaksPanel({ tweaks, setTweaks, visible }) { if (!visible) return null; const set = (k, v) => setTweaks(t => ({ ...t, [k]: v })); return (
Tweaks● LIVE
{Object.entries(ACCENT_OPTIONS).map(([k, v]) => (
); } Object.assign(window, { useRoute, useDocumentHead, Link, Nav, TrustBar, Hero, FinalCTA, FAQBlock, Footer, Prose, Breadcrumb, TweaksPanel, TWEAK_DEFAULTS, ACCENT_OPTIONS, SkipLink, BrandMark });