Staging library
Homepage variants
Seven staged directions for the 8:28 homepage. Each is a durable page with its own design language — open one, and when the business picks a winner, it promotes to / with a one-line config change (HOMEPAGE_VARIANT in src/lib/site.ts).
Noir CraftsmanDark, moody craftsmanship — walnut, brass, and shadow./variants/828-noir-craftsman/Brutalist IndustrialRaw concrete and steel — bold, structural, unapologetic./variants/828-brutalist-industrial/Editorial LuxeMagazine-grade typography — quiet luxury, generous whitespace./variants/828-editorial-luxe/Heritage StoryStory-driven narrative — the craft lineage, told in chapters./variants/828-heritage-story/Gallery ImmersiveFull-bleed project gallery — the work sells itself./variants/828-gallery-immersive/Modern HeritageContemporary craft rooted in tradition — warm minimalism./variants/8-28-modern-heritage/Excavation CommandThe excavation advertising beast — safety orange, colossal WE MOVE EARTH type, animated earth-moving stats./variants/828-excavation-command/Estimator LiveYC-style interactive demo — a working cost estimator as the hero. See your price in 60 seconds./variants/828-estimator-live/Blueprint SwissRuthless Swiss grid — black/white/one red, technical drawing motifs, SVG line-drawing animations./variants/828-blueprint-swiss/TransformationBefore/after drag sliders as the hero — proof-led, cinematic dark. Don't take our word for it, drag./variants/828-transformation/Quiz FunnelConversational multi-step quiz funnel for paid ad traffic — project, style, budget, timeline, contact./variants/828-quiz-funnel/Cinematic CraftThe craft film — letterboxed, film grain, slow luxurious reveals, emotional serif storytelling./variants/828-cinematic-craft/