/* Header + Hero */ function LiveWeather() { const [data, setData] = React.useState(null); const [time, setTime] = React.useState(''); React.useEffect(() => { // Open-Meteo is keyless + CORS-friendly. Modesto, CA: 37.6391, -120.9969 fetch('https://api.open-meteo.com/v1/forecast?latitude=37.6391&longitude=-120.9969¤t=temperature_2m&temperature_unit=fahrenheit&timezone=America%2FLos_Angeles') .then(r => r.json()) .then(j => { if (j && j.current && typeof j.current.temperature_2m === 'number') { setData({ temp: Math.round(j.current.temperature_2m) }); } }) .catch(() => {}); }, []); React.useEffect(() => { const fmt = () => { const now = new Date(); const s = now.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit', hour12: true, timeZone: 'America/Los_Angeles', }); setTime(s); }; fmt(); const id = setInterval(fmt, 30 * 1000); return () => clearInterval(id); }, []); const temp = data ? `${data.temp}°F` : '—°F'; const t = time || '—'; return <>{temp} · Modesto · {t}; } function OpenStatus() { // Open: Wed (3), Thu (4), Sat (6), 9:00 – 16:00 America/Los_Angeles const [info, setInfo] = useState(() => computeOpenInfo()); useEffect(() => { const tick = () => setInfo(computeOpenInfo()); tick(); const id = setInterval(tick, 60 * 1000); return () => clearInterval(id); }, []); const { isOpen, label, sub } = info; const dotColor = isOpen ? 'oklch(0.72 0.18 145)' // green — open : 'oklch(0.68 0.18 35)'; // amber — closed return ( {label} {sub} ); } function computeOpenInfo() { // Compute in America/Los_Angeles regardless of viewer timezone const now = new Date(); const parts = new Intl.DateTimeFormat('en-US', { timeZone: 'America/Los_Angeles', weekday: 'short', hour: '2-digit', minute: '2-digit', hour12: false, }).formatToParts(now); const get = (t) => parts.find(p => p.type === t)?.value; const wd = get('weekday'); const hour = parseInt(get('hour'), 10); const minute = parseInt(get('minute'), 10); const minutes = hour * 60 + minute; const OPEN_DAYS = { Wed: 1, Thu: 1, Sat: 1 }; const openStart = 9 * 60; const openEnd = 16 * 60; const todayIsOpenDay = !!OPEN_DAYS[wd]; const isOpen = todayIsOpenDay && minutes >= openStart && minutes < openEnd; if (isOpen) { const closesAt = 16; return { isOpen: true, label: 'OPEN NOW', sub: `Until ${closesAt > 12 ? closesAt - 12 : closesAt} PM · ${PHONE}`, }; } // Find next open day const order = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; const todayIdx = order.indexOf(wd); let nextLabel = null; // If today is an open day but we're before opening or after closing if (todayIsOpenDay && minutes < openStart) { nextLabel = 'Opens 9 AM today'; } else { for (let i = 1; i <= 7; i++) { const d = order[(todayIdx + i) % 7]; if (OPEN_DAYS[d]) { nextLabel = i === 1 ? `Opens ${d} · 9 AM` : `Opens ${d} · 9 AM`; break; } } } return { isOpen: false, label: 'CLOSED', sub: nextLabel || PHONE, }; } function Header() { const [scrolled, setScrolled] = useState(false); const [mobileOpen, setMobileOpen] = useState(false); useEffect(() => { const onScroll = () => setScrolled(window.scrollY > 30); window.addEventListener('scroll', onScroll, { passive: true }); return () => window.removeEventListener('scroll', onScroll); }, []); return (
Cali Auto Wash — car washing & detailing
Book now
{mobileOpen && (
{['Services','Process','Work','Book','FAQ','Contact'].map(l => ( setMobileOpen(false)} className="display" style={{ fontSize: '2rem', fontWeight: 400 }}>{l} ))} Call {PHONE}
)}
); } // Simple logomark — a sun/wheel motif, nothing recognisable/branded function Logo({ size = 34 }) { return (
); } function Hero({ variant = 'editorial' }) { if (variant === 'magazine') return ; if (variant === 'wide') return ; return ; } function HeroEditorial() { return (
{/* Sun disk — pure css shape, nothing pictorial */}
MOBILE DETAIL · EST. 2020 MODESTO & CENTRAL VALLEY

Detail that comes
to your driveway.

Hand-finished mobile detailing in Modesto and the surrounding Central Valley. From a forty-dollar exterior wash to seven-year graphene coatings — done at your home, your office, wherever the car lives.

{[ { k: '7 yr', v: 'Graphene ceramic' }, { k: '500+', v: 'Cars detailed' }, { k: '3 days', v: 'Wed · Thu · Sat' }, ].map(s => (
{s.k}
{s.v}
))}
{/* Right — hero image card */}
{/* caption tag */}
{/* price tag */}
Starting at
$40
{/* Small secondary image */}
{/* Marquee of service tags */}
{[...Array(3)].flatMap((_, i) => [ 'Exterior Wash', '★', 'Interior Detail', '★', 'Paint Correction', '★', '7-Year Ceramic', '★', 'Steam Extraction', '★', 'Decontamination', '★', 'Clay Bar', '★', 'Pet Hair Removal', '★', ].map((t, j) => ( {t} )))}
); } function HeroMagazine() { return (
VOLUME XII · SPRING EDITION · MODESTO, CA

The art of the
driveway detail.

Mobile car detailing for Modesto and the Central Valley. Hand wash, interior steam extraction, paint correction, and seven-year graphene coatings — delivered at your home or office. No tunnels, no brushes, no rush. Just meticulous work, a polish, and a hand-dry.

FIG. 01 — 2021 TACOMA · FULL DETAIL $75
); } function HeroWide() { return (
Mobile Detail · Modesto · Est. 2020

Hand-washed.
Hand-dried.
Delivered.

Professional mobile detailing at your driveway. Wed, Thu & Saturday, 9AM to 4PM.

); } Object.assign(window, { Header, Hero, Logo });