"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { DollarSign, MessageCircle, ShieldCheck, Star, Users, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="fluid"
        cardStyle="solid"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "About",          id: "/about"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Contact",          id: "/contact"},
      ]}
      brandName="NANDAPE Electrical Supply"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid"}}
      title="Powering Your World with Premium Electrical Solutions"
      description="Quality Electrical Equipment for Homes, Businesses & Industries in Kariakoo."
      buttons={[
        {
          text: "Contact Us Now",          href: "/contact"},
      ]}
      carouselItems={[
        {
          id: "1",          imageSrc: "http://img.b2bpic.net/free-photo/server-cabinets-preserving-critical-datasets-required-artificial-intelligence_482257-124539.jpg",          imageAlt: "Industrial electrical panel"},
        {
          id: "2",          imageSrc: "http://img.b2bpic.net/free-photo/circuit-board-close-up-with-different-components_23-2149174368.jpg",          imageAlt: "Electrical wiring diagram"},
        {
          id: "3",          imageSrc: "http://img.b2bpic.net/free-photo/different-electrical-tools-wooden-background-flat-lay_169016-24604.jpg",          imageAlt: "Electrician working on residential fuse box"},
        {
          id: "4",          imageSrc: "http://img.b2bpic.net/free-photo/road-with-powerlines-wind-turbines-sunset_169016-68414.jpg",          imageAlt: "Industrial power plant generator"},
        {
          id: "5",          imageSrc: "http://img.b2bpic.net/free-photo/indian-man-customer-buyer-mobile-phone-store-choose-case-his-smartphone-south-asian-peoples-technologies-concept-cellphone-shop_627829-1286.jpg",          imageAlt: "Electrical equipment showroom"},
        {
          id: "6",          imageSrc: "http://img.b2bpic.net/free-photo/optical-fiber-background_23-2149301569.jpg",          imageAlt: "Abstract electrical circuit background"},
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about-preview" data-section="about-preview">
      <TextSplitAbout
      useInvertedBackground={true}
      title="About Us"
      description={[
        "NANDAPE ELECTRICAL SUPPLY is a trusted provider of high-quality electrical equipment based in Kariakoo. We specialize in supplying reliable and durable electrical solutions tailored for residential, commercial, and industrial needs."]}
      showBorder={false}
    />
  </div>

  <div id="services-overview" data-section="services-overview">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Electrical Panels (LV Panels)",          description: "High-performance panels for safe and efficient power distribution.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Star Delta Starters",          description: "Designed to protect motors and improve performance and longevity.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Busbar Chambers",          description: "Reliable and robust power distribution systems for industrial use.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Automatic Changeover Switches",          description: "Seamless switching between primary and backup power sources.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Power Factor Correction Systems",          description: "Improve energy efficiency and significantly reduce electricity costs.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Pump Control Systems",          description: "Smart and efficient control solutions for water and industrial pumps.",          bentoComponent: "reveal-icon",          icon: Zap
        }
      ]}
      title="What We Offer"
      description="Explore our comprehensive range of high-quality electrical solutions designed for various applications."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",          icon: Star,
          title: "Premium Quality Products",          value: "Certified Excellence"},
        {
          id: "2",          icon: ShieldCheck,
          title: "Reliable & Durable Equipment",          value: "Built to Last"},
        {
          id: "3",          icon: Users,
          title: "Expert Support",          value: "Knowledgeable Team"},
        {
          id: "4",          icon: DollarSign,
          title: "Competitive Pricing",          value: "Best Value"},
        {
          id: "5",          icon: MessageCircle,
          title: "Fast Customer Service",          value: "Always Responsive"},
      ]}
      title="Why Choose NANDAPE?"
      description="Our commitment to excellence sets us apart as your preferred electrical supply partner."
    />
  </div>

  <div id="cta-home" data-section="cta-home">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Ready to Power Up?"
      title="Need Electrical Solutions?"
      description="Our team is ready to provide you with the best electrical equipment and support."
      buttons={[
        {
          text: "Get in Touch Today",          href: "/contact"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Company",          items: [
            {
              label: "Home",              href: "/"},
            {
              label: "About Us",              href: "/about"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Services",          items: [
            {
              label: "Our Products",              href: "/services"},
            {
              label: "LV Panels",              href: "/services#products-services"},
            {
              label: "Star Delta Starters",              href: "/services#products-services"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "/services#faq"},
            {
              label: "WhatsApp Support",              href: "https://wa.me/255657353510"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 NANDAPE Electrical Supply. All rights reserved."
      bottomRightText="Built with Webild"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}