"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumLarge"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Features",          id: "#features"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Product Scout"
      button={{
        text: "Join Now",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "glowing-orb"}}
      title="See Products in 3D Before You Buy"
      description="Honest reviews across tech, home, fitness, and more. Compare specs, prices, and real user feedback all in one place."
      tag="Discover Smarter"
      buttons={[
        {
          text: "Explore Reviews",          href: "#products"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722697.jpg",          imageAlt: "Futuristic 3D tech gadget"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-smart-vacuum-cleaner-indoors_23-2148994182.jpg",          imageAlt: "Modern 3D home appliance"}
      ]}
      mediaAnimation="slide-up"
      rating={5}
      ratingText="Rated 4.9/5 by 250,000+ users"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "feature-1",          title: "Interactive 3D Previews",          tags: [
            "Visual",            "Immersive"],
          imageSrc: "http://img.b2bpic.net/free-vector/design-artwork-logo-template_23-2149507369.jpg",          imageAlt: "3D Preview Icon"},
        {
          id: "feature-2",          title: "Unbiased Expert Reviews",          tags: [
            "Trustworthy",            "Detailed"],
          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-paper-web-icon-set-drawn-chalkboard_23-2147841252.jpg",          imageAlt: "Unbiased Review Icon"},
        {
          id: "feature-3",          title: "Exclusive Affiliate Deals",          tags: [
            "Savings",            "Value"],
          imageSrc: "http://img.b2bpic.net/free-vector/best-price-lettering-paint-blots_1262-7448.jpg",          imageAlt: "Affiliate Deals Icon"},
        {
          id: "feature-4",          title: "Side-by-Side Comparisons",          tags: [
            "Efficiency",            "Clarity"],
          imageSrc: "http://img.b2bpic.net/free-photo/female-s-hand-holding-dryfruits-versus-potatoes-chips-textured-backdrop_23-2147885723.jpg",          imageAlt: "Comparison Tool Icon"},
      ]}
      title="Your Ultimate Product Comparison Tool"
      description="Dive deep into features, performance, and user ratings across all categories with our intuitive platform."
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",          content: "Our Mission: Simplify Your Buying Decisions"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/multiracial-workers-using-laptop-device-write-emails-solving-tasks_482257-123663.jpg",          alt: "Team collaborating on a 3D product model"},
      ]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "prod-1",          name: "Apex Pro Smartphone",          price: "$999",          variant: "Tech",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-black-gold-smartphone-with-balloons-gift_187299-47056.jpg",          imageAlt: "Apex Pro Smartphone"},
        {
          id: "prod-2",          name: "SoundFlow Headphones",          price: "$249",          variant: "Audio",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-headphones-detail_23-2151912441.jpg",          imageAlt: "SoundFlow Headphones"},
        {
          id: "prod-3",          name: "BrewMaster Elite",          price: "$189",          variant: "Home",          imageSrc: "http://img.b2bpic.net/free-photo/coffee-machine-making-perfect-cup-coffee_23-2151699659.jpg",          imageAlt: "BrewMaster Elite Coffee Maker"},
        {
          id: "prod-4",          name: "Fitness Pulse Watch",          price: "$179",          variant: "Fitness",          imageSrc: "http://img.b2bpic.net/free-photo/extreme-closeup-asian-sportswoman-checking-pulse-with-electronic-device_1098-18984.jpg",          imageAlt: "Fitness Pulse Smartwatch"},
        {
          id: "prod-5",          name: "Acoustic Aura Speaker",          price: "$129",          variant: "Home Audio",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-blurry-woman-indoors_23-2148994176.jpg",          imageAlt: "Acoustic Aura Smart Speaker"},
        {
          id: "prod-6",          name: "ProView 4K Camera",          price: "$1199",          variant: "Photography",          imageSrc: "http://img.b2bpic.net/free-photo/camera-lens_93675-130020.jpg",          imageAlt: "ProView 4K Camera"},
      ]}
      title="Top Picks Across All Categories"
      description="From cutting-edge tech to essential home goods, find your next favorite product with confidence."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Tech Innovators",        "Home Essentials",        "Fitness Gear",        "Gadget Gurus",        "Smart Living",        "Daily Deals Co.",        "Consumer Reports"]}
      title="Trusted by Millions of Shoppers"
      description="Join a growing community that makes smarter purchasing choices every day."
      showCard={true}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Sarah Johnson",          date: "May 15, 2024",          title: "Found My Dream Laptop!",          quote: "Product Scout made finding my new laptop incredibly easy. The 3D views were a game-changer for understanding the design, and the comparison tool saved me hours of research!",          tag: "Tech Enthusiast",          avatarSrc: "http://img.b2bpic.net/free-photo/shot-beautiful-young-businesswoman-wearing-blue-chiffon-shirt-while-standing-with-folded-arms-gray-marble-wall_158595-6777.jpg",          avatarAlt: "Sarah Johnson",          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8150.jpg",          imageAlt: "Abstract blue background"},
        {
          id: "2",          name: "Michael Chen",          date: "April 28, 2024",          title: "Best Coffee Machine Ever",          quote: "I was overwhelmed by all the options for a new coffee maker. Product Scout's detailed reviews and price comparisons helped me choose the perfect one for my budget.",          tag: "Home Cook",          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-thoughtful-man-office-corridor_329181-15803.jpg",          avatarAlt: "Michael Chen",          imageSrc: "http://img.b2bpic.net/free-photo/artistic-blurry-colorful-wallpaper-background_58702-8288.jpg",          imageAlt: "Abstract deep blue background"},
        {
          id: "3",          name: "Emily Rodriguez",          date: "March 10, 2024",          title: "Confidence in Every Purchase",          quote: "I no longer dread shopping for electronics. With Product Scout, I feel confident that I'm getting the best deal and the best product every single time.",          tag: "Savvy Shopper",          avatarSrc: "http://img.b2bpic.net/free-photo/abstract-blur-coffee-shop-restaurant_1203-8738.jpg",          avatarAlt: "Emily Rodriguez",          imageSrc: "http://img.b2bpic.net/free-vector/abstract-gradient-triangle-background_598544-201.jpg",          imageAlt: "Abstract geometric background"},
        {
          id: "4",          name: "David Kim",          date: "February 20, 2024",          title: "Never Buying Blind Again",          quote: "The 3D interactive elements are amazing! I literally got to 'feel' the product before buying. This website is a must-have for serious shoppers.",          tag: "Early Adopter",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-model-sexy-stylish-man-dressed-is-blue-suit-fashion-hipster-male-posing-near-white-interior-studio_158538-25099.jpg",          avatarAlt: "David Kim",          imageSrc: "http://img.b2bpic.net/free-photo/full-frame-defocused-abstract-backdrop_23-2147873279.jpg",          imageAlt: "Blurred bokeh background"},
        {
          id: "5",          name: "Jessica Lee",          date: "January 5, 2024",          title: "Great for Fitness Gear",          quote: "From smartwatches to treadmills, Product Scout's fitness reviews are spot on. Helped me choose durable and effective gear for my home gym.",          tag: "Fitness Fanatic",          avatarSrc: "http://img.b2bpic.net/free-photo/blur-nature-green-park-with-bokeh-sun-light-abstract-background-copy-space-travel-adventure-environment-concept-vintage-tone-filter-color-style_1253-1122.jpg",          avatarAlt: "Jessica Lee",          imageSrc: "http://img.b2bpic.net/free-photo/abstract-chromatic-gradient_23-2151920639.jpg",          imageAlt: "Abstract dynamic background"},
      ]}
      title="What Our Community Says"
      description="Real feedback from real users who found their perfect product with Product Scout."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "How does Product Scout ensure unbiased reviews?",          content: "Our reviews are conducted by independent experts and real users. We clearly disclose any affiliate partnerships, ensuring transparency and trust."},
        {
          id: "faq-2",          title: "Are the 3D interactive elements accurate?",          content: "Yes, our 3D models are meticulously crafted to provide a highly accurate and immersive representation of products, helping you visualize them better."},
        {
          id: "faq-3",          title: "How do affiliate links work?",          content: "When you click on an affiliate link and make a purchase, we may earn a small commission at no extra cost to you. This helps support our platform."},
        {
          id: "faq-4",          title: "What product categories do you cover?",          content: "We cover a broad range of categories including tech, home appliances, fitness gear, lifestyle products, and more, constantly expanding our selection."},
      ]}
      title="Frequently Asked Questions"
      description="Everything you need to know about Product Scout, our review process, and how we help you save."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Partner With Us"
      description="Interested in becoming an affiliate, submitting a product for review, or have a general inquiry? Get in touch with our team today!"
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "company",          type: "text",          placeholder: "Company Name (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/labor-union-members-working-together_23-2150995012.jpg"
      imageAlt="Two professionals shaking hands, symbolizing partnership"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/dental-rocket-icon-logo-design-vector_474888-3204.jpg"
      logoAlt="Product Scout Logo"
      logoText="Product Scout"
      copyrightText="© 2024 Product Scout. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/productscout",          ariaLabel: "Facebook"},
        {
          icon: Twitter,
          href: "https://twitter.com/productscout",          ariaLabel: "Twitter"},
        {
          icon: Instagram,
          href: "https://instagram.com/productscout",          ariaLabel: "Instagram"},
        {
          icon: Linkedin,
          href: "https://linkedin.com/company/productscout",          ariaLabel: "LinkedIn"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
