"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import { CheckCircle, Award, Zap } from "lucide-react";

export default function TrainersPage() {
  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="trainers-featured" data-section="trainers-featured">
        <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"
          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?_wi=2",
              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?_wi=2",
              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?_wi=2",
              imageAlt: "CrossFit trainer Aditya Kumar",
            },
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="scale-rotate"
          textboxLayout="split"
          useInvertedBackground={false}
        />
      </div>

      <div id="trainers-specializations" data-section="trainers-specializations">
        <FeatureCardTwentyFour
          title="Training Specializations"
          description="Our network of verified trainers offers diverse specializations to meet every fitness goal. From strength training to wellness coaching, find the perfect expert for your journey."
          tag="Expert Disciplines"
          tagIcon={Award}
          tagAnimation="blur-reveal"
          features={[
            {
              id: "spec-1",
              title: "Strength & Power Training",
              author: "High-Performance",
              description: "Build muscle, increase strength, and transform your physique with evidence-based strength training programs tailored to your experience level.",
              tags: ["Muscle Building", "Performance", "Certified"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-portrait-of-a-confident-m-1773869257969-f85bd9cc.png?_wi=3",
              imageAlt: "Strength training specialization",
            },
            {
              id: "spec-2",
              title: "Yoga & Flexibility",
              author: "Wellness Focus",
              description: "Improve flexibility, reduce stress, and enhance mental clarity through personalized yoga coaching. Perfect for both beginners and advanced practitioners.",
              tags: ["Mindfulness", "Flexibility", "Wellness"],
              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=2",
              imageAlt: "Yoga training specialization",
            },
            {
              id: "spec-3",
              title: "CrossFit & HIIT",
              author: "Intense Training",
              description: "Push your limits with high-intensity interval training and CrossFit coaching. Build endurance, power, and community in challenging functional fitness sessions.",
              tags: ["High-Intensity", "Functional", "Community"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/an-intense-crossfit-training-session-wit-1773869258530-13cf5455.png?_wi=2",
              imageAlt: "CrossFit training specialization",
            },
          ]}
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
        />
      </div>

      <div id="trainers-process" data-section="trainers-process">
        <FeatureCardTwentyFour
          title="How to Book Your Trainer"
          description="Finding and booking the perfect trainer on FitnessaCollective is simple and straightforward. Follow our streamlined process to start your transformation."
          tag="Quick Booking"
          tagIcon={Zap}
          tagAnimation="blur-reveal"
          features={[
            {
              id: "step-1",
              title: "Browse & Filter",
              author: "Discover Options",
              description: "Search trainers by specialization, location, availability, and price. Read detailed profiles, reviews, and ratings to find the perfect match.",
              tags: ["Search", "Filter", "Reviews"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-headshot-composition-of-m-1773869258401-06329eac.png?_wi=2",
              imageAlt: "Browse trainers",
            },
            {
              id: "step-2",
              title: "Check Availability",
              author: "Real-Time Scheduling",
              description: "View each trainer's real-time availability calendar. Choose time slots that fit your schedule and preferences.",
              tags: ["Flexible", "Real-Time", "Convenient"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-vibrant-running-club-gathering-in-mumb-1773869258095-cec51798.png?_wi=2",
              imageAlt: "Check trainer availability",
            },
            {
              id: "step-3",
              title: "Book & Start Training",
              author: "Seamless Experience",
              description: "Complete secure payment, receive instant confirmation, and start your sessions. Track progress and connect directly with your trainer.",
              tags: ["Secure", "Instant", "Connected"],
              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B8SAGkNg6dDslfeJ9cLBIp5dqh/a-professional-personal-trainer-conducti-1773869257907-f7c81841.png?_wi=2",
              imageAlt: "Book and start training",
            },
          ]}
          animationType="slide-up"
          textboxLayout="split"
          useInvertedBackground={true}
        />
      </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>
  );
}