"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import BlogCardOne from '@/components/sections/blog/BlogCardOne';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Activity, Award, BookOpen, Compass, Eye, Fish, Heart, Mountain, Smile, Sparkles, Star, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="none"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Features",
          id: "features",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Metrics",
          id: "metrics",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "Partners",
          id: "social-proof",
        },
        {
          name: "Blog",
          id: "blog",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="NESCAR"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      imagePosition="right"
      title="Gear Up for Your Next Adventure"
      description="Discover the finest fishing gear, essential sports articles, and expert guides to elevate your outdoor experience. NESCAR is your ultimate resource for quality and knowledge."
      testimonials={[
        {
          name: "Alex Johnson",
          handle: "@alexangler",
          testimonial: "NESCAR's guides transformed my fishing game! Caught my biggest bass thanks to their tips.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg?_wi=1",
          imageAlt: "happy male angler smiling",
        },
        {
          name: "Samantha Lee",
          handle: "@samanthahikes",
          testimonial: "Their gear reviews are spot on. My new hiking boots, recommended by NESCAR, are fantastic!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/female-sporty-jogger-looking-her-smartwatch_23-2148762209.jpg?_wi=1",
          imageAlt: "female hiker smiling mountain background",
        },
        {
          name: "Mark Davis",
          handle: "@markoutdoors",
          testimonial: "Always check NESCAR before buying new sports equipment. Their insights save me time and money.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-woman-listening-music-headphone-near-river_23-2147925369.jpg",
          imageAlt: "male runner smiling trail",
        },
        {
          name: "Jessica Chen",
          handle: "@jessadventures",
          testimonial: "The community articles are inspiring! NESCAR truly brings outdoor enthusiasts together.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/photo-satisfied-beautiful-professional-surfer-has-appealing-look-studies-surfing-with-personal-couch-being-fixed-leash_273609-17677.jpg",
          imageAlt: "woman kayaking smiling lake",
        },
        {
          name: "Robert Miller",
          handle: "@robertbike",
          testimonial: "From fishing to cycling, NESCAR has it all. My go-to for quality content and product finds.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-energetic-cyclist-park_158595-2008.jpg",
          imageAlt: "male cyclist smiling mountain bike",
        },
      ]}
      tag="Explore More"
      tagIcon={Compass}
      buttons={[
        {
          text: "Shop Fishing Gear",
          href: "#products",
        },
        {
          text: "Read Sports Articles",
          href: "#blog",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150514788.jpg?_wi=1"
      imageAlt="man fly fishing serene river sunset"
      mediaAnimation="slide-up"
      fixedMediaHeight={true}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/annoyed-emotional-male-sailor-professional-seaman-has-sea-cruise-poses-with-fishing-net-raises-tattooed-arms-yells-outraged-wears-red-hat-yellow-overalls-stands-indoor-marine-life-concept_273609-45187.jpg",
          alt: "Happy fisherman portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-traveling-alone-mutriku-while-having-his-essentials-backpack_23-2149118753.jpg",
          alt: "Smiling hiker portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/enthusiastic-black-man-with-cheerful-smile-posing-with-bicycle-indoor-photo-joyful-african-male-model-standing-with-bike_197531-20220.jpg",
          alt: "Joyful cyclist portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-holding-oar_23-2148593420.jpg",
          alt: "Adventurous kayaker portrait",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-hiking-tour_23-2150343082.jpg",
          alt: "Nature enthusiast portrait",
        },
      ]}
      avatarText="Join 100K+ outdoor lovers!"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Expert Guides",
          icon: BookOpen,
        },
        {
          type: "text-icon",
          text: "Premium Gear",
          icon: Award,
        },
        {
          type: "text-icon",
          text: "Community Focus",
          icon: Users,
        },
        {
          type: "text-icon",
          text: "Outdoor Adventures",
          icon: Mountain,
        },
        {
          type: "text-icon",
          text: "Latest Reviews",
          icon: Star,
        },
      ]}
      showMarqueeCard={true}
      testimonialRotationInterval={6000}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Commitment to Outdoor Excellence"
      metrics={[
        {
          icon: Users,
          label: "Community Members",
          value: "100K+",
        },
        {
          icon: BookOpen,
          label: "Expert Articles",
          value: "500+",
        },
        {
          icon: Fish,
          label: "Featured Products",
          value: "200+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Master Angling Techniques",
          description: "Dive into our extensive library of fishing guides, covering everything from bait selection to advanced casting methods for various species.",
          icon: Fish,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-holding-pike-fish-looking-camera_23-2147894067.jpg",
              imageAlt: "variety fishing lures tackle box",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-fishing-jungle_53876-46851.jpg",
              imageAlt: "fishing rod and reel close up",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-family-hanging-out-jetty_23-2150514788.jpg?_wi=2",
          imageAlt: "variety fishing lures tackle box",
        },
        {
          title: "Optimize Your Sports Performance",
          description: "Explore articles on training regimens, sports psychology, and reviews of performance-enhancing gear to help you reach your athletic goals.",
          icon: Activity,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/close-up-female-feet-yellow-sneakers-stadium_651396-379.jpg",
              imageAlt: "athletic running shoes track",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/sporty-woman-tying-shoelace-running-shoes-before-practice-forest_158538-17930.jpg",
              imageAlt: "person running on trail forest",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-garden-showing-ok-gesture-looking-camera_259150-59030.jpg?_wi=2",
          imageAlt: "variety fishing lures tackle box",
        },
        {
          title: "Gear Up for Wilderness Adventures",
          description: "Find expert advice on essential camping equipment, survival skills, and navigation tools for your next backpacking or outdoor expedition.",
          icon: Compass,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/friensds-enjoying-their-winter-camping_23-2149228920.jpg",
              imageAlt: "camping tent setup forest lake",
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-preparing-marshmallow_23-2148316074.jpg",
              imageAlt: "campfire cooking outdoors night",
            },
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/female-sporty-jogger-looking-her-smartwatch_23-2148762209.jpg?_wi=2",
          imageAlt: "variety fishing lures tackle box",
        },
      ]}
      title="Unleash Your Potential with Premium Insights & Gear"
      description="NESCAR provides comprehensive resources, from in-depth fishing guides to reviews of the latest sports equipment, ensuring you're always prepared for peak performance."
      tag="Featured Content"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Discover Guides",
          href: "#blog",
        },
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "High-Performance Fishing Rod",
          price: "$189.99",
          imageSrc: "http://img.b2bpic.net/free-photo/man-using-box-fish-he-caught_23-2148853221.jpg",
          imageAlt: "high performance fishing rod modern",
        },
        {
          id: "p2",
          name: "Smooth Casting Reel",
          price: "$129.00",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-working-bike-close-up_23-2148932659.jpg",
          imageAlt: "spinning fishing reel metal",
        },
        {
          id: "p3",
          name: "Ergonomic Hiking Backpack",
          price: "$99.50",
          imageSrc: "http://img.b2bpic.net/free-photo/man-with-hat-travelling-field_23-2148301475.jpg",
          imageAlt: "large hiking backpack wilderness",
        },
        {
          id: "p4",
          name: "Lightweight Running Jacket",
          price: "$75.00",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-older-woman-jogging-outdoors_23-2148771323.jpg",
          imageAlt: "lightweight running jacket sportswear",
        },
        {
          id: "p5",
          name: "2-Person Camping Tent",
          price: "$149.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-camper-putting-up-tent_23-2148456462.jpg",
          imageAlt: "compact camping tent two person",
        },
        {
          id: "p6",
          name: "Polarized Sports Sunglasses",
          price: "$45.00",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-holding-fresh-caught-fish_23-2147894137.jpg",
          imageAlt: "polarized sports sunglasses outdoor",
        },
      ]}
      title="Top Picks for Every Outdoor Enthusiast"
      description="Browse our curated selection of high-performance fishing tackle, durable sports apparel, and essential outdoor accessories."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "10K+",
          title: "Satisfied Customers",
          description: "Our community trusts us for quality gear and reliable information.",
          icon: Smile,
        },
        {
          id: "m2",
          value: "5M+",
          title: "Page Views Annually",
          description: "Reaching a broad audience of outdoor adventure seekers worldwide.",
          icon: Eye,
        },
        {
          id: "m3",
          value: "98%",
          title: "Customer Satisfaction",
          description: "Dedicated to providing an exceptional experience every time.",
          icon: Heart,
        },
      ]}
      title="Our Impact in the Outdoor Community"
      description="NESCAR is dedicated to fostering a vibrant outdoor community, sharing knowledge, and providing access to top-tier products."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Ethan Hunt",
          date: "March 2024",
          title: "Best Fishing Guides Online!",
          quote: "NESCAR’s in-depth guides helped me understand fly fishing better than any other resource. My catch rate has significantly improved!",
          tag: "Fishing Enthusiast",
          avatarSrc: "http://img.b2bpic.net/free-photo/tourist-by-bonfire-forest_1303-9078.jpg",
          avatarAlt: "smiling man fishing portrait",
          imageSrc: "http://img.b2bpic.net/free-photo/outdoors-running-workout-forest_23-2148762271.jpg",
          imageAlt: "mountain biking scenic trail",
        },
        {
          id: "t2",
          name: "Olivia White",
          date: "February 2024",
          title: "Reliable Gear Reviews",
          quote: "I trust NESCAR for all my sports equipment reviews. Their recommendations are always accurate and help me make informed purchases.",
          tag: "Runner & Hiker",
          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-happy-asian-young-woman-winter-costume-forest-with-copy-space-vacation-travel-concept_1150-61306.jpg",
          avatarAlt: "female hiker smiling outdoors",
          imageSrc: "http://img.b2bpic.net/free-photo/boats-lake-kawaguchiko-japan_1232-2642.jpg",
          imageAlt: "kayaking on clear water",
        },
        {
          id: "t3",
          name: "Noah Brown",
          date: "January 2024",
          title: "Inspired My Next Adventure!",
          quote: "The articles on camping and wilderness survival are fantastic. NESCAR motivated me to plan my next big outdoor expedition.",
          tag: "Outdoor Adventurer",
          avatarSrc: "http://img.b2bpic.net/free-photo/long-shot-man-holding-oar_23-2148593422.jpg",
          avatarAlt: "male kayaker smiling portrait",
          imageSrc: "http://img.b2bpic.net/free-photo/male-camping-tent-sunset_23-2148622648.jpg",
          imageAlt: "camping tent starry night",
        },
        {
          id: "t4",
          name: "Sophia Garcia",
          date: "December 2023",
          title: "A True Community Hub",
          quote: "More than just products, NESCAR feels like a community. I love reading about other people's experiences and sharing my own.",
          tag: "Community Member",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-agricultural-engineer-working-greenhouse-young-female-scientist-looking-camera_1153-5351.jpg",
          avatarAlt: "smiling woman hiker portrait",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-explorer-alone-edge-towering-mountain-range_482257-123408.jpg",
          imageAlt: "person rock climbing outdoors",
        },
        {
          id: "t5",
          name: "Liam Rodriguez",
          date: "November 2023",
          title: "Excellent Customer Support",
          quote: "Had a question about a product and their support team was incredibly helpful and responsive. Highly recommend NESCAR!",
          tag: "Satisfied Customer",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-runners-outdoors_23-2149037639.jpg",
          avatarAlt: "male runner smiling outdoors",
          imageSrc: "http://img.b2bpic.net/free-photo/family-sitting-near-river-morning-fishing_1157-31173.jpg",
          imageAlt: "fishing boat at sunrise",
        },
      ]}
      title="What Our Community Says"
      description="Hear from passionate anglers and sports enthusiasts who trust NESCAR for their outdoor needs and information."
      tag="Success Stories"
      tagIcon={Star}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Outdoor Life",
        "Field & Stream",
        "REI",
        "Patagonia",
        "Bass Pro Shops",
        "Garmin",
        "GoPro",
      ]}
      title="Trusted by Fellow Adventurers & Brands"
      description="We're proud to collaborate with leading brands and be a go-to resource for a growing community of outdoor lovers."
      speed={30}
      showCard={false}
    />
  </div>

  <div id="blog" data-section="blog">
      <BlogCardOne
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Latest Articles & Guides"
      description="Stay informed with our expert insights, tips, and detailed reviews on fishing techniques, sports equipment, and outdoor adventures."
      tag="Outdoor Wisdom"
      tagIcon={BookOpen}
      blogs={[
        {
          id: "b1",
          category: "Fishing",
          title: "The Ultimate Guide to Fly Fishing for Beginners",
          excerpt: "Learn the basics of fly fishing, from choosing your gear to mastering essential casting techniques. Get ready to hit the water!",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-fishing-road-freshly-caught-fish-green-grass_23-2147870149.jpg",
          imageAlt: "fly fishing technique tutorial river",
          authorName: "David Clark",
          authorAvatar: "http://img.b2bpic.net/free-photo/view-happy-3d-man-using-tablet_23-2150709864.jpg",
          date: "April 15, 2024",
        },
        {
          id: "b2",
          category: "Sports",
          title: "Top 5 Hiking Trails for Your Summer Adventure",
          excerpt: "Discover breathtaking landscapes and challenge yourself on these incredible hiking trails perfect for all skill levels this summer.",
          imageSrc: "http://img.b2bpic.net/free-photo/map-camera-near-boots_23-2147776883.jpg",
          imageAlt: "mountain hiking gear review backpack",
          authorName: "Emily Watson",
          authorAvatar: "http://img.b2bpic.net/free-photo/beautiful-businesswoman-her-office_329181-13386.jpg",
          date: "April 10, 2024",
        },
        {
          id: "b3",
          category: "Gear Reviews",
          title: "Choosing the Best Kayak for Your Next Water Trip",
          excerpt: "Our comprehensive guide helps you select the perfect kayak, considering type, size, material, and features for your needs.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-girls-getting-kayak-out-water_23-2148683939.jpg",
          imageAlt: "beginner's guide to kayaking lake",
          authorName: "Michael Green",
          authorAvatar: "http://img.b2bpic.net/free-photo/man-with-thermos-nature_23-2147814272.jpg",
          date: "April 5, 2024",
        },
      ]}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      tag="Get in Touch"
      title="Ready for Your Next Expedition?"
      description="Whether you have a question about gear, need advice on a technique, or want to contribute an article, our team is here to help you."
      buttons={[
        {
          text: "Contact Us",
          href: "mailto:info@nescar.com",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Discover",
          items: [
            {
              label: "Fishing Gear",
              href: "#products",
            },
            {
              label: "Sports Articles",
              href: "#blog",
            },
            {
              label: "Our Guides",
              href: "#blog",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "#about",
            },
            {
              label: "Our Mission",
              href: "#about",
            },
            {
              label: "Testimonials",
              href: "#testimonials",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact",
              href: "#contact",
            },
            {
              label: "FAQs",
              href: "/faq",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 NESCAR. All rights reserved."
      bottomRightText="Built with Passion for the Outdoors."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
