"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { CheckCircle, ListChecks, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="small"
        sizing="large"
        background="grid"
        cardStyle="gradient-mesh"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Services",          id: "services"},
        {
          name: "Process",          id: "process"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="GDSA"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
      title="Expert Garage Door Services Australia"
      description="From emergency repairs to precision installations, our certified technicians ensure your garage door operates perfectly every time."
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366672476-kuzhbob2.jpg"
      imageAlt="Modern residential garage door installation"
      buttons={[
        {
          text: "Request Service",          href: "#contact"},
        {
          text: "View Our Services",          href: "#services"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Installation & Replacement",          description: "Custom fit solutions for all residential garage door types with professional hardware setup.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366698338-tjxhzodb.webp",          imageAlt: "Technician installing a modern garage door"},
        {
          title: "24/7 Emergency Repairs",          description: "Immediate response for broken springs, cables, or derailed doors any time of day.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366766562-1y58mzaa.jpg",          imageAlt: "Repairman fixing a garage door spring"},
        {
          title: "Motor & Opener Maintenance",          description: "Full servicing of garage door motors, smart openers, and remote control systems.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366738817-4tdhkzwy.jpg",          imageAlt: "Technician servicing garage door motor components"},
      ]}
      title="Professional Door Solutions"
      description="We deliver comprehensive care for your garage door system, prioritizing safety, security, and longevity."
    />
  </div>

  <div id="about-metrics" data-section="about-metrics">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="A Decade of Reliability"
      description="GDSA has been the premier choice for garage door maintenance across the country. Our certified professionals prioritize safety and efficiency in every project."
      metrics={[
        {
          value: "5,000+",          title: "Installations Done"},
        {
          value: "24/7",          title: "Emergency Support"},
        {
          value: "15+",          title: "Years of Experience"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/technician-repairing-garage-door-panel-professional-service_1291-7650.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
      imageAlt="Experienced garage door technician inspecting a track"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "p1",          icon: ListChecks,
          title: "Diagnostic Inspection",          value: "Assessment"},
        {
          id: "p2",          icon: Wrench,
          title: "Professional Repair",          value: "Service"},
        {
          id: "p3",          icon: CheckCircle,
          title: "Safety Certification",          value: "Check"},
      ]}
      title="The GDSA Repair Path"
      description="Our systematic approach ensures every component is checked and functioning to the highest industry standards."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          title: "Saved my car!",          quote: "The door wouldn't open and my car was stuck inside. They came within 2 hours and fixed the spring.",          name: "Sarah Miller",          role: "Homeowner",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366852223-k18uudtn.png"},
        {
          id: "2",          title: "Seamless Installation",          quote: "Upgraded to a smart garage door and the team made the entire process so easy and professional.",          name: "David Thompson",          role: "Property Developer",          imageSrc: "http://img.b2bpic.net/free-photo/professional-garage-door-installation-result-modern-home_1291-7651.jpg"},
        {
          id: "3",          title: "Highly Efficient",          quote: "Friendly team who knew exactly how to fix my derailed door. Highly recommended.",          name: "Emily Watson",          role: "Residential Client",          imageSrc: "http://img.b2bpic.net/free-photo/technician-servicing-garage-door-opener-detail_1291-7649.jpg"},
      ]}
      title="Customer Success Stories"
      description="Join thousands of satisfied homeowners who trust GDSA with their garage door security and maintenance."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Merlin",        "Gliderol",        "B&D",        "Steel-Line",        "ATA",        "Centurion",        "Dominator"]}
      title="Authorized Service Partner"
      description="We are proudly certified to install and service products from the leading manufacturers in Australia."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "My door is making loud noises, is it broken?",          content: "Unusual grinding noises often indicate issues with springs or tracks that require immediate inspection to prevent failure."},
        {
          id: "f2",          title: "Can you repair smart door openers?",          content: "Yes, our technicians are trained in the latest smart home garage integration technology."},
        {
          id: "f3",          title: "Are your parts covered by warranty?",          content: "All our new parts and labor come with a comprehensive service guarantee."},
      ]}
      title="Common Maintenance FAQs"
      description="Addressing the most pressing questions regarding door operations and maintenance protocols."
      faqsAnimation="slide-up"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366823719-wgd1541c.jpg"
      imageAlt="Technician inspecting garage door track mechanism"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Book a Service Call"
      description="Need an emergency repair or a new door quote? Reach out to our team via our 24/7 hotline at +61 497 872 347 or send us a message below."
      inputs={[
        {
          name: "fullName",          type: "text",          placeholder: "Your Full Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email Address",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number",          required: true,
        },
      ]}
      textarea={{
        name: "message",        placeholder: "Describe the service you require...",        rows: 4,
      }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DVT4kin1dd1ZgazvAAicv2ENNt/uploaded-1778366803977-yudo4s63.jpg"
      imageAlt="Our support representative ready to assist with service requests"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/dark-gray-wall-texture_23-2148862462.jpg"
      logoText="GDSA"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Installation",              href: "#services"},
            {
              label: "Emergency Repair",              href: "#contact"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "+61 497 872 347",              href: "tel:+61497872347"},
            {
              label: "Email Support",              href: "mailto:info@gdsa.com.au"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}