"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Leaf, Mountain, ShieldCheck, Sparkles, Star, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="circleGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "About",
          id: "#about",
        },
        {
          name: "Features",
          id: "#features",
        },
        {
          name: "Products",
          id: "#products",
        },
        {
          name: "Pricing",
          id: "#pricing",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      button={{
        text: "Shop Now",
        href: "#products",
      }}
      logoSrc="http://img.b2bpic.net/free-vector/outdoor-adventure-logo-badge-template_53876-80897.jpg"
      logoAlt="AdrenaLabs Logo"
      brandName="AdrenaLabs"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Built for the Trail, Built to Last"
      description="AdrenaLabs engineered mountain bike apparel designed by riders, for riders. Premium jorts, tees, and belts that perform as hard as you do."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-woman-standing-with-horse_1157-23374.jpg",
          alt: "Mountain biker Sarah",
        },
        {
          src: "http://img.b2bpic.net/free-photo/trekker-climbing-top-breathtaking-mountain-range_482257-125871.jpg",
          alt: "Mountain biker Mike",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-cartoon-sports-team_23-2151756289.jpg",
          alt: "Mountain biker Emily",
        },
        {
          src: "http://img.b2bpic.net/free-photo/young-energetic-cyclist-park_158595-2008.jpg",
          alt: "Mountain biker David",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-cyclist-woman-outdors_23-2149647436.jpg",
          alt: "Close up of a cyclist woman outdoors",
        },
      ]}
      buttons={[
        {
          text: "Shop Now",
          href: "#products",
        },
      ]}
      avatarText="Join over 10,000 satisfied riders!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Durable Gear",
          icon: ShieldCheck,
        },
        {
          type: "text-icon",
          text: "Trail Tested",
          icon: Mountain,
        },
        {
          type: "text-icon",
          text: "Eco-Conscious",
          icon: Leaf,
        },
        {
          type: "text-icon",
          text: "Performance Driven",
          icon: Zap,
        },
        {
          type: "text-icon",
          text: "Rider Approved",
          icon: Star,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "AdrenaLabs: Forged in the Dirt, Perfected for the Ride.",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/cheerful-curly-haired-woman-spends-free-time-camp-forest-hikes-with-backpack-holds-marshmallow-roasted-campfire-smiles-happily-isolated-grey-background-summer-activity-lifestyle_273609-62673.jpg",
          alt: "Group of mountain bikers on a trail",
        },
        {
          type: "text",
          content: "We are passionate mountain bikers who understand the need for gear that performs under pressure. Our apparel isn't just clothing; it's a testament to durability, comfort, and the relentless spirit of the trail. Every stitch, every fabric choice, is made with your next adventure in mind.",
        },
      ]}
      buttons={[
        {
          text: "Our Story",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Trail-Ready Durability",
          description: "Built with abrasion-resistant fabrics and reinforced stitching to withstand the toughest rides and unexpected spills.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-rides-bicycle-mountainous-area-forest_169016-22154.jpg",
          imageAlt: "Durable mountain bike jorts close up",
        },
        {
          title: "Optimal Comfort & Breathability",
          description: "Lightweight, moisture-wicking materials ensure you stay cool and dry, even on the most intense climbs and descents.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-bike-looking-away_329181-8645.jpg",
          imageAlt: "Breathable mountain bike tee shirt material",
        },
        {
          title: "Rider-Focused Design",
          description: "Ergonomic cuts and flexible fits provide unrestricted movement, allowing you to focus purely on your performance and the trail ahead.",
          imageSrc: "http://img.b2bpic.net/free-photo/strong-man-getting-ready-climb_23-2149042725.jpg",
          imageAlt: "Adjustable mountain bike belt buckle",
        },
      ]}
      title="Unmatched Durability & Performance"
      description="Engineered for the demands of the trail, AdrenaLabs apparel combines rugged construction with rider-focused design for ultimate comfort and resilience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "jorts-mens-black",
          name: "Men's Trail Jorts - Black",
          price: "$89.00",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-man-doing-sport_23-2149436711.jpg",
          imageAlt: "Men's mountain bike jorts in black",
        },
        {
          id: "tee-womens-purple",
          name: "Women's Performance Tee - Purple",
          price: "$55.00",
          imageSrc: "http://img.b2bpic.net/free-vector/cycling-jersey-front-back-premium-collection-cycling-jersey_29096-5840.jpg",
          imageAlt: "Women's mountain bike tee shirt in purple",
        },
        {
          id: "belt-adjustable",
          name: "Adjustable MTB Belt",
          price: "$39.00",
          imageSrc: "http://img.b2bpic.net/free-photo/man-holding-fresh-caught-fish_23-2147894169.jpg",
          imageAlt: "Adjustable mountain bike belt",
        },
        {
          id: "tee-unisex-graphic",
          name: "Unisex Graphic Tee - Mountain",
          price: "$48.00",
          imageSrc: "http://img.b2bpic.net/free-photo/picture-hipster-man-with-bike_197531-33450.jpg",
          imageAlt: "Unisex graphic tee with mountain design",
        },
        {
          id: "jorts-womens-blue",
          name: "Women's Technical Jorts - Blue",
          price: "$89.00",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-woman-with-pink-bike-park-actractive-healthy-woman_1150-4529.jpg",
          imageAlt: "Women's technical mountain bike jorts in blue",
        },
        {
          id: "jersey-mens-long-sleeve",
          name: "Men's Long Sleeve Jersey - Green",
          price: "$75.00",
          imageSrc: "http://img.b2bpic.net/free-vector/sporty-long-sleeve-bmx-jersey-template-with-dynamic-green-waves_29096-6164.jpg",
          imageAlt: "Men's long sleeve mountain bike jersey in green",
        },
      ]}
      title="Gear Up for Your Next Adventure"
      description="Explore our premium collection of mountain bike apparel, crafted for performance, style, and the ultimate ride."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "basic",
          badge: "Standard",
          price: "$55",
          subtitle: "Essential Gear",
          features: [
            "1 Performance Tee",
            "Durable Stitching",
            "Moisture-Wicking Fabric",
          ],
          buttons: [
            {
              text: "Select Tee",
              href: "#products",
            },
          ],
        },
        {
          id: "pro",
          badge: "Best Value",
          badgeIcon: Sparkles,
          price: "$125",
          subtitle: "Complete Outfit",
          features: [
            "1 Performance Tee",
            "1 Trail Jorts",
            "Ultimate Durability",
            "Enhanced Breathability",
          ],
          buttons: [
            {
              text: "Get the Outfit",
              href: "#products",
            },
          ],
        },
        {
          id: "premium",
          badge: "Pro Rider",
          price: "$159",
          subtitle: "Full Pro Kit",
          features: [
            "1 Performance Tee",
            "1 Trail Jorts",
            "1 Adjustable Belt",
            "Expedited Shipping",
            "Exclusive Designs",
          ],
          buttons: [
            {
              text: "Go Pro",
              href: "#products",
            },
          ],
        },
      ]}
      title="Unlock Your Best Ride"
      description="AdrenaLabs offers premium gear at competitive prices, ensuring you get the best value for your trail-blazing passion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Chloe M.",
          handle: "@trail_chaser",
          testimonial: "AdrenaLabs jorts are a game-changer! Super durable and comfortable for long days on the bike. Finally, gear that keeps up with me.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/team-building-outdoor-forest_53876-64854.jpg",
          imageAlt: "Chloe M., mountain biker",
        },
        {
          id: "2",
          name: "Mark D.",
          handle: "@mtb_mark",
          testimonial: "The performance tees are fantastic. They breathe incredibly well and dry fast. Essential for summer rides and look great off the trail too!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-man-riding-motorbike_23-2150819798.jpg",
          imageAlt: "Mark D., mountain biker",
        },
        {
          id: "3",
          name: "Sarah P.",
          handle: "@bike_sarah",
          testimonial: "I've tried many brands, but AdrenaLabs delivers. Their belts hold everything perfectly, even through the gnarliest descents.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-women-with-equipment-gym_23-2149386065.jpg",
          imageAlt: "Sarah P., mountain biker",
        },
        {
          id: "4",
          name: "Liam K.",
          handle: "@enduro_liam",
          testimonial: "The quality of AdrenaLabs gear is unmatched. It's tough, stylish, and truly built by riders who know what we need.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mature-man-with-sustainable-mobility-skateboard_23-2149129311.jpg",
          imageAlt: "Liam K., mountain biker",
        },
        {
          id: "5",
          name: "Jessie L.",
          handle: "@jessie_rides",
          testimonial: "Love my AdrenaLabs kit! The fit is perfect, and it performs flawlessly. Highly recommend for any serious mountain biker.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-blonde-lady-getting-surprised-by-strange-car-toy_140725-37450.jpg",
          imageAlt: "Jessie L., mountain biker",
        },
      ]}
      showRating={true}
      title="Riders Love AdrenaLabs"
      description="Hear from fellow mountain bikers who trust AdrenaLabs for their most demanding rides and everyday adventures."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Trail Blazers Club",
        "Summit Seekers",
        "Dirt Divas MTB",
        "Rapid Riders Collective",
        "Peak Performers League",
        "Forest Flow Crew",
        "Gravity Gang",
        "Adventure Cyclists Association",
      ]}
      title="Trusted by the Trail Community"
      description="Our apparel is chosen by leading mountain bike clubs and adventure groups for its reliability and performance."
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "What makes AdrenaLabs apparel durable?",
          content: "Our gear is crafted from high-performance, abrasion-resistant fabrics and features reinforced stitching in key areas to withstand the rigors of mountain biking. We test extensively on challenging trails.",
        },
        {
          id: "faq-2",
          title: "How do I choose the right size?",
          content: "Please refer to our detailed sizing chart available on each product page. We recommend measuring yourself and comparing it to our guide for the best fit. If you're between sizes, consider your preferred fit (snug vs. relaxed).",
        },
        {
          id: "faq-3",
          title: "What is your return policy?",
          content: "We offer a 30-day satisfaction guarantee. If you're not completely happy with your purchase, you can return it within 30 days for a full refund or exchange. Items must be unworn and in original condition.",
        },
        {
          id: "faq-4",
          title: "Do you ship internationally?",
          content: "Yes, AdrenaLabs ships worldwide! Shipping costs and delivery times vary by destination. You can find more details and estimated costs during checkout.",
        },
      ]}
      title="Your Questions, Answered"
      description="Find quick answers to common questions about AdrenaLabs products, ordering, and our commitment to quality."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Join the AdrenaLabs Community"
      description="Stay updated on new gear, exclusive offers, and community events. Sign up for our newsletter."
      imageSrc="http://img.b2bpic.net/free-photo/close-up-man-with-tattoo-his-hand-standing-with-bicycle_23-2148176456.jpg"
      imageAlt="Mountain bike helmet and gear"
      mediaAnimation="opacity"
      mediaPosition="left"
      inputPlaceholder="Enter your email"
      buttonText="Subscribe"
      termsText="By clicking Subscribe you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Men's Apparel",
              href: "#products",
            },
            {
              label: "Women's Apparel",
              href: "#products",
            },
            {
              label: "Accessories",
              href: "#products",
            },
            {
              label: "New Arrivals",
              href: "#products",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Story",
              href: "#about",
            },
            {
              label: "Careers",
              href: "#",
            },
            {
              label: "Contact Us",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "FAQ",
              href: "#faq",
            },
            {
              label: "Shipping & Returns",
              href: "#",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 AdrenaLabs. All rights reserved."
      bottomRightText="Built for the Trail."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
