KleanKrafts — choose a TEMPLATE

Four structurally different templates — each a different page layout AND a different hero style (no two the same). Pick the structure the client likes; colour is separate.

💡 Each template has its own hero style + layout, and a colour switcher (bottom-centre) so the client picks template + colour independently. Images are placeholders.

A · Spotlight

Modern brand / e-commerce feel
Split hero — bold headline beside a single hero product under a soft spotlight. Body: large category tiles + featured grid.
Open full page →

B · Immersive

Premium / editorial, design-led
Full-bleed scene hero with a large faded product and bottom headline. Body: alternating editorial bands per category (serif).
Open full page →

C · Finder

B2B / catalogue, efficiency-first
Search-first hero (big search + popular chips) and a sidebar-filtered dense catalogue. Built for buyers who know what they want.
Open full page →

D · Kinetic

Energetic, attention-grabbing
Animated gradient hero with a live product marquee, then full-width colour-block category showcases. The “wow” option.
Open full page →

E · Illustrated

Warm, branded, friendly (iCleans-style, but modern)
Custom illustrated hero + cleaning-icon background pattern + friendly type. Gives instant brand identity without photos.
Open full page →

F · Photographic

Premium, real, trust-building (Filmop-style)
Full-bleed real photography hero + photo feature bands. The most premium, credible look. Uses placeholder stock photos until client supplies real ones.
Open full page →
build-templates.mjs · 6 templates · distinct hero + layout each · 65 products