Features Section

import FeaturesSection from "@/components/ui/features-section";

export default function DemoOne() {
  const featuresData = {
    title: "Everything you need, nothing you don't",
    subtitle: "Our app is packed with powerful features to help you track your progress and stay motivated, without the overwhelming clutter.",
    features: [
      {
        id: 'f1',
        iconName: 'bolt',
        title: 'Lightning Fast',
        description: 'Track your habits in seconds with our optimized interface. No lag, no waiting.'
      },
      {
        id: 'f2',
        iconName: 'layout',
        title: 'Flexible Tracking',
        description: 'Whether it\'s daily, weekly, or specific days, our app handles any schedule you throw at it.'
      },
      {
        id: 'f3',
        iconName: 'shield',
        title: 'Private & Secure',
        description: 'Your data is yours. All your progress is encrypted and stored securely.'
      },
      {
        id: 'f4',
        iconName: 'layout',
        title: 'Beautiful Analytics',
        description: 'See your progress with stunning, easy-to-understand charts and graphs.'
      },
      {
        id: 'f5',
        iconName: 'bolt',
        title: 'Smart Reminders',
        description: 'Set intelligent reminders that adapt to your schedule so you never miss a day.'
      },
      {
        id: 'f6',
        iconName: 'shield',
        title: 'Community Support',
        description: 'Join a thriving community of users to share tips, stay accountable, and get motivated.'
      }
    ]
  };

  return (
    <div className="app-wrapper">
      <FeaturesSection data={featuresData} />
    </div>
  );
}