"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Sparkles, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="compact"
        sizing="largeSmallSizeLargeTitles"
        background="aurora"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About",          id: "#about"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Team",          id: "#team"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg"
      logoAlt="Body Strong Gym Logo"
      brandName="Body Strong Gym"
      button={{
        text: "Join Now",        href: "#contact"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "downward-rays-static-grid"}}
      title="Unleash Your Strength at Body Strong Gym"
      description="Your journey to a healthier, stronger you starts here. Experience state-of-the-art facilities, expert trainers, and a supportive community."
      buttons={[
        {
          text: "Join Now",          href: "#contact"},
        {
          text: "View Membership",          href: "#pricing"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/cyprus-flag-handsome-young-muscular-man-black-background_559531-10824.jpg"
      imageAlt="Dynamic gym interior with weights and strong lighting"
      mediaAnimation="opacity"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-lifting-barbell-near-rack_23-2147687613.jpg",          alt: "Strong gym member"},
        {
          src: "http://img.b2bpic.net/free-photo/photo-young-smiling-afro-american-sports-man-with-towel-holding-phone-listen-music_171337-9245.jpg",          alt: "Happy gym member"},
        {
          src: "http://img.b2bpic.net/free-photo/athletic-shaved-head-tattooed-male-doing-shoulder-workout-with-kettlebell_613910-14178.jpg",          alt: "Focused gym member"},
        {
          src: "http://img.b2bpic.net/free-photo/young-sports-lady-standing-black-wall_171337-15212.jpg",          alt: "Energetic gym member"},
        {
          src: "http://img.b2bpic.net/free-photo/young-beautiful-girl-with-her-boyfriend-training-gym_1157-14284.jpg",          alt: "Couples training in gym"},
      ]}
      avatarText="Join our 500+ happy members!"
      marqueeItems={[
        {
          type: "text",          text: "Strength Training"},
        {
          type: "text",          text: "Group Classes"},
        {
          type: "text",          text: "Personal Coaching"},
        {
          type: "text",          text: "Nutrition Guidance"},
        {
          type: "text",          text: "Wellness Workshops"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",          content: "Your Path to Fitness Excellence"},
        {
          type: "text",          content: "Body Strong Gym is dedicated to empowering individuals on their fitness journey. We offer a holistic approach to health, combining cutting-edge equipment with personalized coaching and a vibrant atmosphere. Our mission is to help you build strength, improve endurance, and achieve your personal best in a facility designed for success. Join a community that motivates and supports you every step of the way."
        }
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#features"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/panoramic-spa-lounge-minimalist-relaxation-modern-resort_169016-68893.jpg"
      imageAlt="Diverse group exercising in gym"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "personal-training",          title: "Personal Training",          tags: [
            "One-on-one",            "Customized"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-exercising-gym-coach-holding-clipboard_23-2148795174.jpg",          imageAlt: "Personal trainer guiding a client"},
        {
          id: "group-classes",          title: "Group Classes",          tags: [
            "Energetic",            "Community"],
          imageSrc: "http://img.b2bpic.net/free-photo/people-doing-indoor-cycling_23-2149270249.jpg",          imageAlt: "People attending a group fitness class"},
        {
          id: "cardio-zone",          title: "Cardio Zone",          tags: [
            "Modern",            "Spacious"],
          imageSrc: "http://img.b2bpic.net/free-photo/stationary-bike_23-2148017333.jpg",          imageAlt: "Treadmills and cardio machines"},
        {
          id: "strength-training",          title: "Strength Training",          tags: [
            "Heavy weights",            "Free weights"],
          imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-weight-plates-fitness-strap-white-wooden-textured-background_23-2147924619.jpg",          imageAlt: "Dumbbells and barbells in a gym"},
        {
          id: "nutrition-guidance",          title: "Nutrition Guidance",          tags: [
            "Holistic",            "Balanced"],
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-fruits-kitchen_23-2148018396.jpg",          imageAlt: "Healthy food and a nutrition plan"},
        {
          id: "wellness-workshops",          title: "Wellness Workshops",          tags: [
            "Mind-body",            "Seminars"],
          imageSrc: "http://img.b2bpic.net/free-photo/puzzled-serious-businesswoman-concerned-about-project-statistics-group-meeting_1163-3898.jpg",          imageAlt: "Group participating in a wellness workshop"},
      ]}
      title="Our Premium Fitness Offerings"
      description="Discover a wide range of services designed to help you achieve your fitness goals. From personalized coaching to invigorating group classes, we have something for everyone."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",          tag: "Starter",          tagIcon: Sparkles,
          price: "3000",          period: "/month",          description: "Perfect for beginners getting started on their fitness journey. Includes full gym access.",          button: {
            text: "Choose Basic",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "Full Gym Access (Mon-Sat, 6 AM - 11:59 AM)",            "Basic Equipment Usage",            "Locker Room Access"],
        },
        {
          id: "standard",          tag: "Popular",          tagIcon: Zap,
          price: "4500",          period: "/month",          description: "Our most popular plan, offering more classes and support for consistent progress.",          button: {
            text: "Choose Standard",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "All Basic Features",            "Access to Group Classes (3/week)",            "Monthly Fitness Assessment"],
        },
        {
          id: "premium",          tag: "Elite",          tagIcon: Award,
          price: "6000",          period: "/month",          description: "The ultimate fitness experience with personalized training and priority support.",          button: {
            text: "Choose Premium",            href: "#contact"},
          featuresTitle: "Includes:",          features: [
            "All Standard Features",            "Personal Trainer Sessions (2/month)",            "Nutrition Consultation",            "Priority Booking"],
        },
      ]}
      title="Membership Plans"
      description="Choose a plan that fits your lifestyle and fitness aspirations. Note: A one-time Admission Fee of 3000 and Registration Fee of 6000 apply to all new memberships."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "happy-members",          value: "500+",          description: "Happy Members"},
        {
          id: "certified-trainers",          value: "10+",          description: "Certified Trainers"},
        {
          id: "star-rating",          value: "5-Star",          description: "Overall Rating"},
        {
          id: "flexible-access",          value: "Mon-Sat",          description: "Flexible Access"},
      ]}
      title="Our Impact & Achievements"
      description="Proudly serving our community with excellence and dedication."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTen
      useInvertedBackground={true}
      title="Meet Our Expert Trainers"
      tag="Guidance & Motivation"
      membersAnimation="slide-up"
      members={[
        {
          id: "trainer-1",          name: "Ali Khan",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-muscular-man_23-2147687633.jpg",          imageAlt: "Male personal trainer Ali Khan"},
        {
          id: "trainer-2",          name: "Sara Ahmed",          imageSrc: "http://img.b2bpic.net/free-photo/woman-doing-fitness-training-leg-extension-push-machine_23-2147827871.jpg",          imageAlt: "Female personal trainer Sara Ahmed"},
        {
          id: "trainer-3",          name: "Usman Malik",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-man-with-fitness-strap-gym_23-2147949519.jpg",          imageAlt: "Male personal trainer Usman Malik"},
        {
          id: "trainer-4",          name: "Fatima Zafar",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-high-five-gym_23-2149049819.jpg",          imageAlt: "Female personal trainer Fatima Zafar"},
      ]}
      memberVariant="card"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ahmed Raza",          role: "Entrepreneur",          company: "Tech Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/successful-sporty-male-shows-his-big-finger-up_613910-1082.jpg",          imageAlt: "Ahmed Raza, happy gym member"},
        {
          id: "2",          name: "Maria Iqbal",          role: "Graphic Designer",          company: "Creative Hub",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-holding-phone_23-2148889622.jpg",          imageAlt: "Maria Iqbal, satisfied gym member"},
        {
          id: "3",          name: "Zain Ali",          role: "Student",          company: "University of Lahore",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-fit-senior-man-exercising_23-2147859865.jpg",          imageAlt: "Zain Ali, young gym member"},
        {
          id: "4",          name: "Aisha Nadeem",          role: "Doctor",          company: "City Hospital",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wear-boxing-gloves-doing-exercises-working-hard-gym-enjoying-her-training-process_627829-8736.jpg",          imageAlt: "Aisha Nadeem, professional gym member"},
        {
          id: "5",          name: "Hassan Javed",          role: "Engineer",          company: "Innovate Engineering",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/afro-american-sportsman-getting-ready-training_342744-655.jpg",          imageAlt: "Hassan Javed, dedicated gym member"},
      ]}
      title="What Our Members Say"
      description="Hear from our satisfied members about their incredible fitness transformations and experiences at Body Strong Gym."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What are your gym timings?",          content: "Our gym operates from Monday to Saturday, 6:00 AM to 11:59 AM. We are closed on Sundays."},
        {
          id: "q2",          title: "What is the admission and registration fee?",          content: "There is a one-time Admission Fee of PKR 3000 and a Registration Fee of PKR 6000 for all new members."},
        {
          id: "q3",          title: "Do you offer personal training?",          content: "Yes, we offer personalized one-on-one training sessions tailored to your fitness goals. These are included in our Premium plan and can be added to other plans."},
        {
          id: "q4",          title: "What kind of classes do you have?",          content: "We offer a variety of group classes including HIIT, Yoga, Pilates, and Spinning. Check our schedule for more details."},
        {
          id: "q5",          title: "Can I get a trial membership?",          content: "Please contact us directly via WhatsApp or the contact form to inquire about trial membership options."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/women-gym-talking_23-2148503086.jpg"
      imageAlt="Person pondering a question at a gym"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about Body Strong Gym, our memberships, and services."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Have questions about our club, memberships, or classes? Reach out to us, and we'll be happy to assist you. You can also find us at F51 Punjab Co Operative Housing Society Lahore or WhatsApp us at +92 321 4350781. Our timings are Mon-Sat, 6:00 AM – 11:59 AM."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/fitness-woman-using-mobile-phone_23-2148207376.jpg"
      imageAlt="Gym reception area"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-photo/balance-healthcare-healthy-life-meditation_53876-120645.jpg"
      logoAlt="Body Strong Gym Logo"
      logoText="Body Strong Gym"
      leftLink={{
        text: "F51 Punjab Co Operative Housing Society Lahore",        href: "https://maps.google.com/?q=F51+Punjab+Co+Operative+Housing+Society+Lahore"}}
      rightLink={{
        text: "WhatsApp: +92 321 4350781",        href: "https://wa.me/923214350781"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
