Next CTA Section

Hero Section

Above-the-fold hero with headline, subtext, CTA, and media.

This page is a scaffold for the Hero Section component. Build the live markup, Alpine.js interactions, and DaisyUI/Tailwind classes here, then replace this placeholder block with the real preview + code snippet.

Planned variants & states to implement:

  • Full-height centered
  • Split (text left, image right)
  • Background image / video
  • Gradient background
  • Particle / animated bg
  • With form (search / email)
  • Multiple CTA buttons
  • Trust badges row
16

CTA Section

Call-to-action section with headline, description, and button group.

Feature Grid

Grid of feature cards with icon, title, and short description.

Feature List

Vertical feature list with check icons and short copy.

Icon Box

Icon with heading and paragraph for benefit or service callouts.

Testimonial

Single testimonial quote with avatar, name, role, and stars.

Testimonial Slider

Auto-play or manual carousel of customer testimonials.

FAQ

Accordion FAQ section with grouped questions and answers.

Statistics

Row of bold metric figures with labels for social proof.

Counter

Animated number counter triggered on scroll into view.

Countdown

Live countdown timer for launches, sales, or events.

Brand Logos

Static client or partner logo grid for trust signals.

Trust Badges

Security, payment, and guarantee badge row.

Newsletter

Email capture section with headline, input, and submit CTA.

Announcement Bar

Top-of-page dismissible banner for promotions and alerts.

Promo Banner

Full-width or card-style promotional banner with image and CTA.

Popup Offer

Timed or exit-intent modal for offers and lead capture.
Next CTA Section