Benefit Showcases

import BenefitsSection from "@/components/ui/benefit-showcase";

export default function DemoOne() {
  const benefitsData = {
    title: "The clear path to lasting results",
    subtitle:
      "See how our focused approach helps you achieve your goals, build momentum, and create habits that stick.",
    benefits: [
      {
        id: "b1",
        iconName: "star",
        title: "Build Real Momentum",
        description:
          "Tracking your progress daily creates a positive feedback loop that motivates you to keep going.",
      },
      {
        id: "b2",
        iconName: "chart",
        title: "Visualize Your Growth",
        description:
          "Our clear analytics help you see just how far you've come, turning small wins into big achievements.",
      },
      {
        id: "b3",
        iconName: "users",
        title: "Stay Accountable",
        description:
          "Whether it's with smart reminders or our community, we make it easy to stay on track.",
      },
    ],
  };

  return (
    <div
      className="app-root min-h-screen flex items-center justify-center py-20 px-10"
      aria-label="Benefits showcase"
    >
      <BenefitsSection data={benefitsData} />
    </div>
  );
}