"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Activity, Award, CheckCircle, Facebook, Instagram } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="POWER FITNESS VN"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "rotated-rays-static",
      }}
      title="Fitness Center in CA 91402"
      description="Get professional coaching and personal training in a clean, welcoming space. I help you stay motivated and hit my goals."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg",
          imageAlt: "Gym Training 1",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg",
          imageAlt: "Gym Training 2",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg",
          imageAlt: "Gym Training 3",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-lying-floor_23-2147688535.jpg",
          imageAlt: "Gym Training 4",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289969.jpg",
          imageAlt: "Gym Training 5",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/female-personal-trainer-her-client-using-dumbbell_23-2148795230.jpg",
          imageAlt: "Gym Training 6",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/eat-clean-get-lean-healthy-wellness_53876-121408.jpg",
          imageAlt: "Gym Training 7",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/weights-fitness-equipments-wooden-floor_23-2147827955.jpg",
          imageAlt: "Gym Training 8",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/blur-gym-fitness_74190-4429.jpg",
          imageAlt: "Gym Training 9",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/people-training-athletics_23-2151077707.jpg",
          imageAlt: "Gym Training 10",
        },
      ]}
      tag="⭐⭐⭐⭐⭐ 20 Google Reviews"
      buttons={[
        {
          text: "Claim My Free Trial",
          href: "#contact",
        },
        {
          text: "Start My Transformation",
          href: "#contact",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/sports-group-standing-gum_1157-32138.jpg",
          alt: "Gym Member 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32111.jpg",
          alt: "Gym Member 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-people-training-together_23-2149049759.jpg",
          alt: "Gym Member 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/two-internationals-friends-is-engaged-gym_1157-32156.jpg",
          alt: "Gym Member 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/gymnastics-pommel-horse-close-up_23-2148752828.jpg",
          alt: "Gym Member 5",
        },
      ]}
      avatarText="Join our growing community"
      marqueeItems={[
        {
          type: "text",
          text: "Personal Training",
        },
        {
          type: "text",
          text: "Nutritional Coaching",
        },
        {
          type: "text",
          text: "Strength & Conditioning",
        },
        {
          type: "text",
          text: "Weight Management",
        },
        {
          type: "text",
          text: "Lifestyle Support",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "My gym routines can be confusing and lonely.",
          "I waste hours on machines without seeing any real change.",
          "Eating the wrong foods ruins all my hard work in the gym.",
        ],
      }}
      positiveCard={{
        items: [
          "Get personalized attention from a professional coach who builds a plan for me.",
          "We provide nutritional help to ensure my food fuels my progress.",
          "Train in a clean, professional, and supportive environment built for focus.",
        ],
      }}
      title="My Fitness Services"
      description="We offer personalized plans to help you reach your goals."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Yuridia Herrera",
          date: "2024-01-01",
          title: "Member",
          quote: "If you’re looking for a gym where you truly feel supported and motivated, Power Fitness VN is a great choice.",
          tag: "Personal Training",
          avatarSrc: "http://img.b2bpic.net/free-photo/two-men-having-conversation-dressing-room_329181-13228.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-couple-doing-workout-exercises_23-2150470985.jpg",
          imageAlt: "portrait athletic gym member",
        },
        {
          id: "2",
          name: "Marina Sanchez",
          date: "2024-01-05",
          title: "Member",
          quote: "The environment is clean, professional and very welcoming, the trainer truly focus on personalised attention.",
          tag: "Professional Coaching",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-wearing-headband-looking-camera-smiling-confident-with-arms-crossed-standing-white-background_141793-118472.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-women-gym-talking-each-other_23-2148419892.jpg",
          imageAlt: "portrait athletic gym member",
        },
        {
          id: "3",
          name: "Gloria Molina",
          date: "2024-02-10",
          title: "Member",
          quote: "Excellent service, personalized follow-up, professional coach, nutritional help.",
          tag: "Results",
          avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-dark-skinned-overjoyed-adult-woman-with-curly-hair-touches-shoulders-laughs-happily-keeps-eyes-closed-smiles-broadly-dressed-active-wear_273609-43475.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-s-hand-printing-unhealthy-text-paper-with-food-blocks_23-2148193103.jpg",
          imageAlt: "portrait athletic gym member",
        },
        {
          id: "4",
          name: "John Doe",
          date: "2024-03-12",
          title: "Member",
          quote: "I feel stronger and more confident than ever before.",
          tag: "Strength",
          avatarSrc: "http://img.b2bpic.net/free-photo/female-model-sport-bra-looks-seductive-with-hands-closed_114579-14185.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/dumbbells-lying-floor_23-2147688535.jpg",
          imageAlt: "portrait athletic gym member",
        },
        {
          id: "5",
          name: "Jane Smith",
          date: "2024-03-15",
          title: "Member",
          quote: "The coaches here really care about my individual progress.",
          tag: "Motivation",
          avatarSrc: "http://img.b2bpic.net/free-photo/gorgeous-young-woman-with-towel-her-shoulders-open-water-bottle-gym_1153-4025.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-people-training-together-gym_23-2150289969.jpg",
          imageAlt: "portrait athletic gym member",
        },
      ]}
      title="What Members Say"
      description="See why locals trust Power Fitness VN."
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",
          value: "01",
          description: "Meet My Coach: Schedule a time to visit our Titus St location and discuss my goals.",
        },
        {
          id: "2",
          value: "02",
          description: "Get My Plan: Receive a custom workout and nutrition strategy tailored to my body.",
        },
        {
          id: "3",
          value: "03",
          description: "Reach My Goals: Train with expert guidance and see measurable results every week.",
        },
      ]}
      title="My 3-Step Process"
      description="How I help you get started."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={true}
      title="About Power Fitness VN"
      metrics={[
        {
          icon: Activity,
          label: "Personal Training",
          value: "100%",
        },
        {
          icon: Award,
          label: "Professional Coaches",
          value: "NASM/ACE",
        },
        {
          icon: CheckCircle,
          label: "Clean Facility",
          value: "Certified",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "What do I get in my free trial?",
          content: "You will get a tour of our facility and a brief consultation with a professional coach.",
        },
        {
          id: "f2",
          title: "Is the nutrition plan included?",
          content: "Yes, we provide personalized nutritional help as part of our coaching program.",
        },
        {
          id: "f3",
          title: "What are your hours?",
          content: "Monday – Saturday: 6:00 AM – 11:00 AM. Sunday: Closed.",
        },
      ]}
      sideTitle="Common Questions"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-static",
      }}
      text="Start My Results Today"
      buttons={[
        {
          text: "Call Now",
          href: "tel:+17472546155",
        },
        {
          text: "Claim My Free Trial",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="POWER FITNESS VN"
      copyrightText="© 2025 POWER FITNESS VN. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
