Header / nav
The top of every page. The real signature logo sits left at nav size, links center-right, the one sunset CTA anchors the right. On mobile the links collapse to a hamburger affordance.
logo (white knockout only when the header sits over a photographic hero; color everywhere else), navLinks[], ctaLabel, ctaHref. Default is variant b (color logo on cool-white). Variant a is the photo-hero exception, never a WebVegas navy surface.Hero
The first screen. One headline with a single sunset word, one primary CTA, one quiet secondary. Three layouts cover the common cases: media on the right, fully centered, or a spec-site mockup frame for the cold-outreach landing.
Stop being a part-time web designer.
We handle the design. You handle the business. Never log in to a website again.
We build it. You get booked.
A managed website for your business, built from your real brand and running in seven days. No builder. No logins. No part-time design job.
Here is your new website.
We already built it from your real photos, reviews, and services. Scroll it, then make it yours.
eyebrow, headline + sunsetWord (exactly one gradient word), sub, primaryCta, optional secondaryCta, and media (a Monty pose, a clay object, or the spec-site mockup). One primary CTA per hero, always.Trust bar
A quiet reassurance strip directly under the hero. Either a row of customer or platform logos, or a one-line guarantee strip. Sage and neutral only, never a second loud moment.
info Placeholder logos
logos[] (real SVGs only, never fabricated marks). Variant b takes guaranteeItems[] as icon + label pairs.Feature grid
The "what you get" block. Equal icon cards, navy Material Symbols on a light tile, a short title and one-line blurb. Three-up for a focused set, four-up for a fuller feature list.
What you get
Designed for you
Built from your real brand, photos, and reviews. You approve, we ship.
AI Front Desk
Answers, texts back, and books jobs while you are on the tools.
Found on search
Full SEO and AEO so the right customers land on your site first.
Built for your trade
Layouts proven for home services.
Never miss a call
Missed calls get an instant text back.
More reviews
Automatic review requests after each job.
Always current
We keep it fresh. You never log in.
features[], each a {icon, title, blurb}. Pick 3-up or 4-up by how many props you have. Icons are navy Material Symbols only, never emoji.How it works / steps
A numbered three-step explainer. Sage step numbers, short titles, one line each. Horizontal for marketing pages, vertical for narrow columns and mobile-first flows.
Three steps to booked
We build it
From your Google profile, photos, and reviews. Live in seven days.
You approve it
One look, one yes. Tell us what to change and we handle it.
It books you jobs
The AI Front Desk answers and books while you work.
We build it
From your real brand. Nothing for you to design.
You approve it
One yes, then it is live.
It books you jobs
You run the business, we run the site.
steps[] as {n, title, body}. Three is the locked count. Pick horizontal for full-width sections, vertical for narrow or mobile columns.Value / benefit split
Alternating media-and-copy rows that carry the deeper story. Media on one side, a headline plus a checked bullet list on the other, then the next row mirrors it. Warm media wells signal the human content.
Never log in again
- check_circle We design, write, and update every page
- check_circle Want a change? Tell us, it is handled
- check_circle No dashboard to learn, no plugin to break
It answers so you can work
- check_circle Texts back missed calls in seconds
- check_circle Answers common questions day and night
- check_circle Books the job straight into your calendar
media, headline, bullets[], and side. Alternate side down the page so the eye zig-zags. Media wells use the warm surface for human content.Social proof / testimonial
Customer voice. Either one large EB Garamond pull-quote with attribution, or a grid of warm testimonial cards with star ratings. All quotes here are labeled placeholders, never fabricated proof.
info Placeholder: sample testimonial
"I never touch it. The site just books me jobs while I am out cleaning houses."info Placeholder: sample testimonials
"Booked solid within a month. I never have to think about the website."
"The text-back alone paid for it. No more missed calls turning into lost jobs."
"Looks better than anything I could have made, and I do nothing to keep it up."
quote + author. Variant b takes testimonials[], each {quote, stars, author}. Real, attributed reviews only in production. Cards use the warm surface (human content).Pricing
Three tiers, the recommended one raised and glowing as the single loud moment. Each tier carries a price, a feature list, and one CTA. The featured tier is the only sunset element in the section.
Essential
then $100 / month
- check Website built from your brand
- check Fully managed and maintained
- check Hosting and updates included
- check 60-day guarantee
Website + AI Front Desk
then $297 / month
- check Everything in Essential
- check AI chat widget on your site
- check AI receptionist, texts back missed calls
- check Full SEO and AEO
- check Keyword dashboard
Custom
multi-location and enterprise
- check Everything in Front Desk
- check Multi-location management
- check Full managed suite
- check Priority support
tiers[] and a single featuredIndex. Only the featured tier gets wv-card--feature + the sunset CTA + the badge, keeping the one-loud-color rule intact.FAQ
An objection-handling accordion built on native details / summary, so it expands with zero JavaScript. A flat caret glyph rotates open. Quiet surfaces, no loud color.
Questions, answered
Do I have to build or update anything myself? expand_more
How fast is my site live? expand_more
Is there a contract? expand_more
What is the guarantee? expand_more
items[] as {q, a} and optionally defaultOpenIndex. Pure CSS, no script, so it is safe under a strict content-security policy.Stats band
A confidence strip of three or four big numbers. One gradient number is allowed as the single loud accent. All figures here are labeled samples.
info Placeholder: sample numbers
stats[] as {value, label}, optional accentIndex for the one gradient number. Production numbers must be real and sourced.Gallery / portfolio grid
A grid of recent work shots, each captioned with the business name and trade. Greyboxed here and labeled as sample mockups; in production these are real screenshots of shipped sites.
info Placeholder: sample mockups
works[] as {shot, name, type}. Shots are real site screenshots in production, never invented brands.CTA band
The one full-bleed sunset moment on the page. A short headline, one line of support, and one CTA. Monty is optional on the right. This is the loud block, so it appears once near the end of the page.
See your free website first.
We will build it from your real brand, then you decide. No card, no commitment.
headline, sub, cta, optional monty pose. On the sunset ground the CTA inverts to a white pill so it stays the one click. Use this band once per page.Contact / booking
The conversion block. A lead form on the left built from the form primitives, a booking affordance on the right showing open consultation slots. One primary CTA submits.
Get your free site
Pick a time
A 15-minute consultation with Justin. No pressure, just a look at your site.
fields[], submitLabel, and booking slots[]. Inputs are the recessed-well form primitives; only the submit is the primary CTA.Footer
The close of every page. Full footer with link columns, the color logo, and legal line; a mini footer for sparse pages and dashboards. Light mist ground, never a loud color and never navy.
logo (color logo on the light mist ground), columns[], tagline, legal. Use the full footer on marketing pages, the mini footer on the dashboard and sparse pages.