A library of rebrandable sections.

Hero — Diagonal

The original rebrandable hero: skewed brand-gradient stage, animated product card and logo cloud. Reference SaaS hero, skinned by tokens.

Hero — Split

Two-column hero: benefit copy + CTAs on the left, a live product panel on the right. Second hero variant to the diagonal zabazingo-hero.

Feature Grid

Responsive 3-column grid of feature cards with gradient SVG glyphs, titles and supporting copy. Collapses to one column on mobile.

Stats Band

Full-bleed metrics band with a subtle gradient wash and four count-up figures. Ideal social-proof strip between sections.

Pricing Table

Three-tier pricing with a highlighted plan, a CI-styled monthly/yearly toggle (no native controls) and per-plan feature lists.

Testimonials

Quote cards with avatar monograms, author, role and a five-point rating. Balanced masonry-style grid that stacks cleanly on mobile.

FAQ Accordion

Accessible accordion built on native

— no system dialogs, keyboard-friendly, animated chevrons and smooth expand.

Open Copy code

CTA Band

Full-width closing call-to-action on a brand-gradient panel with soft grain, headline, dual buttons and a reassurance line.

Contact Form

Two-column contact section: reassurance copy + a validated form with a CI dropdown (no native select) and inline success state.