A charming, on-brand team section. A row of dome-topped pastel panels — each a different color — staggers in with a spring as it scrolls into view, gently bobbing, with a cartoon character peeking up from the bottom of each panel. Hover a panel and it lifts and the character scales up. Includes a headline, description and call-to-action button, and ships with DiceBear cartoon-avatar defaults so it works out of the box (swap in your own images and any panel colors). Self-contained (injects its own CSS, no Tailwind or shadcn required), light & dark, React 19 + TypeScript strict, reduced-motion aware. Requires framer-motion.

• Team
• Showcase
• Section

The most complete pricing section on the shelf — atmosphere (canvas light rain + masked grid + halo), hierarchy (a conic-ring popular card with glow) and delight (prices that roll digit-by-digit when you flip the billing period). Our own rolling-digit implementation — no @number-flow dependency. Deep Apple-style 3D buttons; one `accent` variable retints the rain, the ring, the checks and the CTAs. Blur-stagger entrance, spring pill switch with a save chip, reduced-motion safe. Three plans, responsive to a single column. Only dependency: framer-motion.

• Pricing
• SaaS
• Landing