Each of these is a different page: different sections, different navigation, different information architecture. Same business content in all five so you can see what actually changes.
Bold
Plumbing · septic · HVAC · electrical · appliance repair
Emergency-first and linear. Photo hero with a credibility card, icon service cards, numbered process, service-area checker, masonry reviews, sticky mobile call bar. Deliberately conventional — built to make the phone ring.
Rugged
Roofing · contractors · landscaping · towing · excavation · auto
Proof-led. Oversized type hero with no card at all, an edge-to-edge slab of giant numbers, a horizontally-scrolling before/after project strip, capabilities as a big numbered list instead of cards, and one rotating testimonial. Minimal nav — logo, one CTA, hamburger at every size.
Editorial
Salons · spas · dental · med-spa · boutique retail · photographers
Magazine. The headline overlaps the photograph, then alternating full-width image/text bands, services as a price menu with dotted leaders rather than cards, a lookbook gallery, a practitioner bio, and a sticky booking bar. Centred wordmark, links either side.
Bento
Pet grooming · kids’ services · cleaning · cafés · party rentals
Playful and tile-based. The hero is a bento grid of mixed-size tiles, wavy dividers between sections, services as tilted tiles that straighten on hover, reviews as chat bubbles, and a floating pill nav.
Firm
Law · accounting · insurance · medical · consulting · real estate
Institutional. No hero photograph at all — a left-aligned statement over a ruled field with credentials beneath. Practice areas as a ruled list with no icons, people cards with portraits, a credentials table, long-form single-column FAQ, formal sidebar contact.
.\new-client.ps1 -Name heidis-hair -Template editorial .\new-client.ps1 -ListTemplates ./new-client.sh heidis-hair editorial ./new-client.sh --list-templates
Stamped into src/data/site.ts automatically. Switch later by editing one
line — template: 'bento' — and rebuilding. Each template reads the same
core content; a few blocks are template-specific
(projects, menu, gallery,
people, credentials) and are simply ignored by the others.
A sixth template is a new file in site-template/src/templates/, an entry in
src/presets/index.ts, and one line in the dispatcher.