"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "About",
          id: "about",
        },
        {
          name: "Products",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="EarthyChoice"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Refined Solutions for Your Business"
      description="Showcasing our latest premium product collections tailored to elevate your operational standards and client satisfaction."
      testimonials={[
        {
          name: "Alice Johnson",
          handle: "@alicej",
          testimonial: "The product quality is unparalleled, definitely boosted our performance.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-senior-businessman-with-arms-crossed_1262-1751.jpg",
        },
        {
          name: "Mark Sterling",
          handle: "@msterling",
          testimonial: "Excellent service and refined aesthetic quality across their line.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-posing-happily_1153-1566.jpg",
        },
        {
          name: "Sarah Miller",
          handle: "@sarahm",
          testimonial: "Reliable and high-end selections that truly distinguish our brand.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12307.jpg",
        },
        {
          name: "David Ross",
          handle: "@dross",
          testimonial: "A seamless integration process with high-performance results.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-successful-middle-aged-business-leader_1262-5690.jpg",
        },
        {
          name: "Elena Vance",
          handle: "@evance",
          testimonial: "Outstanding attention to detail in every piece they curate.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/home-plant-vase-decoration-arrangement_23-2149090594.jpg"
      imageAlt="Hero background showcasing luxury"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-holding-jacket-shoulder_1262-3853.jpg",
          alt: "Smiling businessman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",
          alt: "Joyful business woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-corporate-manager-sitting-with-hands-clasped-outside-office_662251-2057.jpg",
          alt: "Corporate manager",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-man-looking-his-girlfriend_23-2148243182.jpg",
          alt: "Happy client",
        },
        {
          src: "http://img.b2bpic.net/free-photo/husband-wife-spending-some-quality-time-together_23-2149032208.jpg",
          alt: "Professional partner",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Crafting Quality Since 2010"
      description="We specialize in curating high-end product solutions designed for discerning businesses looking for performance and sophistication."
      metrics={[
        {
          value: "500+",
          title: "Products Offered",
        },
        {
          value: "150+",
          title: "Happy Partners",
        },
        {
          value: "24/7",
          title: "Support Access",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-smiley-colleagues-work_23-2149308443.jpg"
      imageAlt="Professional team working"
      mediaAnimation="slide-up"
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          label: "Performance",
          title: "Reliable Quality",
          items: [
            "Certified materials",
            "Industry-leading testing",
            "Guaranteed support",
          ],
        },
        {
          id: "f2",
          label: "Design",
          title: "Elegant Form",
          items: [
            "Modern aesthetic",
            "Custom finishes",
            "Minimalist profile",
          ],
        },
        {
          id: "f3",
          label: "Integration",
          title: "Seamless Use",
          items: [
            "Plug-and-play setup",
            "Comprehensive documentation",
            "Global compatibility",
          ],
        },
      ]}
      title="Core Advantages"
      description="Our offerings are built with longevity and utility in mind."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Premier Desk Set",
          price: "$120",
          variant: "Luxury",
          imageSrc: "http://img.b2bpic.net/free-photo/eco-friendly-disposable-tableware-close-up-concept-saving-planet-rejection-plastic_169016-10556.jpg",
        },
        {
          id: "p2",
          name: "Minimalist Lamp",
          price: "$85",
          variant: "Modern",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-orange-slices-drinkl_23-2149418285.jpg",
        },
        {
          id: "p3",
          name: "Executive Organizer",
          price: "$45",
          variant: "Professional",
          imageSrc: "http://img.b2bpic.net/free-photo/safari-party-with-golden-cutlery_23-2149707851.jpg",
        },
        {
          id: "p4",
          name: "Designer Clock",
          price: "$195",
          variant: "Aesthetic",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-interior-designer_23-2150346498.jpg",
        },
        {
          id: "p5",
          name: "Artisanal Tray",
          price: "$60",
          variant: "Handmade",
          imageSrc: "http://img.b2bpic.net/free-photo/stacked-aesthetic-objects-still-life_23-2150230633.jpg",
        },
        {
          id: "p6",
          name: "Signature Pen",
          price: "$90",
          variant: "Elite",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-jar-with-coffee-french-macarons-purple-plant-pink-surface_140725-26290.jpg",
        },
      ]}
      title="Curated Collections"
      description="Browse our latest catalog designed for excellence."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFifteen
      useInvertedBackground={false}
      testimonial="The precision and care evident in every product they supply has completely transformed how our office functions."
      rating={5}
      author="Jessica Reed, Operations Director"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-succesful-senior-entrrepeneur-conference-room-smiling-camera-with-arms-crossed_482257-5017.jpg",
          alt: "Avatar 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-friends-having-meeting-indoors_329181-17784.jpg",
          alt: "Avatar 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-meeting-family-reunion_23-2149153718.jpg",
          alt: "Avatar 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-smiley-drag-queen-indoors_23-2149556820.jpg",
          alt: "Avatar 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081913.jpg",
          alt: "Avatar 5",
        },
      ]}
      ratingAnimation="blur-reveal"
      avatarsAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "Do you offer bulk pricing?",
          content: "Yes, we provide scalable discount tiers for all enterprise clients.",
        },
        {
          id: "q2",
          title: "What is the warranty policy?",
          content: "All items carry a comprehensive 24-month replacement guarantee.",
        },
        {
          id: "q3",
          title: "How is shipping handled?",
          content: "We offer global expedited shipping with full tracking capabilities.",
        },
      ]}
      title="Questions Asked"
      description="Find answers to the most common queries."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "gradient-bars",
      }}
      tag="Let's Connect"
      title="Get a Personalized Quote"
      description="Reach out to discuss your specific business requirements."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/adult-male-illustrator-working-tablet-device_23-2149863236.jpg"
      logoText="EarthyChoice"
      columns={[
        {
          title: "Resources",
          items: [
            {
              label: "Catalog",
              href: "#products",
            },
            {
              label: "FAQ",
              href: "#faq",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Help Center",
              href: "#",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy",
              href: "#",
            },
            {
              label: "Terms",
              href: "#",
            },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
