🏡 Superstar Sale · Quality Hangouts

Overview

Live on both .com domains since 2026-09-04CI deploys greenLeads → CRM live 2026-10-18

Two niche lead-gen sites aimed at the same buyer moment — building a hangout space — split by indoors vs outdoors so each site owns one search surface. Backyard Hangout covers pools, courts, outdoor kitchens; Home Hangout covers theaters, arcades, saunas. One monorepo, one design system (@qh/ui), two Vercel projects. The quiz is the engagement hook: it runs entirely client-side, and since 2026-10-18 the email ask (quiz result + about page) posts leads straight into the shared CRM.

The two sites

• Backyard Hangout — outdoor builds: custom pools, sport courts, outdoor kitchens, and 5 more categories.
• Home Hangout — indoor spaces: home theaters, arcades, speakeasies/cigar lounges, saunas, and more.
• Both: /, /ideas grid, 8 category pages, /quiz, /about — 17 static routes per site, all SSG.

Features

• Two sites, one design system — shared @qh/ui kit (Hero, Card, CostTiers, ZoneList, QuizFlow, SiteHeader/Footer); palette, copy, and content differ per app.
• Category pages are the SEO money pages — photo hero, zone-by-zone breakdown, 2026 cost ranges in three tiers, design tips, related-category strip.
• Planner quiz — six questions, 100% in-browser: names your hangout, suggests a zone mix, puts an honest budget band on it. The result page offers "Want this blueprint by email?" — submissions POST the blueprint name, budget band, zone mix, and every labeled answer to the CRM as a lead (contact + note), deduped per email.
• Owned imagery — 18 photorealistic lifestyle photos generated with gpt-image-2 (no stock licenses), compressed to webp.
• Honest about — "concept sites built by an AI team" positioning; no fake contractor story.
• SEO basics — per-page metadata, sitemap.ts, robots.ts, static SSG output.

Repos & infra

🗂️ Roadmap

• ☐ #6 GA: Analytics component in both layouts, gated on NEXT_PUBLIC_GA_ID — zero network calls until Mike sets the env var (Vercel project env or a local .env.production).
• ☐ #7 CRM side (crm PRs #9, #10, #11): POST /api/leads — optional LEAD_INGEST_TOKEN gate (x-lead-token, unset = open, pod-ingest pattern), CORS preflight answered (cross-origin POST from
• ☐ #8 Sites side (qualityhangouts PR #8): NewsletterForm takes a crm scope prop (per-app content/crm.ts — superstarsale tenant, siteId backyard-hangout / home-hangout, public-by-design)

Live roadmap, managed as GitHub issues (superstarsale issues). Add or close items on GitHub — ☑ = done, close as “not planned” to remove.

Test results

Deep test log + prod screenshots live on projects/qualityhangouts.html. Summary:

• 2026-09-04 — repo + CI + domains cutover: first Deploy Vercel Frontends run green on both matrix jobs; domains attached apex+www; HTTP 200 + correct titles on all four hostnames (backyardhangout.com/www, homehangout.com/www).
• 2026-08-29 — v2 imagery + first deploy: pnpm build clean, 17 static routes per app; desktop screenshots of all four key pages verified before deploy; /, /ideas/<slug>, /quiz, and /images/*.webp all 200 on both *.vercel.app domains.
• 2026-10-18 — money rail shipped + e2e: production click-through test (real browser, backyardhangout.com/quiz): quiz completed → email submitted → /api/leads 200 created:true; note carried blueprint name ("The Deep End"), budget band, zones, all six labeled answers. About-page form captured too. Dedupe (created:false + appended note), honeypot drop, and CORS preflight all verified against production. All test contacts/notes deleted after — readback showed 0 remaining on both site scopes.
• Not yet covered: Lighthouse passes; homehangout.com got copy + form verification but not a full click-through (same component + same endpoint as the verified backyard path).