Hero Landing Page with Interactive Animations

import  AnimatedHero  from "@/components/ui/hero-landing-page-with-interactive-animations";
import { Sparkles, Zap, Star } from 'lucide-react';


const DemoOne = () => {
  return (
    <div className="w-full">
      <AnimatedHero
        title="Your Amazing Product"
        subtitle="Create something incredible with our platform"
        badgeText="New Release"
        primaryButtonText="Start Free Trial"
        secondaryButtonText="Watch Demo"
        onPrimaryClick={() => console.log('Primary clicked')}
        onSecondaryClick={() => console.log('Secondary clicked')}
        features={[
          {
            icon: Sparkles,
            title: "Feature 1",
            desc: "Description of your first feature",
            color: "from-purple-500 to-pink-500"
          },
          {
            icon: Zap,
            title: "Feature 2", 
            desc: "Description of your second feature",
            color: "from-yellow-500 to-orange-500"
          },
          {
            icon: Star,
            title: "Feature 3",
            desc: "Description of your third feature", 
            color: "from-blue-500 to-cyan-500"
          }
        ]}
      />
    </div>
  );
};

export { DemoOne };