"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';

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="contact-details" data-section="contact-details">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient"}}
      tag="Get In Touch"
      title="We're Here to Help"
      description="Reach out to us for premium electrical solutions. Our team is ready to assist you.\n\n📍 Location: Kariakoo, Dar es Salaam\n📞 Phone: +255 657 353 510 & +255 621 663 510\n💬 WhatsApp: Available"
      buttons={[
        {
          text: "Chat on WhatsApp",          href: "https://wa.me/255657353510"},
      ]}
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Construction Co.",        "Manufacturing Inc.",        "Commercial Properties",        "Energy Solutions",        "Logistics Hub",        "Data Infrastructure",        "Mining Group"]}
      title="Trusted by Industry Leaders"
      description="Our commitment to quality electrical supply has earned the trust of numerous clients across various sectors."
      speed={40}
      showCard={true}
    />
  </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>
  );
}