"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Gauge } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Shop",
          id: "#shop",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Get Tickets",
        href: "#shop",
      }}
      brandName="Apex Motorsports"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlayTestimonial
      title="Experience the Thrill of F1 Like Never Before"
      description="Dive into the world of Formula 1 with live broadcasts, expert analysis, and exclusive behind-the-scenes access. Feel every turn, every overtake, every victory."
      testimonials={[
        {
          name: "Alex R.",
          handle: "@F1FanaticAlex",
          testimonial: "The best F1 coverage I've ever seen! The detail and insights are incredible.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg",
          imageAlt: "Alex R.",
        },
        {
          name: "Maria S.",
          handle: "@RaceChaserMaria",
          testimonial: "Absolutely immersive! It's like being right there on the track. A must-watch for any F1 fan.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-cheerleader-cute-uniform_23-2149111125.jpg",
          imageAlt: "Maria S.",
        },
        {
          name: "Ben T.",
          handle: "@MotorsportMaven",
          testimonial: "The technical deep dives are unparalleled. You truly understand the engineering marvels behind each race.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/male-bus-driver-posing-portrait_23-2151582424.jpg",
          imageAlt: "Ben T.",
        },
        {
          name: "Chloe L.",
          handle: "@GridGirlChloe",
          testimonial: "From qualifying to the checkered flag, every moment is packed with excitement. Simply phenomenal!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/truck-service-maintenance_342744-1298.jpg",
          imageAlt: "Chloe L.",
        },
        {
          name: "David M.",
          handle: "@SpeedDemonDave",
          testimonial: "The 3D animated looks truly bring the cars to life! Incredible visual experience.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585667.jpg",
          imageAlt: "David M.",
        },
      ]}
      tag="Ready, Set, Race!"
      buttons={[
        {
          text: "Watch Live",
          href: "#features",
        },
        {
          text: "Get Tickets",
          href: "#shop",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/positive-bearded-redhead-male-leather-jacket-holds-motorcycle-helmet-grey-background_613910-9921.jpg",
          alt: "Fan 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/middle-age-motorcyclist-woman-wearing-motorcycle-helmet-isolated-white-background-surprised-with-hand-head-mistake-remember-error-forgot-bad-memory-concept_839833-32753.jpg",
          alt: "Fan 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-view-young-handsome-slavic-party-guy-wearing-party-hat-looking-front-isolated-orange-wall-with-copy-space_141793-85099.jpg",
          alt: "Fan 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-black-young-man-wristwatch-looking-away-while-his-colleagues-discussing-new-ideas-indoor-portrait-international-it-specialists-with-african-guy_197531-3747.jpg",
          alt: "Fan 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/positive-man-holding-hands-two-slices-zucchini_114579-30661.jpg",
          alt: "Fan 5",
        },
      ]}
      avatarText="Join 1M+ F1 enthusiasts"
      imageSrc="http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674313.jpg"
      imageAlt="Dynamic F1 car racing on a futuristic track"
      showBlur={true}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="About Our Show"
      title="Unrivaled Coverage for the Ultimate F1 Fan"
      description="Apex Motorsports brings you closer to the action than ever before. With state-of-the-art 3D animations and real-time data, our broadcasts redefine how you experience Formula 1."
      subdescription="We blend passionate commentary with cutting-edge visual technology to deliver a truly immersive racing spectacle."
      icon={Gauge}
      imageSrc="http://img.b2bpic.net/free-photo/back-tires-motorbike-rides-arcade_53876-167205.jpg"
      imageAlt="3D render of a detailed F1 car chassis"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "feature-1",
          title: "Live HD Broadcasts",
          subtitle: "Stream every race in stunning high definition, with multiple camera angles and real-time telemetry.",
          category: "Coverage",
          value: "4K Quality",
          buttons: [
            {
              text: "Explore Live",
              href: "#",
            },
          ],
        },
        {
          id: "feature-2",
          title: "Expert Commentary",
          subtitle: "Get unparalleled insights from former F1 drivers and top analysts, bringing you closer to the strategic battles.",
          category: "Analysis",
          value: "Pro Insights",
          buttons: [
            {
              text: "Meet the Team",
              href: "#",
            },
          ],
        },
        {
          id: "feature-3",
          title: "Exclusive Access",
          subtitle: "Behind-the-scenes content, driver interviews, and garage tours that you won't find anywhere else.",
          category: "Content",
          value: "VIP Access",
          buttons: [
            {
              text: "Unlock More",
              href: "#",
            },
          ],
        },
      ]}
      title="What Makes Apex Motorsports Stand Out"
      description="From thrilling live races to in-depth analysis, we provide a complete F1 experience designed for true enthusiasts."
      tag="Core Features"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "metric-1",
          value: "10+",
          description: "Years of Dedicated F1 Coverage",
        },
        {
          id: "metric-2",
          value: "50M+",
          description: "Global Viewers Every Season",
        },
        {
          id: "metric-3",
          value: "100%",
          description: "Race Action, Zero Compromise",
        },
      ]}
      title="The Numbers Don't Lie"
      description="Proudly sharing our journey and milestones in bringing the best of F1 to fans worldwide."
      tag="Our Impact"
    />
  </div>

  <div id="shop" data-section="shop">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "prod-1",
          name: "Team Spirit F1 Jersey",
          price: "$89.99",
          imageSrc: "http://img.b2bpic.net/free-photo/blue-neon-beams-fan-darkness-light-fan_169016-71298.jpg",
          imageAlt: "F1 Team Jersey",
        },
        {
          id: "prod-2",
          name: "1:18 Scale F1 Model",
          price: "$199.00",
          imageSrc: "http://img.b2bpic.net/free-photo/formula-1-car-design_1048-1741.jpg",
          imageAlt: "F1 Replica Car Model",
        },
        {
          id: "prod-3",
          name: "Signed Driver Helmet",
          price: "$1299.00",
          imageSrc: "http://img.b2bpic.net/free-photo/safely-motorcycle-helmet_23-2151531304.jpg",
          imageAlt: "Signed F1 Driver Helmet",
        },
        {
          id: "prod-4",
          name: "VIP Grandstand Pass",
          price: "$500.00",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-motorcycle-helmet_23-2151574480.jpg",
          imageAlt: "F1 VIP Event Pass",
        },
        {
          id: "prod-5",
          name: "Pit Crew Experience",
          price: "$999.00",
          imageSrc: "http://img.b2bpic.net/free-photo/two-bearded-brutal-mechanics-repair-car-lift-garage-repairing-car-suspension-service-station_613910-6641.jpg",
          imageAlt: "F1 Pit Crew Experience",
        },
        {
          id: "prod-6",
          name: "Official Team Cap",
          price: "$34.99",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-shocked-young-athlete-sport-clothes-helmet-holding-bottle-water_179666-25657.jpg",
          imageAlt: "Official F1 Team Cap",
        },
      ]}
      title="Gear Up for Race Day"
      description="Explore our exclusive collection of F1 merchandise and grab your tickets for the next thrilling event."
      tag="Shop Now"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "http://img.b2bpic.net/free-photo/headlight-lamp-car_1203-2275.jpg",
        "http://img.b2bpic.net/free-vector/labor-day-usa-label-badge-collection-flat-design_23-2148616266.jpg",
        "http://img.b2bpic.net/free-photo/motorcycle-rider-profile-cyberpunk-style_23-2151982346.jpg",
        "http://img.b2bpic.net/free-photo/model-wearing-motorcycle-helmet-portrait_23-2151585563.jpg",
        "http://img.b2bpic.net/free-photo/modern-car-driving-city_23-2151674332.jpg",
        "http://img.b2bpic.net/free-vector/nordic-ski-badges_23-2147500474.jpg",
        "http://img.b2bpic.net/free-vector/gradient-racing-template-design_23-2150161862.jpg",
      ]}
      title="Trusted by the Best in Motorsports"
      description="We are proud to collaborate with leading names in Formula 1, bringing you unparalleled access and quality."
      tag="Our Partners"
      speed={50}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "test-1",
          title: "Simply Breathtaking!",
          quote: "The cinematic quality and in-depth analysis of Apex Motorsports are unmatched. Every race feels like a grand event!",
          name: "Sophia Rodriguez",
          role: "Die-hard F1 Fan",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-posing-with-black-helmet-head_1187-5307.jpg",
          imageAlt: "Sophia Rodriguez",
        },
        {
          id: "test-2",
          title: "Best Coverage, Hands Down",
          quote: "I've been watching F1 for decades, and this show brings a fresh perspective with incredible graphics and commentary. Highly recommend!",
          name: "Liam Chen",
          role: "Veteran F1 Follower",
          imageSrc: "http://img.b2bpic.net/free-photo/young-fitness-girl-black-sportswear-red-headband-smiling-showing-ok-sign-standing-white-wall_141793-56094.jpg",
          imageAlt: "Liam Chen",
        },
        {
          id: "test-3",
          title: "Immersive & Informative",
          quote: "The 3D animated car looks are revolutionary. It makes understanding the race dynamics so much clearer and more exciting.",
          name: "Olivia Smith",
          role: "Casual Viewer Turned Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/spaceship-crew-member-stressed-by-unknown-hull-breach-causing-alarm-sound_482257-126223.jpg",
          imageAlt: "Olivia Smith",
        },
        {
          id: "test-4",
          title: "My Go-To for F1",
          quote: "From practice to podium, Apex Motorsports covers every angle. The pre-race build-up is just as thrilling as the race itself!",
          name: "Noah Williams",
          role: "Motorsport Blogger",
          imageSrc: "http://img.b2bpic.net/free-photo/view-football-fan-enjoying-match_23-2150860633.jpg",
          imageAlt: "Noah Williams",
        },
        {
          id: "test-5",
          title: "Exceptional Production",
          quote: "The high production value combined with genuine passion for F1 makes this show a standout. A treat for the senses!",
          name: "Isabella Brown",
          role: "Design Student & Fan",
          imageSrc: "http://img.b2bpic.net/free-photo/bobsleigh-sport-render-3d-illustration_654080-1403.jpg",
          imageAlt: "Isabella Brown",
        },
        {
          id: "test-6",
          title: "Truly Captivating",
          quote: "I never thought F1 could be this engaging. The storytelling and visual effects are simply captivating.",
          name: "James Davis",
          role: "New F1 Enthusiast",
          imageSrc: "http://img.b2bpic.net/free-photo/model-with-motorcycle-helmet_23-2151585606.jpg",
          imageAlt: "James Davis",
        },
      ]}
      title="Hear From Our Passionate Community"
      description="Our viewers are at the heart of what we do. Read what they have to say about the Apex Motorsports F1 experience."
      tag="Fan Feedback"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "How can I watch the live F1 races?",
          content: "You can watch all live F1 races directly through our platform after purchasing a season pass or a single event ticket from our shop section.",
        },
        {
          id: "faq-2",
          title: "What kind of exclusive content is available?",
          content: "Our exclusive content includes behind-the-scenes garage access, in-depth driver interviews, technical analysis of car components, and historical race retrospectives.",
        },
        {
          id: "faq-3",
          title: "Are there replays available for missed races?",
          content: "Yes, all live broadcasts are available for on-demand replay within hours of the race conclusion, accessible to all pass holders.",
        },
        {
          id: "faq-4",
          title: "What is the quality of the broadcast stream?",
          content: "We offer broadcast streams in stunning 4K resolution, ensuring you don't miss any detail of the high-octane action, complemented by immersive audio.",
        },
      ]}
      sideTitle="Your Questions, Answered"
      sideDescription="Find quick answers to the most common questions about our F1 race shows, broadcasts, and exclusive content."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-animated",
      }}
      text="Have a question or feedback? We're here to help you get the most out of your F1 experience. Reach out to us!"
      buttons={[
        {
          text: "Email Us",
          href: "mailto:info@apexmotorsports.com",
        },
        {
          text: "Support Center",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Apex Motorsports"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
