"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Compass, Package } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="large"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "About Us",          id: "about"},
        {
          name: "Gear Finder",          id: "gear-finder"},
        {
          name: "Shop",          id: "shop-category"},
        {
          name: "Setups",          id: "complete-setups"},
        {
          name: "Reviews",          id: "testimonials"},
        {
          name: "Guides",          id: "buying-guides"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Apex Ski Gear"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Gear Up for Every Run"
      description="Find skis, boots, helmets, apparel, and accessories matched to your terrain, ability, and budget. Your ultimate winter adventure starts here."
      testimonials={[
        {
          name: "Sarah J.",          handle: "@sarah_skis",          testimonial: "Finally found the perfect all-mountain setup! The gear finder was a game changer.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-snowboarding_23-2151513852.jpg"},
        {
          name: "Mike R.",          handle: "@mike_shreds",          testimonial: "Excellent service and high-quality gear. My new boots fit like a glove.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-european-man-jacket-with-fur-hood-feels-warm-comfortable-winter-time-enjoys-favorite-season-smiles-happily-wears-skateboarding-goggles-has-active-rest_273609-47023.jpg"},
        {
          name: "Emily C.",          handle: "@emily_peaks",          testimonial: "The buying guides are so helpful! Made buying my first pair of skis a breeze.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-mountains-winter-day-lady-ski-uniform_1157-46194.jpg"},
        {
          name: "David L.",          handle: "@david_powder",          testimonial: "Fast shipping and fantastic customer support. Highly recommend Apex Ski Gear!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-caucasian-boy-wearing-warm-clothes-snowy-mountain-winter_181624-42341.jpg"},
        {
          name: "Jessica B.",          handle: "@jess_alpine",          testimonial: "I love the new apparel! Stylish, warm, and durable for long days on the slopes.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-couples-having-fun-snowboarding_329181-13048.jpg"},
      ]}
      buttons={[
        {
          text: "Find My Gear",          href: "#gear-finder"},
        {
          text: "Shop All Gear",          href: "#shop-category"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/ice-skating-black-white_23-2151391017.jpg"
      imageAlt="Skier in fresh powder snow, majestic mountain background"
      showBlur={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/full-shot-man-skiing-monochrome_23-2151326033.jpg",          alt: "Man skiing"},
        {
          src: "http://img.b2bpic.net/free-photo/winter-scene-with-people-snowboarding_23-2151472576.jpg",          alt: "Woman snowboarding"},
        {
          src: "http://img.b2bpic.net/free-photo/photorealistic-wintertime-scene-with-people-snowboarding_23-2151472593.jpg",          alt: "People snowboarding in winter"},
        {
          src: "http://img.b2bpic.net/free-photo/skier-wearing-ski-equipment-spending-time-mountain-slopes-winter-season_651396-3050.jpg",          alt: "Skier enjoying slopes"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-people-with-ski-equipment_23-2148939154.jpg",          alt: "People with ski equipment"},
      ]}
      avatarText="Join over 100,000 happy skiers!"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Your Journey, "},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/tourist-checks-ski-gear-hotel-foyer_482257-90655.jpg",          alt: "Ski equipment on snow"},
        {
          type: "text",          content: " Our Expertise."},
      ]}
      buttons={[
        {
          text: "Learn More"},
      ]}
    />
  </div>

  <div id="gear-finder" data-section="gear-finder">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      negativeCard={{
        items: [
          "Confusing Specs",          "Compatibility Worries",          "Overspending Risk",          "Endless Scrolling"],
      }}
      positiveCard={{
        items: [
          "Personalized Recommendations",          "Guaranteed Compatibility",          "Best Value Bundles",          "Quick & Easy Shopping"],
      }}
      title="Uncertainty Solved: Find Your Perfect Setup"
      description="Our guided gear finder cuts through the complexity, recommending the right equipment based on your style, skill, and mountain conditions."
      tag="Guidance"
      tagIcon={Compass}
      buttons={[
        {
          text: "Start Gear Finder Quiz"},
      ]}
    />
  </div>

  <div id="shop-category" data-section="shop-category">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "skis-1",          brand: "Atomic",          name: "Vantage 90 Ti Skis",          price: "$599.99",          rating: 4,
          reviewCount: "245",          imageSrc: "http://img.b2bpic.net/free-photo/snowboarder-stands-hill-surrounded-with-forest_8353-1051.jpg",          imageAlt: "Atomic Vantage 90 Ti Skis"},
        {
          id: "boots-1",          brand: "Salomon",          name: "S/PRO 100 Ski Boots",          price: "$449.99",          rating: 5,
          reviewCount: "180",          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-white-ice-skates_23-2148320574.jpg",          imageAlt: "Salomon S/PRO 100 Ski Boots"},
        {
          id: "helmet-1",          brand: "Smith",          name: "Vantage MIPS Helmet",          price: "$220.00",          rating: 5,
          reviewCount: "310",          imageSrc: "http://img.b2bpic.net/free-photo/man-takes-orange-helmet-with-number-five_1304-5035.jpg",          imageAlt: "Smith Vantage MIPS Helmet"},
        {
          id: "goggles-1",          brand: "Oakley",          name: "Flight Deck L Goggles",          price: "$189.99",          rating: 4,
          reviewCount: "195",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-teen-scarf-protective-snowboard-goggles-outside-bright-winter-day_613910-17008.jpg",          imageAlt: "Oakley Flight Deck L Goggles"},
        {
          id: "apparel-1",          brand: "Arc'teryx",          name: "Sentinel LT Jacket",          price: "$649.00",          rating: 5,
          reviewCount: "112",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-woman-doing-exercise-winter_23-2147905448.jpg",          imageAlt: "Arc'teryx Sentinel LT Jacket"},
        {
          id: "accessories-1",          brand: "Black Diamond",          name: "Glove Mercury Mitts",          price: "$129.95",          rating: 4,
          reviewCount: "98",          imageSrc: "http://img.b2bpic.net/free-photo/jumping-ski_654080-2179.jpg",          imageAlt: "Black Diamond Glove Mercury Mitts"},
      ]}
      title="Shop by Category"
      description="Explore our extensive selection of ski gear, from the latest skis and boots to essential apparel and accessories for every type of skier."
    />
  </div>

  <div id="complete-setups" data-section="complete-setups">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "beginner-bundle",          title: "Beginner's First Turns",          price: "$899",          period: "/ bundle",          features: [
            "Entry-level Skis & Bindings",            "Comfort-fit Boots",            "Basic Helmet & Goggles",            "All-weather Jacket & Pants"],
          button: {
            text: "Shop Beginner Bundle"},
          imageSrc: "http://img.b2bpic.net/free-photo/fist-bump-two-male-snowboarders_329181-5312.jpg",          imageAlt: "Beginner ski equipment bundle"},
        {
          id: "all-mountain-bundle",          title: "All-Mountain Explorer",          price: "$1499",          period: "/ bundle",          features: [
            "Versatile All-Mountain Skis",            "Performance Boots",            "MIPS Helmet & Photochromic Goggles",            "Technical Shell & Insulated Pants"],
          button: {
            text: "Shop All-Mountain"},
          imageSrc: "http://img.b2bpic.net/free-photo/two-couples-having-fun-snowboarding_329181-13057.jpg",          imageAlt: "All-mountain ski equipment bundle"},
        {
          id: "powder-hound-bundle",          title: "Powder Hound Pro",          price: "$2299",          period: "/ bundle",          features: [
            "Wide Powder Skis & Touring Bindings",            "Backcountry-ready Boots",            "Lightweight Helmet & Premium Goggles",            "Gore-Tex Pro Shell & Bib Pants"],
          button: {
            text: "Shop Powder Bundle"},
          imageSrc: "http://img.b2bpic.net/free-photo/brutal-redhead-snowboarder-with-full-beard-winter-hat-protective-glasses-dressed-snowboarding-coat-posing-with-snowboard-studio-looking-away-isolated-gray-background_613910-19206.jpg",          imageAlt: "Powder ski equipment bundle"},
      ]}
      title="Complete Ski Setups"
      description="Simplify your purchase with our expertly curated ski and apparel bundles. Get everything you need, perfectly matched for your skill and style."
      tag="Bundles"
      tagIcon={Package}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Recreational Skier",          company: "Mountain Enthusiast",          rating: 5,
          testimonial: "The gear finder tool was incredibly accurate. My new setup feels perfect for my style and skill level. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/young-people-having-time-winter-time_329181-13073.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Mike R.",          role: "Experienced Rider",          company: "Powder Seeker",          rating: 5,
          testimonial: "I was skeptical about buying boots online, but the sizing guide and expert support made it a seamless process. Best boots ever!",          imageSrc: "http://img.b2bpic.net/free-photo/man-snowboarder-stands-with-snowboard-closeup-portrait_231208-11157.jpg",          imageAlt: "Mike R."},
        {
          id: "3",          name: "Emily C.",          role: "First-Time Buyer",          company: "New to Skiing",          rating: 5,
          testimonial: "The detailed buying guides really helped me understand what I needed. I feel confident and excited for my first season!",          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-wintertime-scene-with-people-snowboarding_23-2151472608.jpg",          imageAlt: "Emily C."},
        {
          id: "4",          name: "David L.",          role: "Weekend Warrior",          company: "Alpine Lover",          rating: 5,
          testimonial: "Apex Ski Gear has become my go-to. Their selection is top-notch, and the delivery is always quick and reliable.",          imageSrc: "http://img.b2bpic.net/free-photo/disappointed-pissed-fed-up-young-girlfriend-complaining-cannot-stand-anymore-annoyed-hold-finger_1258-253847.jpg",          imageAlt: "David L."},
        {
          id: "5",          name: "Jessica B.",          role: "Family Skier",          company: "Winter Adventurer",          rating: 5,
          testimonial: "Buying for the whole family can be tough, but the bundles and clear information made it so much easier and saved us money.",          imageSrc: "http://img.b2bpic.net/free-photo/women-snowboard-suit-sportswomen-mountain-with-snowboard-hands-horizon-concept-sports_1157-46561.jpg",          imageAlt: "Jessica B."},
      ]}
      title="Hear From Our Happy Skiers"
      description="Real feedback from real customers who found their perfect gear with us and experienced the difference on the slopes."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Mountain Peaks Resorts",        "Powder Magazine",        "Ski Tech Solutions",        "Adventure Gear Collective",        "Alpine Sports Academy",        "Winter Explorers Club",        "Snowbound Media"]}
      title="Trusted by Skiers Everywhere"
      description="Our commitment to quality, expert advice, and exceptional service has earned the trust of thousands of winter enthusiasts and industry partners."
    />
  </div>

  <div id="buying-guides" data-section="buying-guides">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How do I choose the right ski length?",          content: "Ski length depends on your height, weight, skill level, and preferred terrain. Generally, beginners opt for shorter skis for easier control, while advanced skiers prefer longer skis for stability and speed. Our interactive guide can help you find your ideal length."},
        {
          id: "faq-2",          title: "What's the difference between all-mountain and powder skis?",          content: "All-mountain skis are versatile, designed to perform well across various conditions from groomed runs to light powder. Powder skis are wider with more rocker, optimized for floating on deep snow and off-piste terrain."},
        {
          id: "faq-3",          title: "How important is ski boot fit?",          content: "Ski boot fit is crucial for comfort, control, and performance. A proper fit ensures efficient power transfer to your skis and prevents discomfort or injury. We recommend getting professional guidance for the best fit, or consulting our detailed sizing guide."},
        {
          id: "faq-4",          title: "Do I need special bindings for backcountry skiing?",          content: "Yes, backcountry skiing requires specific bindings (touring bindings) that allow your heel to release for uphill travel (skinning) and then lock down for descending. These are different from alpine bindings used exclusively at resorts."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-couple-ski-trip_329181-5284.jpg"
      imageAlt="Expert demonstrating ski equipment"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Your Questions, Answered"
      description="Get expert advice on sizing, compatibility, and how to choose the right gear for your next adventure. Our comprehensive guides help you buy with confidence."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      text="Stay Ahead of the Snow. Get Exclusive Deals and Early Access to New Gear."
      buttons={[
        {
          text: "Sign Up for Updates"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Shop",          items: [
            {
              label: "Skis",              href: "#shop-category"},
            {
              label: "Boots",              href: "#shop-category"},
            {
              label: "Helmets",              href: "#shop-category"},
            {
              label: "Apparel",              href: "#shop-category"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Why Apex?",              href: "#social-proof"},
            {
              label: "Careers",              href: "#"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Buying Guides",              href: "#buying-guides"},
            {
              label: "Shipping & Returns",              href: "#"},
            {
              label: "FAQ",              href: "#buying-guides"},
          ],
        },
        {
          title: "Connect",          items: [
            {
              label: "Instagram",              href: "https://instagram.com"},
            {
              label: "Facebook",              href: "https://facebook.com"},
            {
              label: "Twitter",              href: "https://twitter.com"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Apex Ski Gear. All rights reserved."
      bottomRightText="Privacy Policy | Terms of Service"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
