"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Star, CheckCircle, Sparkles, Zap, Heart, Clock, Dumbbell, TrendingUp, Users, Smile, Award, Phone, Camera, Crown } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="largeSmallSizeMediumTitles"
      background="circleGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="AF Bodybuilding"
          navItems={[
            { name: "About", id: "about" },
            { name: "Facilities", id: "features" },
            { name: "Reviews", id: "testimonials" },
            { name: "Membership", id: "pricing" }
          ]}
          button={{ text: "Join Now", href: "#pricing" }}
          animateOnLoad={true}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Train Strong. Train Clean. Train AF."
          description="Top-rated gym in Tunis with premium equipment, exceptional hygiene, and a community dedicated to strength. Your fitness journey starts here."
          tag="4.4 ⭐ 135 Reviews"
          tagIcon={Star}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Join Now", href: "#pricing" },
            { text: "Call Us: +216 58 295 189", href: "tel:+21658295189" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/sport-fitness-health-exercise-bikes-fitness-center_613910-20283.jpg"
          imageAlt="AF Bodybuilding Center - State-of-the-art gym facility"
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="Why Choose AF Bodybuilding Center?"
          description="Located on Avenue Du Romarin, AF Bodybuilding Center is Tunis's premier destination for serious athletes and fitness enthusiasts. We combine professional equipment with an unwavering commitment to cleanliness and community."
          tag="Our Commitment"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          bulletPoints={[
            {
              title: "Exceptional Cleanliness",              description: "Rigorous hygiene standards ensure every corner of our facility is spotless. Your health and safety are our priority.",              icon: Sparkles
            },
            {
              title: "Premium Equipment",              description: "Latest-generation machines and free weights maintained to perfection. From beginners to elite athletes, we have everything you need.",              icon: Zap
            },
            {
              title: "Friendly Community",              description: "Experienced staff and welcoming members create an encouraging atmosphere where everyone achieves their goals.",              icon: Heart
            },
            {
              title: "Open Until 23:00",              description: "Train on your schedule. We're open daily to fit your lifestyle, closing at 11 PM for late-night workouts.",              icon: Clock
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/side-view-man-with-medical-mask-disinfecting-gym-equipment_23-2148766045.jpg"
          imageAlt="Clean modern gym facility"
          mediaAnimation="slide-up"
          imagePosition="right"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardEight
          title="Our Facilities & Equipment"
          description="Everything you need to reach your fitness goals, all in one premium facility."
          tag="Complete Setup"
          tagIcon={Dumbbell}
          features={[
            {
              id: 1,
              title: "Strength Training Zone",              description: "Comprehensive range of barbells, dumbbells, and resistance machines for all strength levels.",              imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg?_wi=1",              imageAlt: "Strength training equipment and weights"
            },
            {
              id: 2,
              title: "Cardio Equipment",              description: "State-of-the-art treadmills, ellipticals, and stationary bikes for optimal cardiovascular training.",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-gym-fitnes_624325-2383.jpg",              imageAlt: "Cardio machines and equipment"
            },
            {
              id: 3,
              title: "Free Weights Area",              description: "Dedicated space with premium barbells, plates, and benches for serious lifters.",              imageSrc: "http://img.b2bpic.net/free-photo/black-dumbbells-with-different-weight_7502-8973.jpg?_wi=2",              imageAlt: "Free weights and barbell area"
            },
            {
              id: 4,
              title: "Functional Training",              description: "Specialized area for functional exercises, mobility work, and conditioning.",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-working-out-with-battle-ropes-gym_342744-4.jpg?_wi=1",              imageAlt: "Functional training space"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={true}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="metrics" data-section="metrics">
        <MetricCardTwo
          title="AF By The Numbers"
          description="Our reputation is built on trust, quality, and results."
          tag="Performance"
          tagIcon={TrendingUp}
          metrics={[
            { id: "1", value: "4.4★", description: "Average Rating - 135+ Reviews" },
            { id: "2", value: "15+", description: "Years of Excellence" },
            { id: "3", value: "500+", description: "Active Members" },
            { id: "4", value: "24/7", description: "Hygiene Standards" }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="What Our Members Say"
          description="Real reviews from real gym members who've transformed their fitness journey at AF."
          tag="Member Reviews"
          tagIcon={Users}
          testimonials={[
            {
              id: "1",              name: "Ahmed Ben Ali",              role: "Bodybuilding Enthusiast",              testimonial: "The cleanliness here is unmatched. Equipment is always perfectly maintained and the staff is genuinely friendly. Best gym in Tunis!",              icon: Smile
            },
            {
              id: "2",              name: "Fatima Khaled",              role: "Personal Trainer",              testimonial: "I train here and recommend AF to all my clients. The variety of equipment and the welcoming community make it the perfect place to achieve your goals.",              icon: Award
            },
            {
              id: "3",              name: "Karim Mohamed",              role: "Fitness Student",              testimonial: "As a beginner, I was intimidated at first. The team here welcomed me and helped me get started. Can't imagine training anywhere else now.",              icon: Heart
            },
            {
              id: "4",              name: "Noor Samir",              role: "Competitive Athlete",              testimonial: "The equipment quality and facility standards are professional-grade. Perfect for serious athletes preparing for competition.",              icon: Zap
            },
            {
              id: "5",              name: "Hassan Youssef",              role: "Business Owner",              testimonial: "Open until 11 PM is perfect for my schedule. Never compromising on quality and cleanliness. Worth every dinar.",              icon: Clock
            },
            {
              id: "6",              name: "Lina Saad",              role: "Health Enthusiast",              testimonial: "AF transformed how I approach fitness. The community here is supportive, and the facility exceeds expectations on every level.",              icon: Sparkles
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardTwo
          title="Membership Plans"
          description="Choose the plan that fits your fitness journey. All memberships include full facility access."
          tag="Join AF"
          tagIcon={Sparkles}
          plans={[
            {
              id: "monthly",              badge: "Monthly Starter",              badgeIcon: Zap,
              price: "65 TND",              subtitle: "Perfect for trying us out",              buttons: [
                { text: "Get Started", href: "tel:+21658295189" },
                { text: "Learn More", href: "#" }
              ],
              features: [
                "Full facility access",                "All equipment included",                "Flexible cancellation",                "Member community access"
              ]
            },
            {
              id: "quarterly",              badge: "Quarterly Value",              badgeIcon: Crown,
              price: "180 TND",              subtitle: "Most Popular - Best value for commitment",              buttons: [
                { text: "Join Now", href: "tel:+21658295189" },
                { text: "Compare Plans", href: "#" }
              ],
              features: [
                "Full facility access",                "Priority support",                "Exclusive events",                "Guest pass (1x/month)"
              ]
            },
            {
              id: "yearly",              badge: "Yearly Premium",              badgeIcon: Sparkles,
              price: "650 TND",              subtitle: "Maximum savings & benefits",              buttons: [
                { text: "Become Premium", href: "tel:+21658295189" },
                { text: "Ask About Perks", href: "#" }
              ],
              features: [
                "Full facility access 24/7",                "Priority support",                "Free personal training session",                "Guest passes (4x/month)",                "Exclusive member events"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardTwo
          title="Gallery"
          description="Experience the AF Bodybuilding Center - our state-of-the-art facility speaks for itself."
          tag="Gallery"
          tagIcon={Camera}
          products={[
            {
              id: "1",              brand: "AF Facilities",              name: "Main Gym Floor",              price: "Visit Us",              rating: 5,
              reviewCount: "Premium",              imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-fitness-equipments-wooden-floor_23-2147827956.jpg",              imageAlt: "State-of-the-art main gym floor with equipment"
            },
            {
              id: "2",              brand: "AF Facilities",              name: "Free Weights Zone",              price: "Access Included",              rating: 5,
              reviewCount: "Complete",              imageSrc: "http://img.b2bpic.net/free-photo/exercise-weights-iron-dumbbell-with-extra-plates_1423-222.jpg",              imageAlt: "Premium free weights and barbell area"
            },
            {
              id: "3",              brand: "AF Facilities",              name: "Functional Training",              price: "All Included",              rating: 5,
              reviewCount: "Modern",              imageSrc: "http://img.b2bpic.net/free-photo/fitness-woman-working-out-with-battle-ropes-gym_342744-4.jpg?_wi=2",              imageAlt: "Functional training and conditioning area"
            },
            {
              id: "4",              brand: "AF Facilities",              name: "Locker Room",              price: "Spotless",              rating: 5,
              reviewCount: "Clean",              imageSrc: "http://img.b2bpic.net/free-photo/white-indoors-doors_23-2148106970.jpg",              imageAlt: "Clean and modern changing facilities"
            },
            {
              id: "5",              brand: "AF Community",              name: "Members Training",              price: "Together",              rating: 5,
              reviewCount: "Strong",              imageSrc: "http://img.b2bpic.net/free-photo/low-angle-view-muscular-build-man-doing-deadlift-while-exercising-with-barbell-gym_637285-2489.jpg",              imageAlt: "Dedicated members training at AF"
            },
            {
              id: "6",              brand: "AF Experience",              name: "Welcome Reception",              price: "Friendly",              rating: 5,
              reviewCount: "Professional",              imageSrc: "http://img.b2bpic.net/free-photo/woman-man-chatting-gym-door_1262-700.jpg",              imageAlt: "Welcoming reception area"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Start Your Transformation?"
          ctaDescription="Contact us today to join AF Bodybuilding Center. Our team is ready to help you begin your fitness journey."
          ctaButton={{ text: "Call Now: +216 58 295 189", href: "tel:+21658295189" }}
          ctaIcon={Phone}
          faqs={[
            {
              id: "1",              title: "What are your opening hours?",              content: "We are open daily from early morning until 23:00 (11 PM), giving you flexibility to train on your schedule."
            },
            {
              id: "2",              title: "Do you offer trial sessions?",              content: "Yes! Contact us at +216 58 295 189 to schedule a complimentary tour of our facility and meet our team."
            },
            {
              id: "3",              title: "Is there parking available?",              content: "Yes, we provide convenient parking at our location on Avenue Du Romarin, Cebalat Ben Ammar."
            },
            {
              id: "4",              title: "Do you have personal trainers?",              content: "Yes, we offer personalized training services. Premium yearly members receive one free session. Additional sessions available at competitive rates."
            },
            {
              id: "5",              title: "What's your cancellation policy?",              content: "Monthly plans offer flexible cancellation. Quarterly and yearly plans have specific terms designed to support your commitment. Contact us for details."
            },
            {
              id: "6",              title: "Are lockers and showers available?",              content: "Yes! We provide clean, secure lockers and modern shower facilities. Our commitment to hygiene means everything is immaculate."
            }
          ]}
          useInvertedBackground={false}
          animationType="slide-up"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/athletic-shirtless-male-doing-workouts-back-with-power-exercise-machine-gym-club_613910-9461.jpg"
          imageAlt="AF Bodybuilding Center - Premium Gym Facility"
          logoText="AF Bodybuilding Center"
          copyrightText="© 2025 AF Bodybuilding Center. All rights reserved. | Tunis, Tunisia"
          columns={[
            {
              title: "Quick Links",              items: [
                { label: "About Us", href: "#about" },
                { label: "Facilities", href: "#features" },
                { label: "Membership", href: "#pricing" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact Info",              items: [
                { label: "Phone: +216 58 295 189", href: "tel:+21658295189" },
                { label: "Avenue Du Romarin, 2095 Tunis", href: "#" },
                { label: "Open Daily - Close 23:00", href: "#" },
                { label: "Cebalat Ben Ammar", href: "#" }
              ]
            },
            {
              title: "Follow Us",              items: [
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Instagram", href: "https://instagram.com" },
                { label: "WhatsApp", href: "https://wa.me/21658295189" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
