"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import { Award, Instagram, Linkedin, Medal, Sparkles, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeMediumTitles"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="glass"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "hero" },
            { name: "About", id: "about" },
            { name: "Services", id: "features" },
            { name: "Testimonials", id: "testimonial" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Rory Givvs"
          bottomLeftText="Olympic Champion"
          bottomRightText="hello@rorygivvs.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Train Like An Olympic Champion"
          description="Transform your fitness with personalized coaching from Rory Givvs, Olympic gold medalist. Elite training programs designed to unlock your full potential."
          background={{ variant: "sparkles-gradient" }}
          tag="Olympic Elite"
          tagIcon={Medal}
          buttons={[
            { text: "Start Your Transformation", href: "contact" },
            { text: "View Programs", href: "features" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077721.jpg"
          imageAlt="Rory Givvs - Olympic Personal Trainer"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Olympic Excellence Translates to Real Results for Every Client. From Gold Medal Training to Your Personal Best."
          metrics={[
            { icon: Medal, label: "Olympic Gold", value: "2020" },
            { icon: Users, label: "Clients Transformed", value: "500+" },
            { icon: Zap, label: "Average Improvement", value: "40%" },
            { icon: Award, label: "Years Experience", value: "15+" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardThree
          features={[
            {
              id: "01",              title: "One-on-One Coaching",              description: "Personalized training sessions with direct feedback from an Olympic-certified coach. Customized plans targeting your specific goals.",              imageSrc: "https://img.b2bpic.net/free-photo/achievement-muscle-gym-man-active_1139-707.jpg",              imageAlt: "One-on-one personal training session"
            },
            {
              id: "02",              title: "Nutrition Planning",              description: "Comprehensive nutritional guidance aligned with your training program. Meal plans and supplementation strategies for optimal results.",              imageSrc: "https://img.b2bpic.net/free-photo/top-view-charts-organic-food-lunch-boxes_23-2148515965.jpg",              imageAlt: "Nutrition and meal planning consultation"
            },
            {
              id: "03",              title: "Strength & Conditioning",              description: "Advanced resistance training and functional fitness protocols. Build power, endurance, and athletic performance with proven methods.",              imageSrc: "https://img.b2bpic.net/free-photo/woman-gym-with-coach_1303-5545.jpg",              imageAlt: "Strength training and conditioning workout"
            },
            {
              id: "04",              title: "Online Coaching",              description: "Remote training programs with real-time progress tracking and weekly check-ins. Access elite coaching from anywhere in the world.",              imageSrc: "https://img.b2bpic.net/free-photo/joyful-young-handsome-sporty-man-wearing-headband-wristbands-medal-around-neck-gesturing-strong-isolated-white-wall_141793-101713.jpg",              imageAlt: "Online remote coaching platform"
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          title="Comprehensive Training Services"
          description="Complete coaching programs tailored to your fitness goals and experience level"
          tag="Services"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="metric" data-section="metric">
        <MetricCardEleven
          metrics={[
            {
              id: "1",              value: "15 lbs",              title: "Average Fat Loss",              description: "Client success in first 12 weeks",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-women-training-together_23-2149267034.jpg",              imageAlt: "Client fitness transformation result"
            },
            {
              id: "2",              value: "35%",              title: "Strength Gain",              description: "Increased lifting capacity in 6 months",              imageSrc: "https://img.b2bpic.net/free-photo/women-exercising-together-side-view_23-2149622981.jpg",              imageAlt: "Client strength achievement milestone"
            }
          ]}
          title="Proven Client Results"
          description="Real transformations achieved through dedicated training and expert guidance"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTen
          testimonials={[
            {
              id: "1",              title: "Life-Changing Coaching",              quote: "Rory's coaching transformed not just my body, but my entire mindset. His Olympic experience brings a level of excellence and attention to detail that's unmatched. I've never felt stronger or more confident.",              name: "Marcus Johnson",              role: "Corporate Executive",              imageSrc: "https://img.b2bpic.net/free-photo/smiling-athletic-man-black-background_613910-9870.jpg",              imageAlt: "Marcus Johnson testimonial photo"
            },
            {
              id: "2",              title: "Beyond My Expectations",              quote: "I was skeptical at first, but Rory's personalized approach and genuine care for his clients changed everything. In 6 months, I achieved results I thought were impossible at my age.",              name: "Sarah Mitchell",              role: "Age 52, Fitness Enthusiast",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-smiley-man-gym_23-2150007196.jpg",              imageAlt: "Sarah Mitchell testimonial photo"
            },
            {
              id: "3",              title: "Athletic Performance Breakthrough",              quote: "As an athlete myself, I needed someone who understood elite-level training. Rory delivered championship-level coaching that elevated my game significantly. Highly recommend.",              name: "David Chen",              role: "Semi-Professional Athlete",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-athletic-fitness-male-dressed-sportswear-grey-vignette-background_613910-1076.jpg",              imageAlt: "David Chen testimonial photo"
            },
            {
              id: "4",              title: "Worth Every Investment",              quote: "The nutrition planning combined with personalized training created the perfect recipe for success. I've lost 30 pounds and feel incredible. Rory's expertise is worth every penny.",              name: "Jessica Williams",              role: "Busy Professional",              imageSrc: "https://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205541.jpg",              imageAlt: "Jessica Williams testimonial photo"
            },
            {
              id: "5",              title: "Olympic-Level Dedication",              quote: "You can feel Rory's championship mindset in every session. His attention to form, progression, and mental toughness sets him apart. Best investment in myself I've made.",              name: "James Patterson",              role: "Entrepreneur",              imageSrc: "https://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1587.jpg",              imageAlt: "James Patterson testimonial photo"
            },
            {
              id: "6",              title: "Complete Transformation",              quote: "Rory helped me go from sedentary to strong and healthy. His coaching style is motivating without being harsh. He genuinely wants you to succeed and delivers results.",              name: "Amanda Foster",              role: "Health Coach",              imageSrc: "https://img.b2bpic.net/free-photo/young-sports-man-happy-expression_1194-1586.jpg",              imageAlt: "Amanda Foster testimonial photo"
            }
          ]}
          title="Hear From Our Champions"
          description="Real stories from clients who transformed their fitness with Rory's coaching"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardThree
          plans={[
            {
              id: "1",              price: "$149/mo",              name: "Online Coaching",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "contact" }
              ],
              features: [
                "Weekly workout programs",                "Video form feedback",                "Monthly progress check-ins",                "Nutrition guidance",                "24/7 chat support"
              ]
            },
            {
              id: "2",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$399/mo",              name: "Semi-Private Training",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Learn More", href: "contact" }
              ],
              features: [
                "2 in-person sessions per week",                "Personalized training plans",                "Full nutrition coaching",                "Progress tracking & analytics",                "Priority support",                "Monthly assessments"
              ]
            },
            {
              id: "3",              price: "$599/mo",              name: "Elite 1-on-1",              buttons: [
                { text: "Get Started", href: "contact" },
                { text: "Consult", href: "contact" }
              ],
              features: [
                "4 private sessions per week",                "Exclusive Olympic training methods",                "Advanced nutrition planning",                "Supplement recommendations",                "Performance testing",                "Direct phone/text access",                "Quarterly body composition analysis"
              ]
            }
          ]}
          title="Training Programs & Investment"
          description="Flexible coaching options for every fitness level and goal"
          textboxLayout="default"
          animationType="slide-up"
          tag="Pricing"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTwo
          members={[
            {
              id: "1",              name: "Rory Givvs",              role: "Olympic Champion",              description: "2020 Olympic gold medalist in strength athletics. 15+ years coaching elite and everyday athletes. International certification in sports performance.",              imageSrc: "https://img.b2bpic.net/free-photo/people-training-athletics_23-2151077721.jpg",              imageAlt: "Rory Givvs - Olympic Personal Trainer",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            },
            {
              id: "2",              name: "Coach Alex Rivera",              role: "Strength Specialist",              description: "ISSA Certified trainer specializing in powerlifting and functional strength. 10 years experience working with athletes and general population fitness.",              imageSrc: "https://img.b2bpic.net/free-photo/young-adult-doing-indoor-sport-gym_23-2149205542.jpg",              imageAlt: "Coach Alex Rivera - Strength Specialist",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" }
              ]
            },
            {
              id: "3",              name: "Coach Emma Thompson",              role: "Nutrition Coach",              description: "Certified Sports Nutritionist and ACE Personal Trainer. 8 years helping clients optimize nutrition for performance and body composition goals.",              imageSrc: "https://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32155.jpg",              imageAlt: "Coach Emma Thompson - Nutrition Coach",              socialLinks: [
                { icon: Instagram, url: "https://instagram.com" },
                { icon: Linkedin, url: "https://linkedin.com" }
              ]
            }
          ]}
          title="Meet The Team"
          description="Elite coaches committed to your championship performance"
          textboxLayout="default"
          animationType="slide-up"
          tag="Team"
          gridVariant="three-columns-all-equal-width"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to train like a champion? Let's discuss your fitness goals and create your personalized path to success."
          animationType="entrance-slide"
          buttons={[
            { text: "Start Your Free Consultation", href: "https://calendly.com" },
            { text: "Send a Message", href: "mailto:hello@rorygivvs.com" }
          ]}
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Rory Givvs"
          copyrightText="© 2025 Rory Givvs | Olympic Personal Trainer. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                { label: "One-on-One Coaching", href: "features" },
                { label: "Online Programs", href: "features" },
                { label: "Group Training", href: "features" },
                { label: "Nutrition Coaching", href: "features" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Meet The Team", href: "team" },
                { label: "Testimonials", href: "testimonial" },
                { label: "Our Story", href: "about" },
                { label: "Certifications", href: "about" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Email", href: "mailto:hello@rorygivvs.com" },
                { label: "Schedule Consultation", href: "contact" },
                { label: "Follow Us", href: "https://instagram.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}