Counter
Animated number counter triggered on scroll into view.
This page is a scaffold for the Counter 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:
- Number count-up on scroll
- With duration control
- With prefix / suffix (%, +, $)
- Group of counters
- Milestone counter
Other Components in Marketing Blocks
Hero Section
Above-the-fold hero with headline, subtext, CTA, and media.
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.
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.