"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Shield, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="grid"
        cardStyle="inset"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Support",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="PitchPro Gear"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardCarousel
      background={{
        variant: "sparkles-gradient",
      }}
      title="Gear Up. Play Harder. Win Together."
      description="Premium soccer jerseys and cleats engineered for every level of play. From elite performance to weekend warrior, find your perfect fit and dominate the pitch."
      tag="New Arrivals 2025"
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-player-striking-free-kick_23-2147644514.jpg",
          imageAlt: "Soccer player striking ball",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/legs-football-player_23-2147813197.jpg",
          imageAlt: "Soccer cleats striking turf",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/monochrome-soccer-fans-cheering_23-2151530219.jpg",
          imageAlt: "Stadium floodlights",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/straw-background_1203-3781.jpg",
          imageAlt: "Jersey texture",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/football-player-shooting_23-2147813211.jpg",
          imageAlt: "Athlete sprinting",
        },
      ]}
      tagIcon={Sparkles}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          name: "Apex Pro Jersey",
          price: "$89.99",
          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-sporty-man-wearing-headband-with-wristband-holding-ball-holding-out-hand-side_141793-122123.jpg",
        },
        {
          id: "2",
          name: "Titan Cleats v2",
          price: "$149.99",
          imageSrc: "http://img.b2bpic.net/free-photo/female-walking-park-high-quality-photo_114579-92105.jpg",
        },
        {
          id: "3",
          name: "Training Aero Tee",
          price: "$45.00",
          imageSrc: "http://img.b2bpic.net/free-photo/male-athlete-standing-with-basketball-plastic-bottle-soft-blue-background_23-2148203716.jpg",
        },
        {
          id: "4",
          name: "Goal Keeper Pro Gloves",
          price: "$79.00",
          imageSrc: "http://img.b2bpic.net/free-photo/view-composition-with-neatly-arranged-organized-sport-items_23-2150275224.jpg",
        },
        {
          id: "5",
          name: "Shield Pro Shin Guards",
          price: "$35.00",
          imageSrc: "http://img.b2bpic.net/free-photo/football-player-sitting-field_23-2147813213.jpg",
        },
      ]}
      title="Elite Gear Selection"
      description="Our curated selection of high-performance soccer gear designed for the modern game."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTen
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          title: "Breathable Technology",
          description: "Advanced sweat-wicking fabrics that keep you cool under pressure.",
          media: {
            imageSrc: "http://img.b2bpic.net/free-photo/straw-background_1203-3781.jpg",
            imageAlt: "Tech fabric detail",
          },
          items: [
            {
              icon: Zap,
              text: "Ultra-lightweight",
            },
            {
              icon: Shield,
              text: "Durable seams",
            },
            {
              icon: Star,
              text: "Athletic fit",
            },
          ],
          reverse: false,
          imageSrc: "http://img.b2bpic.net/free-photo/football-player-striking-free-kick_23-2147644514.jpg",
          imageAlt: "soccer player striking ball pitch",
        },
      ]}
      title="Built for the Pitch"
      description="Engineered with cutting-edge materials and ergonomic design to give you the competitive edge every time you step on the field."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          role: "Amateur Striker",
          testimonial: "The best cleats I've worn in my 10 years playing.",
          imageSrc: "http://img.b2bpic.net/free-photo/masculanity-strength-power-concept-picture-handsome-fit-young-afro-american-bodybuilder-with-bald-head-smoothly-shaven-face-looking-camera-with-confident-serious-facial-expression_343059-336.jpg",
        },
        {
          id: "2",
          name: "Michael Chen",
          role: "Team Coach",
          testimonial: "Fantastic durability and value for the whole youth team.",
          imageSrc: "http://img.b2bpic.net/free-photo/athletic-man-running-black-background_1301-6600.jpg",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          role: "Youth Player",
          testimonial: "Love how light and comfortable these jerseys feel.",
          imageSrc: "http://img.b2bpic.net/free-photo/view-adult-female-soccer-player_23-2150888469.jpg",
        },
        {
          id: "4",
          name: "David Kim",
          role: "Soccer Parent",
          testimonial: "Excellent quality, they last through every rainy season.",
          imageSrc: "http://img.b2bpic.net/free-photo/anxious-young-brunette-caucasian-girl-stands-with-crossed-arms-isolated-orange-wall-with-copy-space_141793-116438.jpg",
        },
        {
          id: "5",
          name: "Alex Martinez",
          role: "Semi-Pro Midfielder",
          testimonial: "Top-tier performance, truly elevates my game speed.",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-with-soccer-ball_23-2150904427.jpg",
        },
      ]}
      title="Trusted by Players"
      description="Hear from the athletes who rely on PitchPro gear every single match day."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "What is your return policy?",
          content: "We offer 30-day hassle-free returns on all non-customized equipment.",
        },
        {
          id: "2",
          title: "Do you offer team discounts?",
          content: "Yes, contact our sales department for bulk order pricing.",
        },
        {
          id: "3",
          title: "How do I choose the right size?",
          content: "Check our detailed sizing guide linked in every product page.",
        },
      ]}
      sideTitle="Questions? We've Got You Covered."
      sideDescription="Find answers to the most common queries about our shipping, sizing, and returns."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Stay Updated"
      title="Join the PitchPro Community"
      description="Sign up for exclusive access to gear drops, pro tips, and team discounts."
      inputPlaceholder="Enter your email"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/soccer-ball-white-line-stadium_1150-5286.jpg"
      logoText="PitchPro Gear"
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "Shipping",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
