"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Facebook, Linkedin, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="large"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About Us",
          id: "about",
        },
        {
          name: "Services",
          id: "features",
        },
        {
          name: "Projects",
          id: "metrics",
        },
        {
          name: "Testimonials",
          id: "testimonials",
        },
        {
          name: "FAQ",
          id: "faq",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="ACS Underground Solutions"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "rotated-rays-animated-grid",
      }}
      title="Underground Infrastructure Built Right"
      description="Trusted excavation and utility solutions for construction, municipal, and commercial projects. 20 years delivering safe, compliant underground work on time and on budget."
      buttons={[
        {
          text: "Request a Project Quote",
          href: "#contact",
        },
      ]}
      buttonAnimation="slide-up"
      carouselItems={[
        {
          id: "hero-carousel-1",
          imageSrc: "http://img.b2bpic.net/free-photo/male-worker-with-bulldozer-sand-quarry_1303-28096.jpg",
          imageAlt: "Underground utility trench excavation",
        },
        {
          id: "hero-carousel-2",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-side-view-construction-engineer-using-tablet_23-2148233670.jpg",
          imageAlt: "Utility locating equipment scanner",
        },
        {
          id: "hero-carousel-3",
          imageSrc: "http://img.b2bpic.net/free-photo/adjustment-young-adult-man-protective-helmet-gloves-bright-vest-crouching-looking-tool-sideways-camera-construction-site_259150-57664.jpg",
          imageAlt: "Trenchless technology pipe bursting",
        },
        {
          id: "hero-carousel-4",
          imageSrc: "http://img.b2bpic.net/free-photo/three-people-discussing-plan-factory_1303-30624.jpg",
          imageAlt: "Construction team reviewing site plans",
        },
        {
          id: "hero-carousel-5",
          imageSrc: "http://img.b2bpic.net/free-photo/aerial-shot-urban-city-highway-night_181624-608.jpg",
          imageAlt: "Night construction work with city lights",
        },
        {
          id: "hero-carousel-6",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-ongoing-construction-with-tracks-bulldozer-abandoned-land_181624-32699.jpg",
          imageAlt: "Aerial view of a large construction site",
        },
      ]}
      autoPlay={true}
      autoPlayInterval={4000}
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={true}
      heading={[
        {
          type: "text",
          content: "20 Years of Expertise in Underground Solutions",
        },
      ]}
      buttons={[
        {
          text: "Learn More About Us",
          href: "#about",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "f1",
          label: "Utility Locating",
          title: "Precise Subsurface Mapping",
          items: [
            "GPR & Electromagnetic Scanning",
            "Pipeline & Cable Tracing",
            "Damage Prevention Expertise",
          ],
        },
        {
          id: "f2",
          label: "Directional Drilling",
          title: "Trenchless Installation",
          items: [
            "Horizontal Directional Drilling",
            "Minimally Invasive Techniques",
            "Environmentally Conscious",
          ],
        },
        {
          id: "f3",
          label: "Trenchless Technology",
          title: "Efficient Pipe Repair & Replacement",
          items: [
            "Pipe Bursting Solutions",
            "Cured-in-Place Pipe (CIPP)",
            "Reduced Disruption, Faster Completion",
          ],
        },
        {
          id: "f4",
          label: "Excavation & Shoring",
          title: "Safe & Controlled Digging",
          items: [
            "Vacuum Excavation",
            "Structural Shoring Systems",
            "Confined Space Entry Protocols",
          ],
        },
      ]}
      title="Comprehensive Underground Services"
      description="From precise utility locating to advanced trenchless technologies, ACS provides a full spectrum of underground construction and repair services."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Sarah Johnson",
          handle: "Project Manager, EcoBuild Inc.",
          testimonial: "ACS Underground Solutions delivered exceptional results on our recent municipal pipeline project. Their team was professional, adhered strictly to safety protocols, and completed the work ahead of schedule. Highly recommended!",
          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1665.jpg",
          imageAlt: "Sarah Johnson",
        },
        {
          id: "2",
          name: "Michael Chen",
          handle: "Director of Infrastructure, City of Greenview",
          testimonial: "We rely on ACS for all our critical utility locating needs. Their accuracy and rapid response times are unmatched, saving us countless hours and preventing potential hazards on site.",
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-laptop-computer-walking-street_171337-19704.jpg",
          imageAlt: "Michael Chen",
        },
        {
          id: "3",
          name: "Emily Rodriguez",
          handle: "VP of Development, UrbanSprout LLC",
          testimonial: "For our commercial property developments, trenchless technology is key. ACS provided innovative solutions that minimized disruption to businesses while ensuring robust underground infrastructure. A true partner.",
          imageSrc: "http://img.b2bpic.net/free-photo/man-standing-front-building-holding-mobile-phone-hand-talking-loudspeaker_23-2147972812.jpg",
          imageAlt: "Emily Rodriguez",
        },
        {
          id: "4",
          name: "David Kim",
          handle: "Senior Superintendent, Titan Contractors",
          testimonial: "ACS handles the complex underground work so we don't have to. Their expertise in directional drilling meant our new conduits were installed flawlessly, even in challenging urban environments.",
          imageSrc: "http://img.b2bpic.net/free-photo/business-contract-executive-goals-target_53876-21233.jpg",
          imageAlt: "David Kim",
        },
        {
          id: "5",
          name: "Jessica Lee",
          handle: "Construction Lead, Horizon Builders",
          testimonial: "Safety is paramount, and ACS shares that commitment. Their rigorous safety plans and skilled operators give us peace of mind on every excavation. Truly dependable.",
          imageSrc: "http://img.b2bpic.net/free-photo/female-architect-with-thumb-up_1149-1128.jpg",
          imageAlt: "Jessica Lee",
        },
      ]}
      title="What Our Clients Say"
      description="Hear directly from industry leaders who trust ACS Underground Solutions for their critical projects."
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",
          value: "20+",
          description: "Years in Business",
        },
        {
          id: "m2",
          value: "500+",
          description: "Successful Projects",
        },
        {
          id: "m3",
          value: "98%",
          description: "Safety Compliance Rate",
        },
        {
          id: "m4",
          value: "100%",
          description: "Client Satisfaction",
        },
      ]}
      title="Our Impact & Reliability"
      description="Demonstrating a steadfast commitment to excellence, safety, and client satisfaction over two decades."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Contractor Group",
        "Municipal Works",
        "Property Dev",
        "Utility Corp",
        "Civil Eng",
        "Infrastructure LLC",
        "Building Inc",
      ]}
      title="Trusted by Industry Leaders"
      description="Our proven track record speaks for itself. We partner with leading construction firms, municipalities, and developers."
      speed={40}
      showCard={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",
          title: "What types of projects do you handle?",
          content: "ACS Underground Solutions specializes in a wide range of projects including municipal utility upgrades, commercial site excavations, residential utility repairs, and complex infrastructure installations for contractors and developers.",
        },
        {
          id: "q2",
          title: "Are your services environmentally friendly?",
          content: "Yes, we prioritize sustainable practices. Our trenchless technologies, such as directional drilling and pipe bursting, minimize ground disturbance, reducing environmental impact and restoration costs.",
        },
        {
          id: "q3",
          title: "What are your safety protocols?",
          content: "Safety is our top priority. We adhere to stringent safety standards, conducting regular training, using state-of-the-art equipment, and implementing comprehensive site-specific safety plans to protect our crew and the public.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-business-meeting_23-2148480350.jpg"
      imageAlt="Construction worker explaining plans to team"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find answers to common questions about our services, safety, and project processes."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "rotated-rays-static",
      }}
      tag="Get a Quote"
      title="Ready to Start Your Project?"
      description="Contact ACS Underground Solutions today for a reliable and efficient partnership. Our experts are ready to provide a detailed consultation and a tailored project quote."
      imageSrc="http://img.b2bpic.net/free-photo/vertical-low-angle-shot-high-rise-black-building-with-glass-windows_181624-2496.jpg"
      imageAlt="Modern office building exterior"
      mediaAnimation="slide-up"
      mediaPosition="left"
      inputPlaceholder="Enter your email"
      buttonText="Request a Quote"
      termsText="By clicking Request a Quote you're confirming that you agree with our Terms and Conditions."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="ACS Underground Solutions"
      copyrightText="© 2024 ACS Underground Solutions. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
        {
          icon: Linkedin,
          href: "#",
          ariaLabel: "LinkedIn",
        },
        {
          icon: Twitter,
          href: "#",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
