"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Zap, Flame, Instagram, Linkedin, Globe, Star } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="mediumSizeLargeTitles"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="FitPulse"
          navItems={[
            { name: "Classes", id: "classes" },
            { name: "Pricing", id: "pricing" },
            { name: "Team", id: "team" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Join Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit
          title="Transform Your Body, Elevate Your Mind"
          description="Join FitPulse and experience the ultimate fitness transformation. Our state-of-the-art facilities, expert trainers, and supportive community are here to help you achieve your goals."
          tag="Premium Fitness"
          tagIcon={Zap}
          background={{ variant: "glowing-orb" }}
          imageSrc="http://img.b2bpic.net/free-photo/sportswoman-doing-hyperextension-exercise_651396-754.jpg"
          imageAlt="FitPulse gym facilities and equipment"
          imagePosition="right"
          buttons={[
            { text: "Start Free Trial Today", href: "contact" },
            { text: "Tour Facility", href: "classes" }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout
          title="About FitPulse"
          description={[
            "For over a decade, FitPulse has been the cornerstone of fitness excellence in our community. We're dedicated to providing a welcoming environment where every member feels supported on their fitness journey, regardless of their starting point.",            "Our mission is simple: empower individuals to become the strongest version of themselves. With cutting-edge equipment, personalized training programs, and a vibrant community of fitness enthusiasts, we create the perfect ecosystem for growth, strength, and wellbeing.",            "Join thousands of members who've transformed their lives at FitPulse. Your transformation starts today."
          ]}
          buttons={[
            { text: "Learn More", href: "classes" }
          ]}
          showBorder={true}
          useInvertedBackground={false}
        />
      </div>

      <div id="classes" data-section="classes">
        <FeatureCardEight
          title="Our Classes & Programs"
          description="Discover a variety of fitness classes designed to challenge and inspire. From high-intensity training to mindful wellness, we have something for everyone."
          tag="Variety of Options"
          tagIcon={Flame}
          textboxLayout="default"
          useInvertedBackground={true}
          features={[
            {
              id: 1,
              title: "Strength Training",              description: "Build muscle and increase your power with our comprehensive strength training programs led by certified coaches.",              imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-s-hand-doing-exercise-with-dumbbells_23-2147949576.jpg",              imageAlt: "Strength training with weights"
            },
            {
              id: 2,
              title: "Cardio & Endurance",              description: "Boost your cardiovascular health with state-of-the-art equipment and high-energy cardio classes.",              imageSrc: "http://img.b2bpic.net/free-photo/male-feet-sneakers-running-treadmill-gym-exercise-concept_335224-798.jpg",              imageAlt: "Cardio fitness equipment"
            },
            {
              id: 3,
              title: "Yoga & Flexibility",              description: "Find balance and improve flexibility through guided yoga sessions suitable for all skill levels.",              imageSrc: "http://img.b2bpic.net/free-photo/group-women-practicing-hall_7502-5154.jpg",              imageAlt: "Yoga and stretching class"
            }
          ]}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardFive
          title="Flexible Membership Plans"
          description="Choose the perfect plan for your fitness goals. All memberships include access to our full facility and community support."
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          plans={[
            {
              id: "starter",              tag: "Starter Plan",              price: "$29",              period: "/month",              description: "Perfect for fitness beginners. Access to gym facilities during off-peak hours.",              button: { text: "Get Started", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "Off-peak gym access",                "Locker room & showers",                "Community bulletin board",                "Email fitness tips"
              ]
            },
            {
              id: "pro",              tag: "Pro Plan",              tagIcon: Star,
              price: "$59",              period: "/month",              description: "Our most popular plan. 24/7 gym access with unlimited classes and personal coaching consultations.",              button: { text: "Choose Pro", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "24/7 gym access",                "Unlimited classes",                "Monthly fitness assessment",                "Personalized workout plan",                "Priority equipment access",                "Member-only events"
              ]
            },
            {
              id: "elite",              tag: "Elite Plan",              price: "$99",              period: "/month",              description: "Premium membership for serious athletes. Includes one-on-one training, nutrition coaching, and exclusive benefits.",              button: { text: "Go Elite", href: "contact" },
              featuresTitle: "What's Included:",              features: [
                "24/7 gym access",                "Unlimited classes",                "2x weekly personal training",                "Nutrition coaching",                "Body composition analysis",                "VIP lounge access",                "Priority class booking",                "Custom meal planning"
              ]
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          title="Meet Our Expert Team"
          description="Our certified trainers and coaches are passionate about helping you achieve your fitness goals. With years of experience, they're here to guide and motivate."
          textboxLayout="default"
          useInvertedBackground={false}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          members={[
            {
              id: "1",              name: "Marcus Johnson",              role: "Head Trainer",              description: "NASM-CPT certified with 15 years of experience in strength and conditioning. Specializes in performance coaching.",              imageSrc: "http://img.b2bpic.net/free-photo/two-hardworking-men-training-with-weights_651396-1080.jpg",              imageAlt: "Marcus Johnson",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "2",              name: "Sophia Chen",              role: "Yoga Instructor",              description: "RYT 500 certified yoga instructor passionate about mindfulness and flexibility training for all levels.",              imageSrc: "http://img.b2bpic.net/free-photo/pilates-instructor-gym_1303-23274.jpg",              imageAlt: "Sophia Chen",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Globe, url: "https://example.com" }
              ]
            },
            {
              id: "3",              name: "James Wilson",              role: "Cardio Specialist",              description: "ACE-certified fitness professional with expertise in cardiovascular training and high-intensity interval workouts.",              imageSrc: "http://img.b2bpic.net/free-photo/care-male-healthy-weights-athletic_1139-695.jpg",              imageAlt: "James Wilson",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "4",              name: "Emma Rodriguez",              role: "Nutrition Coach",              description: "Registered Dietitian and certified nutrition specialist dedicated to helping members achieve optimal health through nutrition.",              imageSrc: "http://img.b2bpic.net/free-photo/nutrition-healthy-food-concept_53876-121400.jpg",              imageAlt: "Emma Rodriguez",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardOne
          title="Success Stories From Our Members"
          description="Real transformations from real people. See how FitPulse has changed lives and inspired amazing fitness journeys."
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="four-items-2x2-equal-grid"
          animationType="slide-up"
          testimonials={[
            {
              id: "1",              name: "Alex Martinez",              role: "Fitness Enthusiast",              company: "Project Manager",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-psd/gym-insta-stories-design-template_23-2149121262.jpg",              imageAlt: "Alex Martinez"
            },
            {
              id: "2",              name: "Sarah Thompson",              role: "Member Since 2022",              company: "Graphic Designer",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/endurance-workout-fitness-concept-happy-motivated-woman-with-sweat-face-program-equipment-training-session-smiling-delighted-pushing-weight-with-legs-as-using-leg-press_197531-30391.jpg?_wi=1",              imageAlt: "Sarah Thompson"
            },
            {
              id: "3",              name: "David Chen",              role: "Athlete",              company: "Marathon Runner",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/endurance-workout-fitness-concept-happy-motivated-woman-with-sweat-face-program-equipment-training-session-smiling-delighted-pushing-weight-with-legs-as-using-leg-press_197531-30391.jpg?_wi=2",              imageAlt: "David Chen"
            },
            {
              id: "4",              name: "Jessica Brown",              role: "Wellness Advocate",              company: "Health Coach",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-outdoors_23-2148948555.jpg",              imageAlt: "Jessica Brown"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          title="Ready to Transform?"
          description="Join thousands of members achieving their fitness goals at FitPulse. Sign up for a free trial and experience the difference today."
          tagIcon={Zap}
          background={{ variant: "downward-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Start Free Trial"
          termsText="By signing up, you agree to our Terms of Service and Privacy Policy. We respect your privacy."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="FitPulse"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}
