import { motion } from "framer-motion";
import Navigation from "@/components/Navigation";
import RoleCard from "@/components/RoleCard";
import UpgradeBanner from "@/components/UpgradeBanner";
import { Button } from "@/components/ui/button";
import heroBg from "@/assets/hero-bg.jpg";
import practitionerIcon from "@/assets/practitioner-icon.jpg";
import coachIcon from "@/assets/coach-icon.jpg";
import venueIcon from "@/assets/venue-icon.jpg";
import { ArrowRight, Award, Users, MapPin, BookOpen } from "lucide-react";
import { useLanguage } from "@/contexts/LanguageContext";
const Index = () => { const { t } = useLanguage(); const stats = [ { icon: Users, labelKey: "stats.members", value: "10K+" }, { icon: Award, labelKey: "stats.coaches", value: "500+" }, { icon: BookOpen, labelKey: "stats.courses", value: "100+" }, { icon: MapPin, labelKey: "stats.venues", value: "200+" }, ]; const features = [ { titleKey: "features.capsules", descKey: "features.capsules.desc" }, { titleKey: "features.sessions", descKey: "features.sessions.desc" }, { titleKey: "features.certification", descKey: "features.certification.desc" }, { titleKey: "features.journal", descKey: "features.journal.desc" }, { titleKey: "features.community", descKey: "features.community.desc" }, { titleKey: "features.flexible", descKey: "features.flexible.desc" }, ]; return (
{/* Hero Section */}
{t("hero.title")}
{t("hero.subtitle")}
{/* Stats Section */}
{stats.map((stat, index) => (
{stat.value}
{t(stat.labelKey)}
))}
{/* Roles Section */}
{t("roles.title")}
{t("roles.subtitle")}
{/* CTA Section */}
{/* Features Grid */}
{t("features.title")}
{features.map((feature, index) => (
{t(feature.titleKey)}
{t(feature.descKey)}
))}
{/* Footer */}
);
};
export default Index;