"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
import TestimonialCardSixteen from "@/components/sections/testimonial/TestimonialCardSixteen";
import FaqDouble from "@/components/sections/faq/FaqDouble";
import FooterBaseCard from "@/components/sections/footer/FooterBaseCard";
import Link from "next/link";
import { Target, Heart, Star, HelpCircle } from "lucide-react";

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

  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="about-mission" data-section="about-mission">
        <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-1773869150904-d78f85ce.png?_wi=3"
          imageAlt="FitnessaCollective community gathering"
          mediaAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>

      <div id="about-testimonials" data-section="about-testimonials">
        <TestimonialCardSixteen
          title="Trusted by Fitness Leaders Across Mumbai"
          description="Our community of verified trainers, event organizers, and fitness enthusiasts are the heart of FitnessaCollective. Their success stories inspire us to continuously innovate and improve."
          tag="Community Trust"
          tagIcon={Star}
          tagAnimation="blur-reveal"
          testimonials={[
            {
              id: "testimonial-1",              name: "Priya Sharma",              role: "Marathon Runner & Event Organizer",              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--1773869149808-5d5a8eb0.png?_wi=5"},
            {
              id: "testimonial-2",              name: "Arjun Kapoor",              role: "Senior Strength Coach & Trainer",              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-1773869149883-589098f9.png?_wi=5"},
            {
              id: "testimonial-3",              name: "Anaya Patel",              role: "Wellness Director & Yoga Expert",              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-1773869149553-d57a1478.png?_wi=6"},
            {
              id: "testimonial-4",              name: "Rohan Singh",              role: "Fitness Community Leader",              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-1773869151892-e27172db.png?_wi=5"},
          ]}
          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="about-faq" data-section="about-faq">
        <FaqDouble
          title="About FitnessaCollective"
          description="Learn more about our platform, values, and commitment to transforming Mumbai's fitness community."
          tag="Frequently Asked Questions"
          tagIcon={HelpCircle}
          tagAnimation="blur-reveal"
          faqs={[
            {
              id: "faq-1",              title: "What is FitnessaCollective's vision?",              content: "We envision a Mumbai where every individual has access to elite fitness professionals, inspiring communities, and curated wellness experiences. Our platform removes barriers between fitness seekers and the resources they need to achieve their goals."},
            {
              id: "faq-2",              title: "How does FitnessaCollective verify trainers?",              content: "Every trainer undergoes a rigorous verification process including credential verification, background checks, and performance reviews from our community. We maintain the highest standards to ensure quality and safety."},
            {
              id: "faq-3",              title: "What makes FitnessaCollective different?",              content: "Unlike traditional gym memberships, FitnessaCollective offers a unified ecosystem combining personalized training, diverse events, and vibrant communities. Our platform is designed for flexibility, choice, and community connection."},
            {
              id: "faq-4",              title: "How do communities work on FitnessaCollective?",              content: "Communities are groups of fitness enthusiasts connected by shared interests—running, yoga, CrossFit, etc. Members can organize meetups, share training tips, and build lasting connections with like-minded individuals."},
            {
              id: "faq-5",              title: "Is FitnessaCollective available across Mumbai?",              content: "Yes, FitnessaCollective operates across all major areas of Mumbai, with trainers, events, and communities available citywide. Our platform continuously expands to serve more neighborhoods."},
            {
              id: "faq-6",              title: "How can I become a trainer on FitnessaCollective?",              content: "Interested fitness professionals can apply through our trainer onboarding program. We require verified certifications, liability insurance, and a commitment to our community standards and code of conduct."},
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          faqsAnimation="slide-up"
          animationType="smooth"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard
          logoText="FitnessaCollective"
          columns={[
            {
              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: "#" },
              ],
            },
          ]}
          copyrightText="© 2025 FitnessaCollective. All rights reserved. Transforming Mumbai's fitness culture."
        />
      </div>
    </ThemeProvider>
  );
}