"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="circleGradient"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Products",          id: "/#products"},
        {
          name: "Features",          id: "/#features"},
        {
          name: "Services",          id: "/services"},
        {
          name: "About Us",          id: "/#about"},
        {
          name: "Contact",          id: "/#contact"},
      ]}
      brandName="ElectroShop"
    />
  </div>

  <div id="home" data-section="home">
      <HeroCarouselLogo
      logoText="ElectroShop"
      description="Your One-Stop Shop for Quality Electrical Components. From Bulbs to Sockets, We Power Your Needs."
      buttons={[
        {
          text: "Shop Now",          href: "/#products"},
        {
          text: "Learn More",          href: "/#about"},
      ]}
      slides={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036895.jpg",          imageAlt: "Assortment of electronic components"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-retro-light-bulb_122409-26.jpg",          imageAlt: "Glowing LED light bulbs"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/four-light-switches-macro-with-bokeh-background-minimal-design_169016-69384.jpg",          imageAlt: "Variety of electrical sockets"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/electric-cables-closeup_93675-128560.jpg",          imageAlt: "Rolls of colorful electrical wires"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/miniature-workers-working-chip-motherboard_1252-836.jpg",          imageAlt: "Electronic DIY kit and tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174325.jpg",          imageAlt: "Close-up of a circuit board"},
      ]}
      autoplayDelay={4000}
      showDimOverlay={true}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Powering Your Projects with Quality Electronics"
      description="At ElectroShop, we are passionate about providing the highest quality electrical components for every need. Whether you're a DIY enthusiast, a professional electrician, or simply upgrading your home, we offer a vast selection of reliable bulbs, sturdy sockets, and essential wiring accessories. Our commitment is to deliver products that ensure safety, efficiency, and longevity, backed by expert advice and exceptional customer service."
      tag="Our Story"
      imageSrc="http://img.b2bpic.net/free-photo/people-studying-peacefully-library_23-2148844710.jpg"
      imageAlt="Modern electronic store interior with customers browsing products"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "quality",          label: "Quality",          title: "Uncompromised Quality Assurance",          items: [
            "Rigorous testing standards",            "Durable and long-lasting products",            "Certified and compliant components"],
        },
        {
          id: "selection",          label: "Selection",          title: "Vast Product Inventory",          items: [
            "Wide range of bulbs, sockets, wires",            "Latest smart home devices",            "Specialized industrial components"],
        },
        {
          id: "support",          label: "Support",          title: "Expert Customer Support",          items: [
            "Knowledgeable staff assistance",            "Detailed product guides",            "Hassle-free returns and exchanges"],
        },
      ]}
      title="Why Choose ElectroShop?"
      description="We stand out by prioritizing quality, selection, and customer satisfaction in every interaction."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          brand: "Luminaire",          name: "EcoBright LED Bulb E27",          price: "$7.99",          rating: 5,
          reviewCount: "120 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/collection-colorful-light-bulbs_53876-42522.jpg",          imageAlt: "EcoBright LED Bulb E27"},
        {
          id: "p2",          brand: "PowerSafe",          name: "Dual USB Wall Socket",          price: "$12.50",          rating: 4,
          reviewCount: "85 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/universal-power-outlets-modern-interior-marble-wall-design_169016-69298.jpg",          imageAlt: "Dual USB Wall Socket"},
        {
          id: "p3",          brand: "WireFlow",          name: "Heavy Duty Extension Cord 10ft",          price: "$18.00",          rating: 5,
          reviewCount: "150 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/invalid-architect-using-touch-screen-building-layout-engineering-office-woman-engineer-sitting-wheelchair-working-blueprint-plan-with-technology-construction-project_482257-34111.jpg",          imageAlt: "Heavy Duty Extension Cord"},
        {
          id: "p4",          brand: "LightCraft",          name: "Rotary Dimmer Switch",          price: "$9.95",          rating: 4,
          reviewCount: "60 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/smart-home-screen-panel-monitor-wall_53876-96310.jpg",          imageAlt: "Rotary Dimmer Switch"},
        {
          id: "p5",          brand: "ChargeX",          name: "Quad-Port USB Wall Charger",          price: "$24.99",          rating: 5,
          reviewCount: "90 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/blue-cell-phone-connected-usb-cable-type-c-charging_58702-4564.jpg",          imageAlt: "Quad-Port USB Wall Charger"},
        {
          id: "p6",          brand: "SmartLink",          name: "WiFi Smart Plug with Energy Monitor",          price: "$29.00",          rating: 4,
          reviewCount: "110 reviews",          imageSrc: "http://img.b2bpic.net/free-photo/smart-home-tablet-wall_23-2149036909.jpg",          imageAlt: "WiFi Smart Plug"},
      ]}
      title="Our Featured Products"
      description="Explore our wide selection of essential electronic components, from lighting to power solutions. We've got everything you need to power your home and projects efficiently and safely. Each product comes with detailed specifications and quality assurance."
      tag="Essentials"
    />
  </div>

  

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@TechSavvyHome",          testimonial: "ElectroShop transformed my home lighting! The smart bulbs are fantastic and installation was a breeze with their clear guides. Highly recommend!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-girls-checking-mobile-phone_23-2148624870.jpg",          imageAlt: "Sarah J."},
        {
          id: "t2",          name: "Mark D.",          handle: "@ProElectrician",          testimonial: "As an electrician, I rely on quality parts. ElectroShop delivers every time with durable sockets and reliable wiring. My go-to supplier!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/man-dark-gray-t-shirt-looks-cooler-he-took-out-computer-his-tools-front-him-table_346278-1221.jpg",          imageAlt: "Mark D."},
        {
          id: "t3",          name: "Emily R.",          handle: "@BizSolutions",          testimonial: "Their commercial solutions team helped us equip our new office. Fantastic service and competitive bulk pricing. A true partner!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-business-people-talking-about-new-project_23-2148778077.jpg",          imageAlt: "Emily R."},
        {
          id: "t4",          name: "David K.",          handle: "@DIYProjects",          testimonial: "Found exactly the obscure bulb socket I needed for my vintage lamp project. ElectroShop's selection is unmatched. Great find!",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bank-card-white-background_140725-103386.jpg",          imageAlt: "David K."},
        {
          id: "t5",          name: "Anna L.",          handle: "@HomeInnovator",          testimonial: "The customer support helped me choose the perfect smart plugs for my setup. Friendly and incredibly knowledgeable!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/feedback-comment-survey-support-response-bar-word_53876-124683.jpg",          imageAlt: "Anna L."},
        {
          id: "t6",          name: "James & Lisa",          handle: "@ConnectedCouple",          testimonial: "We upgraded all our home's switches and sockets with ElectroShop. Everything arrived quickly and was easy to install. Very impressed!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-couch-using-tablet_23-2148793536.jpg",          imageAlt: "James & Lisa"},
      ]}
      showRating={true}
      title="What Our Customers Say"
      description="Hear directly from our satisfied clients about their experiences with ElectroShop's products and services."
      tag="Reviews"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Phillips",        "Schneider Electric",        "Legrand",        "Osram",        "Siemens",        "ABB",        "Eaton"]}
      title="Our Trusted Partners & Brands"
      description="We are proud to partner with industry-leading brands to bring you the best in electronic components and ensure top-tier quality across our entire product range. Our collaborations guarantee reliability and innovation."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",          title: "What is your return policy?",          content: "We offer a 30-day return policy for all unused products in their original packaging. Please visit our 'Returns' page for detailed instructions and eligibility."},
        {
          id: "faq2",          title: "Do you offer installation services?",          content: "Yes, we provide professional installation services for a range of products, including lighting fixtures and smart home devices. Check our 'Services' page for more details and pricing."},
        {
          id: "faq3",          title: "How can I track my order?",          content: "Once your order is shipped, you will receive an email with a tracking number and a link to the carrier's website. You can also track your order directly from your account dashboard."},
        {
          id: "faq4",          title: "Are your products energy efficient?",          content: "Many of our products, especially our LED bulbs and smart devices, are designed for high energy efficiency. Look for the energy-star ratings and descriptions on individual product pages."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/call-center-employee-handling-customer-complaints-offering-helpful-solutions_482257-126776.jpg"
      imageAlt="Customer support agent answering questions"
      mediaAnimation="opacity"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our products, services, shipping, and technical support. If you can't find what you're looking for, feel free to contact us directly."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient"}}
      tag="Get in Touch"
      title="Have a Question or Need Assistance?"
      description="Our dedicated team is here to help you find the perfect electronic components or assist with any inquiries. Reach out to us for expert advice and support."
      buttons={[
        {
          text: "Contact Support",          href: "mailto:support@electroshop.com"},
        {
          text: "Call Us",          href: "tel:+1234567890"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "Shop",              href: "/#products"},
            {
              label: "Bulbs",              href: "/#products"},
            {
              label: "Sockets",              href: "/#products"},
            {
              label: "Wiring",              href: "/#products"},
          ],
        },
        {
          items: [
            {
              label: "Company",              href: "/#about"},
            {
              label: "About Us",              href: "/#about"},
            {
              label: "Services",              href: "/services"},
            {
              label: "Testimonials",              href: "/#testimonials"},
          ],
        },
        {
          items: [
            {
              label: "Support",              href: "/#contact"},
            {
              label: "FAQs",              href: "/#faq"},
            {
              label: "Contact Us",              href: "/#contact"},
            {
              label: "Returns",              href: "#"},
          ],
        },
      ]}
      logoText="ElectroShop"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
