"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from "@/components/navbar/NavbarStyleCentered/NavbarStyleCentered";
import HeroLogoBillboardSplit from "@/components/sections/hero/HeroLogoBillboardSplit";
import TextAbout from "@/components/sections/about/TextAbout";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import MetricCardEleven from "@/components/sections/metrics/MetricCardEleven";
import TeamCardSix from "@/components/sections/team/TeamCardSix";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterSimple from "@/components/sections/footer/FooterSimple";
import { Apple, Award, Brain, Heart, MessageCircle, Stethoscope, TrendingUp, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="fluid"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Success Stories", id: "testimonials" },
            { name: "Team", id: "team" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Get Started", href: "contact" }}
          brandName="ADPT"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboardSplit
          logoText="ADPT"
          description="Adaptive personal training designed for people living with chronic illnesses. Build strength, improve mobility, and reclaim your wellness journey with expert trainers who understand your unique needs."
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Start Your Journey", href: "contact" },
            { text: "Learn More", href: "about" },
          ]}
          layoutOrder="default"
          imageSrc="http://img.b2bpic.net/free-photo/middle-age-man-woman-having-rehab-session-using-elastic-band-sitting-wheelchair-physiotherapy-clinic_839833-17657.jpg"
          imageAlt="Adaptive trainer working with client with chronic illness"
          frameStyle="card"
          mediaAnimation="slide-up"
          buttonAnimation="opacity"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          tag="About ADPT"
          tagIcon={Heart}
          title="We specialize in training for people with chronic conditions. Our evidence-based approach combines medical understanding with compassionate coaching to help you achieve your fitness goals safely and sustainably."
          useInvertedBackground={true}
          buttons={[
            { text: "Our Approach", href: "features" },
            { text: "Meet Our Team", href: "team" },
          ]}
          buttonAnimation="slide-up"
          tagAnimation="opacity"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardTwentyFive
          tag="Our Services"
          tagIcon={Zap}
          title="Personalized Training for Chronic Conditions"
          description="Every client is unique. Our comprehensive services are tailored to your specific diagnosis, mobility level, and goals."
          features={[
            {
              title: "Medical Assessment",              description: "Comprehensive evaluation of your condition, limitations, and health goals to create a personalized program.",              icon: Stethoscope,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/african-american-female-doctor-showing-couple-test-results-their-medical-exam-clinic_637285-1158.jpg",                  imageAlt: "Medical assessment consultation"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32134.jpg",                  imageAlt: "Health evaluation process"},
              ],
            },
            {
              title: "Adaptive Programming",              description: "Progressive training plans that adapt to your energy levels, pain patterns, and daily fluctuations.",              icon: TrendingUp,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/young-sports-people-training-morning-gym_1157-32133.jpg",                  imageAlt: "Personalized training program"},
                {
                  imageSrc: "http://img.b2bpic.net/free-vector/workout-tracker-app-concept_23-2148649064.jpg",                  imageAlt: "Progress tracking dashboard"},
              ],
            },
            {
              title: "Nutrition Guidance",              description: "Evidence-based nutrition support designed for chronic illness management and sustainable weight goals.",              icon: Apple,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg?_wi=1",                  imageAlt: "Nutrition consultation"},
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/healthy-menu-recipe-food-diet_53876-122837.jpg?_wi=2",                  imageAlt: "Meal planning resources"},
              ],
            },
            {
              title: "Mental Health Support",              description: "Holistic wellness including stress management, motivation coaching, and mental resilience building.",              icon: Brain,
              mediaItems: [
                {
                  imageSrc: "http://img.b2bpic.net/free-photo/psychological-therapy-support-group-meeting_23-2151044434.jpg",                  imageAlt: "Mindfulness coaching session"},
                {
                  imageSrc: "http://img.b2bpic.net/free-vector/meditation-app-interface-concept_23-2148649061.jpg",                  imageAlt: "Wellness tracking tools"},
              ],
            },
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="opacity"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Working with ADPT has completely transformed my relationship with fitness. I have fibromyalgia and was afraid of exercising, but their trainers understood my condition and created a program that actually works with my body, not against it. I'm stronger than ever and finally feel confident again."
          rating={5}
          author="Sarah Mitchell, Living with Fibromyalgia"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg", alt: "Sarah Mitchell" },
            { src: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-20937.jpg", alt: "Client testimonial" },
            { src: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg", alt: "Success story" },
            { src: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-therapy_23-2148928886.jpg", alt: "Community member" },
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="opacity"
          useInvertedBackground={true}
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardEleven
          tag="Our Impact"
          tagIcon={Award}
          title="Results That Matter"
          description="Proven outcomes for people with chronic illnesses."
          metrics={[
            {
              id: "1",              value: "500+",              title: "Clients Transformed",              description: "Lives changed through adaptive training",              imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-training-together_23-2150912364.jpg",              imageAlt: "Thriving clients community"},
            {
              id: "2",              value: "92%",              title: "Satisfaction Rate",              description: "Clients report improved quality of life",              imageSrc: "http://img.b2bpic.net/free-photo/successful-happy-business-team_53876-15146.jpg",              imageAlt: "Client success stories"},
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
          buttonAnimation="opacity"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          tag="Meet Our Experts"
          tagIcon={Users}
          title="Certified Trainers Who Understand"
          description="Our team combines professional fitness credentials with deep experience in chronic illness management and adaptive training."
          members={[
            {
              id: "1",              name: "Dr. Emily Chen",              role: "Founder & Medical Director",              imageSrc: "http://img.b2bpic.net/free-photo/female-doctor-her-office_1098-21369.jpg",              imageAlt: "Dr. Emily Chen, Medical Director"},
            {
              id: "2",              name: "Marcus Johnson",              role: "Senior Adaptive Coach",              imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32155.jpg",              imageAlt: "Marcus Johnson, Coach"},
            {
              id: "3",              name: "Priya Sharma",              role: "Nutrition Specialist",              imageSrc: "http://img.b2bpic.net/free-photo/doctor-holding-ripe-pear_1098-21341.jpg",              imageAlt: "Priya Sharma, Nutritionist"},
            {
              id: "4",              name: "James Wilson",              role: "Mental Wellness Coach",              imageSrc: "http://img.b2bpic.net/free-photo/social-integration-working-team_23-2149341142.jpg",              imageAlt: "James Wilson, Wellness Coach"},
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="opacity"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="Get Started Today"
          tagIcon={MessageCircle}
          title="Ready to Transform Your Fitness Journey?"
          description="Take the first step toward adaptive training. Schedule your free consultation with our team to discuss your goals, concerns, and create a personalized plan tailored to your needs."
          buttons={[
            { text: "Schedule Consultation", href: "#" },
            { text: "Send Inquiry", href: "#" },
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Navigate",              items: [
                { label: "Home", href: "#" },
                { label: "About", href: "#about" },
                { label: "Services", href: "#features" },
              ],
            },
            {
              title: "Resources",              items: [
                { label: "Blog", href: "#" },
                { label: "FAQ", href: "#" },
                { label: "Success Stories", href: "#testimonials" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "Team", href: "#team" },
                { label: "Contact", href: "#contact" },
                { label: "Careers", href: "#" },
              ],
            },
            {
              title: "Legal",              items: [
                { label: "Privacy Policy", href: "#" },
                { label: "Terms of Service", href: "#" },
                { label: "Accessibility", href: "#" },
              ],
            },
          ]}
          bottomLeftText="© 2025 ADPT. All rights reserved."
          bottomRightText="Empowering adaptive fitness for chronic wellness."
        />
      </div>
    </ThemeProvider>
  );
}
