/* Maidpilot — single-page landing (final) - All CTAs open a modal booking form with success state (no real submit) - No fake phone numbers, emails, license IDs, etc. - Visuals use abstract tonal art rather than "photo placeholder" captions */ const { useState, useMemo, useEffect, createContext, useContext } = React; /* ---------- Icons ---------- */ const Icon = ({ d, size = 20, stroke = 'currentColor', fill = 'none', sw = 1.6, className = '' }) => ( ); const IChevron = (p) => } />; const IArrow = (p) => } />; const IStar = ({ size = 16, className = '' }) => ( ); const ICheck = ({ size = 14, color = '#0F1729' }) => ( ); const IShield = (p) => } />; const IHome = (p) => } />; const IPlus = (p) => } />; const IX = (p) => } />; const IMail = (p) => } />; const ICal = (p) => } />; const IMenu = (p) => } />; const Broom = ({ size = 22 }) => ( ); /* ---------- Booking modal context ---------- */ const BookingCtx = createContext({ open: () => {}, close: () => {} }); const useBooking = () => useContext(BookingCtx); /* ---------- Primitives ---------- */ const TealBtn = ({ children, className = '', ...rest }) => ( ); const GhostBtn = ({ children, className = '', ...rest }) => ( ); /* ---------- Abstract "photo" artwork (subtle, tonal, no captions) ---------- */ const HeroArt = () => ( ); const InteriorArt = ({ variant = 'sand' }) => ( ); /* Portrait art — abstract silhouette on tonal background, no "portrait" captions */ const PortraitArt = ({ tone = 'warm', seed = 0 }) => { const palettes = { warm: { bg1: '#F4E8DD', bg2: '#E8D3BC', fg: '#C9A880' }, cool: { bg1: '#E5EEEE', bg2: '#CFDEDE', fg: '#8FB4B2' }, sage: { bg1: '#E9EFEA', bg2: '#CFDDD2', fg: '#93AE9A' }, slate: { bg1: '#E9EBF0', bg2: '#CED3DD', fg: '#8C97AE' }, }; const p = palettes[tone] || palettes.warm; const cx = 200 + (seed % 2 === 0 ? -6 : 6); return ( ); }; /* =================================================================== */ /* HEADER */ /* =================================================================== */ function Header() { const { open } = useBooking(); const links = [ { label: 'Services', href: '#services' }, { label: 'Pricing', href: '#pricing' }, { label: 'Reviews', href: '#reviews' }, { label: 'Areas', href: '#areas' }, ]; return (
Maidpilot
open()}>Book a cleaning
); } /* =================================================================== */ /* HERO */ /* =================================================================== */ function Hero() { const { open } = useBooking(); return (
Residential cleaning, done right

A spotless home,
without the awkward phone call.

Book a trusted cleaning in 60 seconds. Real humans, flat rates, no lowball-then-upsell.

open()} className="px-6 py-4 text-[16px]"> Get my price (60 seconds) See flat-rate pricing
{[0,1,2,3,4].map(i => )} 4.9 on Google 2,400+ homes cleaned Fully insured + bonded
); } /* =================================================================== */ /* INLINE QUOTE WIDGET (on-page, non-submitting) */ /* =================================================================== */ function QuoteWidget() { const { open } = useBooking(); const [bedrooms, setBedrooms] = useState(2); const [frequency, setFrequency] = useState('biweekly'); const [bathrooms, setBathrooms] = useState(1.5); const price = useMemo(() => { const base = { 1: 109, 2: 149, 3: 189, 4: 229, 5: 269 }[bedrooms] || 149; const bathAdj = (bathrooms - 1) * 10; const discount = frequency === 'weekly' ? 0.80 : frequency === 'biweekly' ? 0.88 : 1; return Math.round((base + bathAdj) * discount); }, [bedrooms, bathrooms, frequency]); const freqLabel = { once: 'One-time', biweekly: 'Every 2 weeks', weekly: 'Weekly' }[frequency]; return (
01 — Booking

Get a real quote in sixty seconds.

Size your home, pick a rhythm, and we'll show your flat rate. No email required to see the price.

    {['Flat rate, shown upfront', 'Same cleaner each visit when you book recurring', 'Free reschedule up to 24h before'].map(t => (
  • {t}
    • ))}
Your home
How many bedrooms?
{[1,2,3,4,'5+'].map((n, i) => { const val = typeof n === 'number' ? n : 5; const active = bedrooms === val; return ( ); })}
Bathrooms
{[1, 1.5, 2, 2.5, 3].map(o => ( ))}
Cadence
How often?
{[ { id: 'once', label: 'One-time', note: 'Full price' }, { id: 'biweekly', label: 'Every 2 weeks', note: 'Save 12%', badge: 'Most popular' }, { id: 'weekly', label: 'Weekly', note: 'Save 20%' }, ].map(o => { const active = frequency === o.id; return ( ); })}
Your price
${price} per cleaning
{bedrooms === 5 ? '5+' : bedrooms} bdrm · {bathrooms} bath · {freqLabel}
open({ bedrooms, bathrooms, frequency, price })}> Continue
No card required to get a price · Cancel free up to 24h before
); } /* =================================================================== */ /* INCLUDED */ /* =================================================================== */ function Included() { const items = [ ['Kitchen deep clean', 'Counters, stovetop, exterior of appliances'], ['Bathrooms sanitized', 'Tubs, tile, toilets, fixtures'], ['Floors mopped + vacuumed', 'Hard floors and all carpeted rooms'], ['Dusting, all surfaces', 'Shelves, sills, light fixtures'], ['Trash + recycling out', 'Bins relined and replaced'], ['Beds made', 'Linens straightened, pillows fluffed'], ['Appliances wiped', 'Microwave, toaster, coffee maker'], ['Mirrors + glass', 'Streak-free, every visit'], ['Baseboards', 'Hand-wiped during Standard + Deep'], ['Interior windows', 'On request', 'on request'], ['Laundry folded', 'Add-on', 'add-on'], ['Inside fridge', 'Add-on', 'add-on'], ]; return (
02 — What's included

Every cleaning, every time.

A fixed checklist your cleaner follows, inspected after every visit. Clear add-ons, no mystery line items.

{items.map(([t, s, tag], i) => (
{t}
{s}
{tag && ( {tag} )}
))}
); } /* =================================================================== */ /* CLEANERS */ /* =================================================================== */ function Cleaners() { const team = [ { name: 'Maribel', years: 6, speaks: 'English, Spanish', tone: 'warm' }, { name: 'Jordan', years: 3, speaks: 'English', tone: 'cool' }, { name: 'Anika', years: 4, speaks: 'English, Hindi', tone: 'sage' }, { name: 'Lena', years: 8, speaks: 'English, Polish', tone: 'slate' }, ]; return (
03 — The team

No random gig workers. Real employees.

Every Maidpilot cleaner is W-2, background-checked, and paid a living wage with benefits. Book recurring and you'll see the same face each visit.

{team.map((p, i) => (
{p.years}y
{p.name}
{p.years} yrs
Speaks: {p.speaks}
))}
); } /* =================================================================== */ /* PRICING */ /* =================================================================== */ function Pricing() { const { open } = useBooking(); const plans = [ { name: 'Quick Tidy', price: 89, tag: 'Touch-up between deep cleans', home: 'Studios + 1 bdrm', feats: ['Kitchen + bath surface clean', 'Floors vacuumed', 'Trash out', 'Up to 90 minutes'] }, { name: 'Standard Clean', price: 149, tag: 'Our most-booked plan', highlight: true, home: '2–3 bdrm homes', feats: ['Full checklist, top to bottom', 'Baseboards + fixtures', 'Beds made', 'Up to 3 hours'] }, { name: 'Deep Clean', price: 249, tag: 'First visit or seasonal reset', home: '3+ bdrm or post-reno', feats: ['Everything in Standard', 'Inside oven + fridge', 'Grout + tile detail', 'Up to 5 hours'] }, ]; return (
04 — Pricing

Flat rates. No surprises.

Prices shown are for the average home. Your quote is finalized after the bedroom count — never after a phone call.

{plans.map((p, i) => { const hl = p.highlight; return (

{p.name}

{hl && Most booked}

{p.tag}

${p.price} per cleaning
Typical: {p.home}
    {p.feats.map((f, j) => (
  • {f}
    • ))}
{hl ? ( open({ plan: p.name, price: p.price })} className="w-full py-3.5"> Book Standard ) : ( open({ plan: p.name, price: p.price })} className="w-full h-12"> Book {p.name} )}
); })}
Every plan includes insurance, bonded cleaners, and a re-clean guarantee.
); } /* =================================================================== */ /* REVIEWS */ /* =================================================================== */ function Reviews() { const reviews = [ { name: 'Sarah K.', hood: 'Wedgewood', stars: 5, text: "Came home to everything in its place and the kitchen smelling like fresh linen. Maribel even folded the throw blanket the way I never do. Booking took me two minutes." }, { name: 'Daniel R.', hood: 'Magnolia', stars: 5, text: "Switched from a national chain after years of inconsistency. Same cleaner every two weeks, always on time. No more calling a dispatcher." }, { name: 'Priya N.', hood: 'Ballard', stars: 5, text: "The deep clean for our move-in was worth every dollar. Baseboards, inside the oven, the weird ledge above the kitchen cabinets — all spotless." }, { name: 'Mike T.', hood: 'Capitol Hill', stars: 4, text: "Honest pricing. I hate phone quotes and they just… didn't do that. The only half-star off is I wish they had a later time slot on Fridays." }, { name: 'Elena V.', hood: 'Queen Anne', stars: 5, text: "We're a household of three kids and a shedding dog. They don't flinch. Lena is an absolute professional and genuinely kind." }, { name: 'Josh B.', hood: 'Fremont', stars: 5, text: "Cancelled once with about 18 hours notice and they waived the fee without me asking. That's the kind of service I'll keep paying for." }, ]; return (
05 — Reviews

4.9 from 640+ neighbors.

{[0,1,2,3,4].map(i => )}
Verified customer reviews
{reviews.map((r, i) => (
{Array.from({ length: r.stars }).map((_, j) => )} {r.stars < 5 && Array.from({ length: 5 - r.stars }).map((_, j) => ( ))}

"{r.text}"

{r.name[0]}
{r.name}
{r.hood}
verified
))}
); } /* =================================================================== */ /* AREAS */ /* =================================================================== */ function Areas() { const { open } = useBooking(); const neighborhoods = [ 'Ballard','Capitol Hill','Fremont','Green Lake','Greenwood','Madison Park', 'Magnolia','Montlake','Mount Baker','Phinney Ridge','Queen Anne','Ravenna', 'Roosevelt','Seward Park','South Lake Union','Sunset Hill','View Ridge', 'Wallingford','Wedgewood','West Seattle', ]; return (

We serve these neighborhoods.

06 — Coverage
    {neighborhoods.map(n => (
  • {n} available
    • ))}

Don't see yours?{' '} {' '} — we're adding new neighborhoods every month.

); } /* =================================================================== */ /* FAQ */ /* =================================================================== */ function FAQ() { const qs = [ { q: 'Are your cleaners background-checked?', a: "Yes — every Maidpilot cleaner passes a multi-state criminal background check, identity verification, and a reference call with two prior employers before their first shift. They're W-2 employees, not contractors." }, { q: "What if I'm not happy with the cleaning?", a: "Message us within 24 hours and we'll send a cleaner back at no charge to re-do anything that missed the mark. If you're still not satisfied, we'll refund the visit. No back-and-forth." }, { q: 'Do I need to be home?', a: "Most of our recurring clients aren't. You can leave a key, use a lockbox code, or buzz us in remotely. Every cleaner carries an ID badge and is insured + bonded." }, { q: "What's the cancellation policy?", a: "Free reschedule or cancel up to 24 hours before your visit. Inside 24 hours it's a $40 fee, which covers your cleaner's reserved time. Emergencies are always waived — just let us know." }, { q: 'Do you bring supplies?', a: "Yes. We bring eco-certified supplies and our own equipment (HEPA vacuums, microfiber for every surface). If you'd prefer we use products from your cabinet — allergies, pets, specific finishes — just note it when booking." }, { q: 'How do I pay?', a: 'Card on file, charged the evening of each cleaning. We send a receipt via email. We never ask for a deposit and never charge a cancellation fee outside the 24-hour window.' }, ]; return (
07 — FAQ

Questions, answered.

{qs.map((it, i) => (
{it.q}

{it.a}

))}
); } /* =================================================================== */ /* FINAL CTA */ /* =================================================================== */ function FinalCTA() { const { open } = useBooking(); return (
Ready when you are

Ready for a clean house
on Tuesday?

Pick a time, we'll handle the rest. Your first visit has a 100% satisfaction re-clean on us.

open()} className="px-7 py-4 text-[16px]"> Book a cleaning
); } /* =================================================================== */ /* FOOTER */ /* =================================================================== */ function Footer() { const { open } = useBooking(); return (
Maidpilot

Residential cleaning for the greater Seattle metro. Locally owned, W-2 teams, flat-rate pricing.

open()} className="px-4 py-2.5 text-[14px]"> Book a cleaning
  • What's included
  • Pricing
  • Neighborhoods
    •
  • Reviews
    •
  • Bonded + fully insured
  • Background-checked staff
  • Re-clean guarantee
    •
    © 2026 Maidpilot · All rights reserved
    ); } const FooterCol = ({ title, children }) => (
    {title}
      {children}
    ); /* =================================================================== */ /* BOOKING MODAL */ /* =================================================================== */ function BookingModal({ isOpen, onClose, presets }) { const intent = presets?.intent; // undefined | 'contact' | 'area-check' | 'careers' const [step, setStep] = useState(0); // 0 = form, 1 = success const [bedrooms, setBedrooms] = useState(presets?.bedrooms || 2); const [bathrooms, setBathrooms] = useState(presets?.bathrooms || 1.5); const [frequency, setFrequency] = useState(presets?.frequency || 'biweekly'); const [date, setDate] = useState(null); const [name, setName] = useState(''); const [email, setEmail] = useState(''); const [zip, setZip] = useState(''); const [notes, setNotes] = useState(''); useEffect(() => { if (isOpen) { setStep(0); if (presets?.bedrooms) setBedrooms(presets.bedrooms); if (presets?.bathrooms) setBathrooms(presets.bathrooms); if (presets?.frequency) setFrequency(presets.frequency); } }, [isOpen, presets]); useEffect(() => { if (!isOpen) return; const onKey = (e) => { if (e.key === 'Escape') onClose(); }; window.addEventListener('keydown', onKey); const prev = document.body.style.overflow; document.body.style.overflow = 'hidden'; return () => { window.removeEventListener('keydown', onKey); document.body.style.overflow = prev; }; }, [isOpen, onClose]); const price = useMemo(() => { if (presets?.price) return presets.price; const base = { 1: 109, 2: 149, 3: 189, 4: 229, 5: 269 }[bedrooms] || 149; const bathAdj = (bathrooms - 1) * 10; const discount = frequency === 'weekly' ? 0.80 : frequency === 'biweekly' ? 0.88 : 1; return Math.round((base + bathAdj) * discount); }, [bedrooms, bathrooms, frequency, presets]); if (!isOpen) return null; const valid = name.trim().length > 1 && /.+@.+\..+/.test(email) && zip.trim().length >= 3; const handleSubmit = (e) => { e.preventDefault(); if (!valid) return; // No real submission — just show success setStep(1); }; const title = intent === 'contact' ? 'Send us a message' : intent === 'area-check' ? 'Check your neighborhood' : intent === 'careers' ? 'Join the team' : presets?.plan ? `Book ${presets.plan}` : 'Book your cleaning'; const subtitle = intent === 'contact' ? "We'll reply within a few hours during business days." : intent === 'area-check' ? "Drop your zip — if we're there we'll confirm on the spot." : intent === 'careers' ? "W-2, benefits, living wage. Tell us about yourself." : "Takes about a minute. No card required."; return (