"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Award, Calendar, ShieldCheck, Sparkles, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="none"
        cardStyle="inset"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Pricing",          id: "#pricing"},
        {
          name: "Impact",          id: "#impact"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg"
      logoAlt="Nirumala Trade & Electricals Logo"
      brandName="Nirumala Trade & Electricals"
      bottomLeftText="Electrical Excellence"
      bottomRightText="info@nirumala.com"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "radial-gradient"}}
      title="Nirumala Trade & Electricals: Your Trusted Partner for Power Solutions"
      description="Delivering high-quality electrical components and reliable trade services to empower your projects with efficiency and safety."
      buttons={[
        {
          text: "Explore Products",          href: "#products"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/sun-setting-silhouette-electricity-pylons_1127-3219.jpg",          imageAlt: "Modern electrical panel"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/two-builder-engineers-talking-building-site-engineer-explaining-drawing-worker_169016-12057.jpg",          imageAlt: "Bundles of electrical wires and cables"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/maintenance-repair-plumbing-construction-concept_343059-3498.jpg",          imageAlt: "Electrical technician working on a control panel"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/photo-swimming-pool-trampolines_23-2148326836.jpg",          imageAlt: "Modern LED lighting in an industrial setting"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-structure_23-2151048136.jpg",          imageAlt: "Clean energy power station"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-economist_23-2150062320.jpg",          imageAlt: "Smart electrical meter with digital display"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={true}
      tag="Our Story"
      title="Over a Decade of Excellence in Electrical Solutions"
      description="Since 2010, Nirumala Trade & Electricals has been a cornerstone in the electrical industry, committed to superior quality and unmatched service. Our expertise spans a wide range of electrical components and comprehensive trade services, ensuring every client receives reliable and efficient solutions tailored to their needs."
      subdescription="We believe in building lasting relationships through trust, integrity, and consistently exceeding expectations. From intricate wiring projects to large-scale component supply, our dedication to precision and customer satisfaction powers our every endeavor."
      icon={Sparkles}
      imageSrc="http://img.b2bpic.net/free-photo/heavy-machinery-units-high-tech-solar-panel-warehouse-3d-illustration_482257-77941.jpg"
      mediaAnimation="opacity"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Industrial Electrical Installations",          description: "Expert installation of heavy-duty electrical systems for factories and large facilities.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Commercial Wiring & Upgrades",          description: "Reliable wiring solutions and system upgrades for commercial buildings and offices.",          bentoComponent: "reveal-icon",          icon: Zap
        },
        {
          title: "Electrical Component Supply",          description: "Sourcing and supply of high-quality electrical parts, ensuring optimal performance.",          bentoComponent: "reveal-icon",          icon: ShieldCheck
        },
      ]}
      title="Comprehensive Electrical & Trade Solutions"
      description="From industrial-grade wiring to custom electrical panel installations, our team provides expert services ensuring safety, compliance, and optimal performance."
      tag="Our Services"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "switchgear",          name: "Industrial Switchgear",          price: "$5,500",          variant: "High-Performance",          imageSrc: "http://img.b2bpic.net/free-photo/electrical-panel-with-fuses-contactors-closeup_169016-51919.jpg",          imageAlt: "Industrial switchgear control panel"},
        {
          id: "motor",          name: "Heavy-Duty Electric Motors",          price: "$2,800",          variant: "Energy Efficient",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599439.jpg",          imageAlt: "Heavy-duty industrial electric motor"},
        {
          id: "cable-tray",          name: "Cable Management Systems",          price: "$350",          variant: "Modular Design",          imageSrc: "http://img.b2bpic.net/free-photo/bottom-view-bridge-foggy-day_1127-2065.jpg",          imageAlt: "Cable tray system in an industrial building"},
        {
          id: "transformer",          name: "Power Transformers",          price: "$7,200",          variant: "Voltage Regulation",          imageSrc: "http://img.b2bpic.net/free-photo/electricity-high-voltage-pole-sky_1127-2985.jpg",          imageAlt: "Large power transformer"},
        {
          id: "lighting",          name: "Commercial LED Lighting",          price: "$120",          variant: "Eco-Friendly",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-white-candles-dark-wall_179666-40097.jpg",          imageAlt: "Commercial LED lighting fixture"},
        {
          id: "breaker",          name: "Circuit Breakers",          price: "$85",          variant: "Safety Certified",          imageSrc: "http://img.b2bpic.net/free-photo/electric-machines-switches-isolated-white-close-up-connect-marker-cable-device_169016-4119.jpg",          imageAlt: "Electrical circuit breaker"},
      ]}
      title="Premium Electrical Components for Every Need"
      description="Explore our extensive catalog of high-quality electrical components, meticulously sourced and tested for durability and performance."
      tag="Our Products"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "basic-install",          badge: "Essential",          price: "Custom Quote",          subtitle: "Basic Installation Services",          buttons: [
            {
              text: "Get a Quote",              href: "#contact"},
          ],
          features: [
            "Standard wiring setup",            "Component installation",            "Initial safety check",            "1-year service warranty"],
        },
        {
          id: "standard-maintain",          badge: "Recommended",          badgeIcon: Sparkles,
          price: "Custom Quote",          subtitle: "Comprehensive Maintenance Plans",          buttons: [
            {
              text: "Contact Us",              href: "#contact"},
          ],
          features: [
            "Regular system inspections",            "Preventative maintenance",            "Emergency repair priority",            "24/7 technical support"],
        },
        {
          id: "premium-project",          badge: "Enterprise",          price: "Custom Quote",          subtitle: "Full-Scale Project Management",          buttons: [
            {
              text: "Inquire Now",              href: "#contact"},
          ],
          features: [
            "Dedicated project manager",            "Custom design & engineering",            "Premium component supply",            "Extended warranty & support"],
        },
      ]}
      title="Tailored Electrical Project Packages"
      description="Whether it's a small repair or a large-scale industrial project, we offer flexible pricing models designed to fit your budget and requirements. Contact us for a personalized quote."
      tag="Custom Solutions"
    />
  </div>

  <div id="impact" data-section="impact">
      <MetricCardThree
      textboxLayout="default"
      useInvertedBackground={true}
      animationType="slide-up"
      metrics={[
        {
          id: "years",          icon: Calendar,
          title: "Years in Business",          value: "14+"},
        {
          id: "projects",          icon: Wrench,
          title: "Projects Completed",          value: "800+"},
        {
          id: "satisfaction",          icon: Award,
          title: "Client Satisfaction",          value: "98%"},
      ]}
      title="Driving Success with Key Results"
      description="Our commitment to excellence is reflected in the tangible results we deliver, project after project."
      tag="Our Impact"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Ramesh Kumar",          role: "Operations Manager",          company: "Apex Industries",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",          imageAlt: "Ramesh Kumar"},
        {
          id: "2",          name: "Priya Sharma",          role: "Project Lead",          company: "GreenBuild Solutions",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-professional-architect-woman-wearing-yellow-helmet-standing-outdoors-engineer-architect-concept_58466-12277.jpg",          imageAlt: "Priya Sharma"},
        {
          id: "3",          name: "Suresh Singh",          role: "Factory Owner",          company: "Modern Manufacturing",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/two-people-working-warehouse_329181-12812.jpg",          imageAlt: "Suresh Singh"},
        {
          id: "4",          name: "Anjali Mehta",          role: "Retail Director",          company: "City Mart",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/jolly-handsome-sportsman-reading-sms-device_1262-5216.jpg",          imageAlt: "Anjali Mehta"},
        {
          id: "5",          name: "Vikram Patel",          role: "Chief Engineer",          company: "Innovate Tech",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-man-outdoor_23-2148479594.jpg",          imageAlt: "Vikram Patel"},
      ]}
      kpiItems={[
        {
          value: "500+",          label: "Successful Projects"},
        {
          value: "100%",          label: "Client Satisfaction"},
        {
          value: "15+",          label: "Years of Expertise"},
      ]}
      title="What Our Clients Say"
      description="Hear directly from businesses and individuals who have experienced the Nirumala Trade & Electricals difference."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Global Industries",        "PowerGrid Co.",        "BuildRight Construction",        "FastFreight Logistics",        "SafetyFirst Solutions",        "Automate Systems",        "GreenEarth Energy"]}
      title="Trusted by Industry Leaders"
      description="We are proud to partner with a diverse range of companies, delivering reliable electrical solutions that power their success."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Get in Touch"
      title="Let's Power Your Next Project"
      description="Have a question or need a quote? Reach out to our expert team for personalized electrical solutions and prompt service."
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-modern-design-glass-building_23-2148252743.jpg"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Terms and Conditions."
      onSubmit={(email) => console.log(email)}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoSrc="http://img.b2bpic.net/free-vector/renewable-energy-logo-design_23-2150013331.jpg"
      logoAlt="Nirumala Trade & Electricals Logo"
      logoText="Nirumala Trade & Electricals"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Installations",              href: "#services"},
            {
              label: "Maintenance",              href: "#services"},
            {
              label: "Supply",              href: "#products"},
            {
              label: "Custom Solutions",              href: "#pricing"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Impact",              href: "#impact"},
            {
              label: "Partners",              href: "#partners"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Nirumala Trade & Electricals. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}