Read-only local campaign artifact
flat-fee-source-bound-prototype.html
direct-content-wave-22/flat-fee-source-bound-prototype.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Source-bound local concept for Flat Fee House Cleaners Sarasota. Not a live site or approved production implementation.">
<title>Flat Fee House Cleaners Sarasota | Local concept</title>
<style>
:root { --ink:#162b28; --muted:#516561; --paper:#fbfbf7; --pine:#246b54; --pine-dark:#174b3c; --lime:#d9efb3; --line:#d5ded6; --card:#fff; --focus:#0b65c2; --radius:1rem; --shadow:0 18px 45px rgb(22 43 40 / .12); --measure:72rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font:400 1rem/1.55 system-ui,-apple-system,"Segoe UI",sans-serif; }
a { color:inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible { outline:3px solid var(--focus); outline-offset:3px; }
.skip { position:absolute; left:1rem; top:-4rem; z-index:10; padding:.7rem 1rem; background:#fff; border-radius:.5rem; }
.skip:focus { top:1rem; }
.shell { width:min(calc(100% - 2rem),var(--measure)); margin:auto; }
.eyebrow { margin:0; color:var(--pine-dark); font-weight:800; letter-spacing:.08em; text-transform:uppercase; font-size:.75rem; }
.site-header { border-bottom:1px solid var(--line); background:rgb(251 251 247 / .96); }
.header-row { min-height:4.75rem; display:flex; gap:1rem; align-items:center; justify-content:space-between; }
.brand { font-size:1rem; font-weight:850; text-decoration:none; max-width:15rem; line-height:1.1; }
nav ul { padding:0; margin:0; display:flex; gap:1rem; list-style:none; flex-wrap:wrap; }
nav a { font-size:.9rem; font-weight:650; text-decoration-thickness:.1em; text-underline-offset:.18em; }
.phone { white-space:nowrap; color:var(--pine-dark); font-weight:800; }
.hero { padding:clamp(3rem,8vw,7rem) 0 3rem; background:linear-gradient(120deg,#edf5e4 0%,#fbfbf7 55%,#e1f0e8 100%); }
.hero-grid { display:grid; grid-template-columns:1.25fr .75fr; gap:clamp(2rem,6vw,6rem); align-items:end; }
h1,h2,h3 { line-height:1.1; letter-spacing:-.03em; }
h1 { max-width:12ch; margin:.55rem 0 1rem; font-size:clamp(2.5rem,7vw,5.5rem); }
h2 { margin:0 0 .8rem; font-size:clamp(1.8rem,3vw,3rem); }
h3 { margin:.2rem 0 .55rem; font-size:1.2rem; }
.lede { max-width:58ch; color:var(--muted); font-size:1.12rem; }
.actions { display:flex; gap:.8rem; flex-wrap:wrap; margin-top:1.5rem; }
.button { display:inline-flex; min-height:3rem; align-items:center; justify-content:center; padding:.75rem 1rem; border:2px solid var(--pine); border-radius:.55rem; background:var(--pine); color:#fff; font-weight:800; text-decoration:none; }
.button:hover { background:var(--pine-dark); border-color:var(--pine-dark); }
.button.secondary { background:transparent; color:var(--pine-dark); }
.trust-card { padding:1.4rem; border-radius:var(--radius); background:var(--ink); color:#fff; box-shadow:var(--shadow); }
.trust-card p { color:#d7e6de; }
section { padding:clamp(3rem,7vw,6rem) 0; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:1rem; margin-bottom:1.5rem; }
.cards { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.card { min-height:13rem; padding:1.3rem; border:1px solid var(--line); border-radius:var(--radius); background:var(--card); box-shadow:0 5px 18px rgb(22 43 40 / .05); transition:transform .22s ease,box-shadow .22s ease; }
.card:hover { transform:translateY(-.25rem); box-shadow:var(--shadow); }
.card p { margin:0; color:var(--muted); }
.split { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
.callout { padding:1.5rem; border-left:.35rem solid var(--pine); background:var(--lime); border-radius:0 var(--radius) var(--radius) 0; }
.facts { padding:0; margin:1rem 0 0; list-style:none; }
.facts li { padding:.65rem 0; border-bottom:1px solid var(--line); }
.faq { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; }
details { padding:1rem 1.15rem; border:1px solid var(--line); border-radius:.75rem; background:#fff; }
summary { cursor:pointer; font-weight:800; }
.quote { color:#fff; background:var(--pine-dark); }
.quote-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:2rem; align-items:start; }
form { display:grid; gap:.8rem; }
label { display:grid; gap:.35rem; font-weight:750; }
input,textarea { width:100%; padding:.7rem; border:1px solid #bdd0c5; border-radius:.45rem; font:inherit; }
textarea { min-height:7rem; resize:vertical; }
.form-note { margin:0; color:#cce0d5; font-size:.88rem; }
footer { padding:2rem 0; color:var(--muted); font-size:.9rem; }
.motion-reveal { animation:rise .55s both; }
.motion-reveal:nth-child(2) { animation-delay:.08s; }
.motion-reveal:nth-child(3) { animation-delay:.16s; }
@keyframes rise { from { opacity:0; transform:translateY(1rem); } to { opacity:1; transform:translateY(0); } }
@media (max-width:760px) { .header-row { padding:.8rem 0; align-items:flex-start; } nav { display:none; } .hero-grid,.split,.quote-grid { grid-template-columns:1fr; } .cards { grid-template-columns:1fr; } .faq { grid-template-columns:1fr; } .section-head { display:block; } .phone { font-size:.9rem; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms !important; animation-iteration-count:1 !important; scroll-behavior:auto !important; transition-duration:.01ms !important; } }
</style>
</head>
<body>
<a class="skip" href="#main">Skip to main content</a>
<header class="site-header">
<div class="shell header-row">
<a class="brand" href="#top">Flat Fee House Cleaners Sarasota</a>
<nav aria-label="Primary navigation"><ul><li><a href="#services">Services</a></li><li><a href="#about">About</a></li><li><a href="#faq">FAQ</a></li><li><a href="#quote">Contact</a></li></ul></nav>
<a class="phone" href="tel:+19412079556">(941) 207-9556</a>
</div>
</header>
<main id="main">
<section class="hero" id="top">
<div class="shell hero-grid">
<div><p class="eyebrow">House cleaning services in Sarasota, FL</p><h1>Trusted by local families.</h1><p class="lede">A source-bound local concept using the retained homepage promise: a trained, background-checked team that brings the supplies and helps keep homes and businesses clean.</p><div class="actions"><a class="button" href="#quote">Get a free estimate</a><a class="button secondary" href="tel:+19412079556">Call (941) 207-9556</a></div></div>
<aside class="trust-card" aria-labelledby="trust-title"><p class="eyebrow" style="color:#d9efb3">Existing trust language</p><h2 id="trust-title">Reliable, transparent, and tailored to each home.</h2><p>Keep claims scoped to the retained source until the business approves any revised copy or proof.</p></aside>
</div>
</section>
<section id="services"><div class="shell"><div class="section-head"><div><p class="eyebrow">What we offer</p><h2>Choose the cleaning that fits the visit.</h2></div><a href="#quote">Request a free quote</a></div><div class="cards"><article class="card motion-reveal"><h3>Residential cleaning</h3><p>Routine dusting, vacuuming, and sanitizing for a fresh living space.</p></article><article class="card motion-reveal"><h3>Deep cleaning</h3><p>Intensive attention for hidden areas, appliances, and detailed sanitizing.</p></article><article class="card motion-reveal"><h3>Move in/out cleaning</h3><p>Thorough cleaning for a more confident transition between homes.</p></article><article class="card motion-reveal"><h3>Airbnb cleaning</h3><p>Turnover cleaning structured around a guest-ready space.</p></article><article class="card motion-reveal"><h3>Commercial cleaning</h3><p>Cleaning support for businesses that need a welcoming environment.</p></article><article class="card motion-reveal"><h3>More service options</h3><p>Retained source also lists window, pressure washing, emergency, green, office, and medical facility cleaning.</p></article></div></div></section>
<section id="about"><div class="shell split"><div><p class="eyebrow">About the retained source</p><h2>Make the right next step obvious before adding more decoration.</h2><p class="lede">The concept keeps the retained site’s phone and estimate paths visible, then uses service clarity and FAQ answers as decision support.</p></div><div class="callout"><h3>Local prototype rule</h3><p>This is not a current-site audit. It does not claim current mobile navigation, contrast, imagery, booking behavior, insurance status, prices, or availability.</p></div></div></section>
<section id="faq"><div class="shell"><p class="eyebrow">Frequently asked questions</p><h2>Answers before the quote request.</h2><div class="faq"><details><summary>Do I need to provide cleaning products?</summary><p>The retained source says the team brings needed supplies and can use a customer’s products if preferred.</p></details><details><summary>How is pricing handled?</summary><p>The retained source describes flat-rate pricing based on home size and services. No price is stated here.</p></details><details><summary>Is it one-time or recurring?</summary><p>The retained source says both options are available without a required contract.</p></details><details><summary>Can cleaning happen while I am away?</summary><p>The retained source says customers may provide entry instructions and receive a completion notice.</p></details></div></div></section>
<section class="quote" id="quote"><div class="shell quote-grid"><div><p class="eyebrow" style="color:#d9efb3">Request path prototype</p><h2>Request a free quote.</h2><p>This local form does not submit anywhere. It demonstrates label, focus, error-prevention, and minimum information design only.</p></div><form aria-label="Local quote request prototype"><label>Name<input name="name" autocomplete="name" required></label><label>Phone number<input name="phone" type="tel" autocomplete="tel" required></label><label>What would you like cleaned?<textarea name="details"></textarea></label><button class="button" type="button" aria-describedby="form-note">Draft request only</button><p class="form-note" id="form-note">No information is sent from this local prototype.</p></form></div></section>
</main>
<footer><div class="shell">Local source-bound prototype. Retained source references Flat Fee House Cleaners Sarasota, 4650 Country Manor Dr, Sarasota, FL 34233, and (941) 207-9556. No current-location or operational claim is made here.</div></footer>
</body>
</html>