feat(section): Animated Pricing Cards for SaaS landing pages

[KeenIsHere]

Overview

This issue proposes adding an Animated Pricing Cards component to
the section category of Animata.

A pricing section is one of the most critical sections on any SaaS or
startup landing page. This component provides a premium, demo-ready
pricing layout with smooth animations, clear visual hierarchy, and full
accessibility — ready to copy and paste into any project.

---

Component Details

File: animata/section/animated-pricing-cards.tsx
Category: Section
Type: Page section component

---

Proposed Features

• 3 responsive pricing tiers with sensible default data
  (Starter, Professional, Enterprise)
• Staggered entrance animation when cards scroll into viewport
• Hover lift effect using translateY with 300ms transition
• Highlighted "Most Popular" middle card with badge and scale effect
• Button micro-interactions — scale up on hover, scale down on tap
• motion-safe and motion-reduce classes for reduced motion support
• aria-hidden on decorative SVG checkmark icons
• Fully responsive — 1 column mobile, 3 columns desktop
• Dark mode support using Tailwind design tokens only
• Defensive rendering — works safely with zero props passed
• Fully customisable via plans prop

---

Props API

interface PricingPlan {
  name: string;
  price: string;
  period?: string;
  description: string;
  features: string[];
  highlighted?: boolean;
  ctaText?: string;
}

interface AnimatedPricingCardsProps {
  plans?: PricingPlan[];
}