"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import HeroBillboardRotatedCarousel from "@/components/sections/hero/HeroBillboardRotatedCarousel";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Zap, Award, Target, Heart, Star, CheckCircle, HelpCircle } from "lucide-react";

export default function HomePage() {
  const navItems = [
    { name: "Home", id: "home" },
    { name: "Trainers", id: "trainers" },
    { name: "Events", id: "events" },
    { name: "Communities", id: "communities" },
    { name: "About", id: "about" },
  ];

  const footerColumns = [
    {
      title: "Platform",
      items: [
        { label: "Find Trainers", href: "/trainers" },
        { label: "Discover Events", href: "/events" },
        { label: "Join Communities", href: "/communities" },
        { label: "Dashboard", href: "/dashboard" },
      ],
    },
    {
      title: "Company",
      items: [
        { label: "About Us", href: "/about" },
        { label: "Careers", href: "#" },
        { label: "Blog", href: "#" },
        { label: "Press", href: "#" },
      ],
    },
    {
      title: "Support",
      items: [
        { label: "Help Center", href: "#" },
        { label: "Contact Us", href: "#" },
        { label: "Safety Guidelines", href: "#" },
        { label: "Community Standards", href: "#" },
      ],
    },
    {
      title: "Legal",
      items: [
        { label: "Privacy Policy", href: "#" },
        { label: "Terms of Service", href: "#" },
        { label: "Cookie Policy", href: "#" },
        { label: "Accessibility", href: "#" },
      ],
    },
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="FitnessaCollective"
          navItems={navItems}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardRotatedCarousel
          title="Mumbai's Unified Fitness Ecosystem"
          description="Book verified trainers, discover exclusive fitness events, and join vibrant running clubs — all seamlessly integrated in one premium platform designed for elite performers and fitness enthusiasts."
          background={{ variant: "rotated-rays-animated-grid" }}
          tag="Premium Fitness Platform"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          buttons={[
            {
              text: "Find a Trainer",
              href: "/trainers",
            },
            {
              text: "Explore Events",
              href: "/events",
            },
          ]}
          buttonAnimation="slide-up"
          carouselItems={[
            {
              id: "carousel-1",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-personal-trainer-conducti-1773869257907-f7c81841.png?_wi=1",
              imageAlt: "Professional trainer conducting personalized fitness session",
            },
            {
              id: "carousel-2",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869258095-cec51798.png?_wi=1",
              imageAlt: "Dynamic running club gathering in Mumbai",
            },
            {
              id: "carousel-3",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-high-energy-fitness-event-with-multipl-1773869258030-f5c16adb.png?_wi=1",
              imageAlt: "High-energy fitness event with participants",
            },
            {
              id: "carousel-4",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-yoga-session-in-a-premium-minim-1773869258752-f7368676.png?_wi=1",
              imageAlt: "Serene yoga session in premium fitness studio",
            },
            {
              id: "carousel-5",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=1",
              imageAlt: "Intense CrossFit training session",
            },
            {
              id: "carousel-6",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-holistic-wellness-experience-showing-a-1773869257943-ea686a20.png?_wi=1",
              imageAlt: "Holistic wellness experience and meditation",
            },
          ]}
          autoPlay={true}
          autoPlayInterval={5000}
          ariaLabel="Hero carousel showcasing FitnessaCollective services"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFour
          title="Why Choose FitnessaCollective"
          description="Discover a unified fitness ecosystem engineered for Mumbai's elite athletes, fitness enthusiasts, and wellness seekers. Experience premium services, verified professionals, and vibrant communities."
          tag="Core Advantages"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          features={[
            {
              id: "feature-1",
              title: "Book Verified Trainers",
              author: "Personal Training",
              description: "Connect with certified fitness professionals offering specialized coaching in strength, yoga, CrossFit, endurance training, and more. Real-time availability and transparent pricing.",
              tags: ["Personalized", "Certified", "Instant Booking"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-headshot-composition-of-m-1773869258401-06329eac.png",
              imageAlt: "Verified professional trainers at FitnessaCollective",
            },
            {
              id: "feature-2",
              title: "Discover Fitness Events",
              author: "Community Events",
              description: "Stay updated on exclusive fitness events, workshops, marathons, and wellness seminars across Mumbai. Browse by location, date, category, and price to find your perfect match.",
              tags: ["Live Events", "Workshops", "Seminars"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-well-organized-fitness-event-w-1773869259820-f66f4ec5.png",
              imageAlt: "Vibrant fitness events and workshops in Mumbai",
            },
            {
              id: "feature-3",
              title: "Join Local Run Clubs",
              author: "Community",
              description: "Connect with nearby running communities, from casual joggers to serious marathoners. Discover trail runs, pace groups, and social fitness activities throughout the city.",
              tags: ["Communities", "Social", "Local"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-active-diverse-fitness-community-gath-1773869258456-f9a868c5.png?_wi=1",
              imageAlt: "Active running clubs and fitness communities",
            },
          ]}
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Our Mission"
          tagIcon={Target}
          tagAnimation="blur-reveal"
          title="Transforming Mumbai's Fitness Culture"
          description="FitnessaCollective reimagines how Mumbai engages with fitness by creating a seamless, unified platform connecting elite trainers, exciting events, and thriving communities."
          subdescription="We believe fitness thrives in community. Our ecosystem empowers individuals to find the perfect trainer, discover meaningful events, and build lasting connections with like-minded fitness enthusiasts across Mumbai."
          icon={Heart}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-large-group-of-diverse-fitness-communi-1773869258894-94aadcab.png?_wi=1"
          imageAlt="FitnessaCollective community gathering"
          mediaAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSixteen
          title="Loved by Mumbai's Fitness Community"
          description="Discover why thousands of fitness enthusiasts, athletes, and wellness seekers trust FitnessaCollective for their fitness journey."
          tag="Success Stories"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "testimonial-1",
              name: "Priya Sharma",
              role: "Marathon Runner",
              company: "Mumbai Running Collective",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-photograph-of-a--1773869256854-6079cfda.png",
            },
            {
              id: "testimonial-2",
              name: "Arjun Kapoor",
              role: "Strength Coach",
              company: "Elite Fitness Mumbai",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-of-a-male-fitnes-1773869257396-b7dd9b87.png",
            },
            {
              id: "testimonial-3",
              name: "Anaya Patel",
              role: "Yoga Instructor",
              company: "Wellness Haven",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-professional-portrait-of-a-fema-1773869256866-3f2f98d8.png",
            },
            {
              id: "testimonial-4",
              name: "Rohan Singh",
              role: "Fitness Enthusiast",
              company: "CrossFit Mumbai",
              rating: 5,
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-dynamic-professional-portrait-of-a-mal-1773869257881-21df2f61.png",
            },
          ]}
          kpiItems={[
            { value: "10K+", label: "Active Members" },
            { value: "500+", label: "Verified Trainers" },
            { value: "200+", label: "Monthly Events" },
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="trainers" data-section="trainers">
        <ProductCardTwo
          title="Featured Certified Trainers"
          description="Explore our curated selection of elite fitness professionals specializing in various disciplines. Each trainer is verified, certified, and ready to elevate your fitness journey."
          tag="Verified Professionals"
          tagIcon={CheckCircle}
          tagAnimation="blur-reveal"
          buttons={[
            {
              text: "View All Trainers",
              href: "/trainers",
            },
          ]}
          buttonAnimation="slide-up"
          products={[
            {
              id: "trainer-1",
              brand: "Strength & Power",
              name: "Vikram Desai",
              price: "₹1,500/session",
              rating: 5,
              reviewCount: "248",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-of-a-confident-m-1773869257969-f85bd9cc.png",
              imageAlt: "Professional trainer Vikram Desai",
            },
            {
              id: "trainer-2",
              brand: "Yoga & Wellness",
              name: "Neha Gupta",
              price: "₹1,200/session",
              rating: 5,
              reviewCount: "156",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-serene-professional-portrait-of-a-calm-1773869257666-2f2b67d8.png",
              imageAlt: "Yoga instructor Neha Gupta",
            },
            {
              id: "trainer-3",
              brand: "CrossFit Elite",
              name: "Aditya Kumar",
              price: "₹2,000/session",
              rating: 5,
              reviewCount: "312",
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-dynamic-professional-portrait-of-an-en-1773869257852-a3ad9d89.png",
              imageAlt: "CrossFit trainer Aditya Kumar",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="split"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Common Questions"
          description="Find answers to frequently asked questions about booking trainers, discovering events, and joining fitness communities on FitnessaCollective."
          tag="Help & Support"
          tagIcon={HelpCircle}
          tagAnimation="blur-reveal"
          faqs={[
            {
              id: "faq-1",
              title: "How do I book a trainer on FitnessaCollective?",
              content: "Browse our verified trainer directory, filter by specialization and location, check availability, and book directly through the platform. You'll receive instant confirmation and can start your sessions immediately.",
            },
            {
              id: "faq-2",
              title: "Are all trainers verified and certified?",
              content: "Yes, every trainer on FitnessaCollective undergoes strict verification. We confirm certifications, experience, and background to ensure you work with only the best professionals.",
            },
            {
              id: "faq-3",
              title: "What types of fitness events are available?",
              content: "We feature diverse events including marathons, yoga workshops, CrossFit competitions, strength training seminars, wellness retreats, and community fitness challenges throughout Mumbai.",
            },
            {
              id: "faq-4",
              title: "How can I join a running club or fitness community?",
              content: "Search for communities by location, fitness interest, or pace level. Send a join request and get connected with members. Many communities organize regular meetups and training sessions.",
            },
            {
              id: "faq-5",
              title: "What payment methods do you accept?",
              content: "We accept all major credit/debit cards, UPI, digital wallets, and bank transfers. All transactions are secured and encrypted for your protection.",
            },
            {
              id: "faq-6",
              title: "Can I cancel or reschedule my bookings?",
              content: "Yes, you can reschedule or cancel bookings up to 24 hours in advance without penalties. Our flexible cancellation policy ensures peace of mind for all users.",
            },
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FitnessaCollective"
          columns={footerColumns}
          copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
        />
      </div>
    </ThemeProvider>
  );
}