"use client";

import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import ContactText from '@/components/sections/contact/ContactText';
import FooterCard from '@/components/sections/footer/FooterCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Apple, Award, Dumbbell, Facebook, HeartPulse, Instagram, Linkedin, Sparkles, Star, Sword, Target, Twitter, Users, Youtube } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="soft"
      contentWidth="medium"
      sizing="medium"
      background="noise"
      cardStyle="gradient-mesh"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Iron Forge Fitness"
          logoSrc="http://img.b2bpic.net/free-vector/set-fitness-labels-flat-style_23-2147804851.jpg"
          logoAlt="Iron Forge Fitness logo"
          navItems={[
            { name: "Home", id: "#hero" },
            { name: "Programs", id: "#features" },
            { name: "Trainers", id: "#trainers" },
            { name: "Memberships", id: "#memberships" },
            { name: "Transformations", id: "#transformations" },
            { name: "Contact", id: "#contact" }
          ]}
        />
      </div>
      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="Iron Forge Fitness"
          description="Elite fitness training in Sialkot for people who demand more from themselves. Forge your strongest self with us."
          buttons={[
            { text: "Join Now", href: "#memberships" },
            { text: "WhatsApp Us", href: "https://wa.me/+923001234567" }
          ]}
          slides={[
            { imageSrc: "http://img.b2bpic.net/free-photo/sportswoman-posing-sportswear-isolated-gray_7502-8035.jpg", imageAlt: "Luxury gym interior with cinematic lighting and weights" },
            { imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-doing-weighlifting_23-2147675199.jpg", imageAlt: "Muscular athlete training with heavy weights in a cinematic gym" },
            { imageSrc: "http://img.b2bpic.net/free-photo/man-warming-up-legs_23-2147775441.jpg", imageAlt: "Boxing area in a modern dark gym with red accent lighting" },
            { imageSrc: "http://img.b2bpic.net/free-photo/young-pretty-woman-black-swimsuit-relaxes-edge-pool_231208-6655.jpg", imageAlt: "Dynamic spinning class in a luxury fitness studio" },
            { imageSrc: "http://img.b2bpic.net/free-photo/woman-man-chatting-gym-door_1262-700.jpg", imageAlt: "Functional training area with various equipment" },
            { imageSrc: "http://img.b2bpic.net/free-photo/delicious-meal-vegetables-salad-table_23-2148132011.jpg", imageAlt: "Athlete using modern fitness technology in a high-end gym" }
          ]}
          autoplayDelay={4500}
          showDimOverlay={true}
        />
      </div>
      <div id="features" data-section="features">
        <FeatureCardTwentySix
          title="Unleash Your Potential"
          description="Discover the cutting-edge facilities and personalized services that set Iron Forge Fitness apart."
          features={[
            { title: "Modern Equipment", description: "Train with the latest and most advanced fitness technology for optimal results.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-weights-floor_23-2148017342.jpg", imageAlt: "Modern gym equipment", buttonIcon: Dumbbell },
            { title: "Professional Trainers", description: "Guided by certified experts dedicated to your success and personalized fitness journey.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-woman-sitting-near-her-friend-gym_23-2147949627.jpg", imageAlt: "Professional fitness trainer", buttonIcon: Users },
            { title: "Boxing Area", description: "Experience intense boxing workouts in our dedicated, fully equipped ring.", imageSrc: "http://img.b2bpic.net/free-photo/boxing-woman-posing-with-punching-bag-dark-room-strong-independent-woman-concept_1153-4473.jpg", imageAlt: "Boxing area in gym", buttonIcon: Sword },
            { title: "Cardio Zone", description: "Boost your endurance with state-of-the-art treadmills, ellipticals, and more.", imageSrc: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114253.jpg", imageAlt: "Cardio machines in gym", buttonIcon: HeartPulse },
            { title: "Nutrition Guidance", description: "Achieve holistic wellness with tailored diet plans from our expert nutritionists.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-talking-about-fruits_23-2148302131.jpg", imageAlt: "Nutrition planning and guidance", buttonIcon: Apple },
            { title: "Personal Coaching", description: "Receive one-on-one attention and bespoke training programs designed just for you.", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-doing-outdoor-fitness_23-2149082005.jpg", imageAlt: "Personal coaching session", buttonIcon: Target }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="memberships" data-section="memberships">
        <PricingCardOne
          title="Choose Your Elite Membership"
          description="Unlock exclusive access to world-class facilities and tailored programs designed for your success."
          plans={[
            { id: "basic", badge: "Standard", badgeIcon: Sparkles, price: "PKR 15,000/month", subtitle: "Essential access to our premium facilities.", features: ["Full Gym Access", "Basic Trainer Support", "General Class Access", "Locker Room Access"] },
            { id: "pro", badge: "Recommended", badgeIcon: Star, price: "PKR 25,000/month", subtitle: "Enhanced experience with dedicated support and resources.", features: ["Full Gym Access", "Dedicated Trainer Support (2 sessions)", "All Class Access (incl. premium)", "Personalized Nutrition Plan", "Towel Service"] },
            { id: "elite", badge: "Ultimate Luxury", badgeIcon: Award, price: "PKR 40,000/month", subtitle: "Unrestricted access to every amenity and personalized coaching.", features: ["Full Gym Access (24/7)", "Elite Personal Coaching (4 sessions)", "All Class Access (VIP priority)", "Advanced Nutrition Plan & Consulting", "Luxury Amenities & Spa Access", "Guest Passes (2/month)"] }
          ]}
          animationType="depth-3d"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="trainers" data-section="trainers">
        <TeamCardTwo
          title="Meet Our Elite Trainers"
          description="Our team of highly qualified and experienced professionals are dedicated to helping you achieve your fitness goals."
          members={[
            { id: "trainer-1", name: "Ahmed Khan", role: "Head Coach, Strength & Conditioning", description: "With over a decade of experience, Ahmed specializes in maximizing athletic performance and strength.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-men-training-gym_23-2149517278.jpg", imageAlt: "Portrait of Ahmed Khan, Head Coach", socialLinks: [{ icon: Instagram, url: "https://instagram.com/ahmedkhanfitness" }, { icon: Linkedin, url: "https://linkedin.com/in/ahmedkhan" }] },
            { id: "trainer-2", name: "Zara Ali", role: "Nutrition & Wellness Specialist", description: "Zara combines expert nutritional guidance with dynamic training for holistic well-being and sustainable results.", imageSrc: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg", imageAlt: "Portrait of Zara Ali, Nutrition Specialist", socialLinks: [{ icon: Instagram, url: "https://instagram.com/zaraalifitness" }, { icon: Twitter, url: "https://twitter.com/zaraalifitness" }] },
            { id: "trainer-3", name: "Bilal Sheikh", role: "Boxing & HIIT Master", description: "Bilal brings intense, high-energy boxing and HIIT sessions that push limits and deliver incredible results.", imageSrc: "http://img.b2bpic.net/free-photo/couple-gym_1157-15669.jpg", imageAlt: "Portrait of Bilal Sheikh, Boxing & HIIT Master", socialLinks: [{ icon: Instagram, url: "https://instagram.com/bilalsheikhboxing" }] },
            { id: "trainer-4", name: "Sana Rizvi", role: "Cardio & Endurance Expert", description: "Sana is passionate about helping clients build stamina and improve cardiovascular health with engaging workouts.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-people-working-out_23-2150351932.jpg", imageAlt: "Portrait of Sana Rizvi, Cardio & Endurance Expert", socialLinks: [{ icon: Instagram, url: "https://instagram.com/sanarizvifit" }] }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="transformations" data-section="transformations">
        <ProductCardOne
          title="Inspiring Transformations"
          description="Witness the incredible journeys of our members who have achieved their fitness dreams at Iron Forge Fitness."
          products={[
            { id: "trans-1", name: "Weight Loss Success", price: "Client: M. Umair", imageSrc: "http://img.b2bpic.net/free-photo/shadow-male-showing-muscles_23-2148019518.jpg", imageAlt: "Before and after image of a male weight loss transformation" },
            { id: "trans-2", name: "Body Toning & Strength", price: "Client: A. Fatima", imageSrc: "http://img.b2bpic.net/free-photo/woman-sport-clothing-studio_23-2149374693.jpg", imageAlt: "Before and after image of a female body toning transformation" },
            { id: "trans-3", name: "Athletic Performance", price: "Client: S. Farooq", imageSrc: "http://img.b2bpic.net/free-photo/professional-athlete-with-beautiful-muscular-body-trains-gymnastic-rings-abandoned-industrial-building_613910-21818.jpg", imageAlt: "Before and after image of an athletic performance transformation" },
            { id: "trans-4", name: "Lifestyle Change", price: "Client: H. Raza", imageSrc: "http://img.b2bpic.net/free-photo/physical-activity-stats-around-person_23-2150163413.jpg", imageAlt: "Before and after image of a client's healthy lifestyle change" },
            { id: "trans-5", name: "Muscle Definition", price: "Client: K. Anwar", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-shirtless-muscled-man-with-headphones_23-2148418178.jpg", imageAlt: "Before and after image of a male muscle definition transformation" },
            { id: "trans-6", name: "Endurance Boost", price: "Client: R. Hassan", imageSrc: "http://img.b2bpic.net/free-photo/woman-gym-using-mobile_23-2148419885.jpg", imageAlt: "Before and after image of a female endurance improvement transformation" }
          ]}
          gridVariant="bento-grid"
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>
      <div id="classes" data-section="classes">
        <MetricCardSeven
          title="Dynamic Class Schedule"
          description="Join our diverse range of classes led by expert instructors to keep your workouts engaging and effective."
          metrics={[
            { id: "boxing", value: "Boxing", title: "Unleash Your Power", items: ["Monday: 6:00 PM - 7:00 PM", "Wednesday: 7:00 PM - 8:00 PM", "Friday: 5:30 PM - 6:30 PM"] },
            { id: "strength", value: "Strength Training", title: "Build Functional Muscle", items: ["Tuesday: 5:00 PM - 6:00 PM", "Thursday: 6:00 PM - 7:00 PM", "Saturday: 11:00 AM - 12:00 PM"] },
            { id: "hiit", value: "HIIT", title: "High-Intensity Interval", items: ["Monday: 7:00 PM - 8:00 PM", "Wednesday: 6:00 PM - 7:00 PM", "Saturday: 10:00 AM - 11:00 AM"] },
            { id: "cardio", value: "Cardio Blast", title: "Boost Your Endurance", items: ["Tuesday: 6:00 PM - 7:00 PM", "Thursday: 5:00 PM - 6:00 PM", "Sunday: 9:00 AM - 10:00 AM"] },
            { id: "yoga", value: "Yoga & Mobility", title: "Flexibility & Mindfulness", items: ["Monday: 8:00 PM - 9:00 PM", "Thursday: 7:00 PM - 8:00 PM"] },
            { id: "personaltraining", value: "Personal Training", title: "One-on-One Sessions", items: ["Available by appointment", "Customized programs", "Flexible scheduling"] }
          ]}
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>
      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Iron Forge Fitness has completely transformed my approach to health. The trainers are phenomenal, the equipment is top-tier, and the atmosphere is incredibly motivating. I've never felt stronger or more confident!"
          rating={5}
          author="Fatima Zafar, Entrepreneur"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-sporty-black-man-standing-with-his-arms-crossed_1262-16419.jpg", alt: "Fatima Zafar" },
            { src: "http://img.b2bpic.net/free-photo/young-happy-athletic-woman-doing-stretching-exercises-while-working-out-home_637285-5156.jpg", alt: "Adnan Malik" },
            { src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-sportsman-holds-hand-chin-dark-background_613910-5321.jpg", alt: "Saima Noor" },
            { src: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1403.jpg", alt: "Usman Tariq" },
            { src: "http://img.b2bpic.net/free-photo/young-fitness-woman-sportswear-with-crossed-arms-with-confident-smile-face-standing-orange-wall_141793-48757.jpg", alt: "Hina Khan" }
          ]}
          ratingAnimation="slide-up"
          avatarsAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>
      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the pinnacle of fitness? Visit Iron Forge Fitness in Sialkot, Pakistan. Our team is here to help you start your journey. We are located at: Main DHA Road, Sialkot, Pakistan. Phone: +92 300 1234567. Email: info@ironforgefitness.pk. Opening Hours: Mon-Fri: 6 AM - 10 PM, Sat-Sun: 8 AM - 8 PM."
          background={{ variant: "rotated-rays-animated-grid" }}
          useInvertedBackground={true}
          buttons={[
            { text: "Get Directions", href: "https://www.google.com/maps/search/Iron+Forge+Fitness+Sialkot" },
            { text: "Send an Email", href: "mailto:info@ironforgefitness.pk" },
            { text: "WhatsApp Us", href: "https://wa.me/+923001234567" }
          ]}
        />
      </div>
      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Iron Forge Fitness"
          copyrightText="© 2024 Iron Forge Fitness. All rights reserved."
          socialLinks={[
            { icon: Instagram, href: "https://instagram.com/ironforgefitnesspk", ariaLabel: "Instagram profile" },
            { icon: Facebook, href: "https://facebook.com/ironforgefitnesspk", ariaLabel: "Facebook page" },
            { icon: Twitter, href: "https://twitter.com/ironforgefitnesspk", ariaLabel: "Twitter profile" },
            { icon: Youtube, href: "https://youtube.com/ironforgefitnesspk", ariaLabel: "YouTube channel" }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
