"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="Your Trusted Garage Door Experts in Australia"
      description="Fast, reliable, and professional garage door repair and installation services for all residential and commercial needs across Australia."
      imageSrc="http://img.b2bpic.net/free-photo/female-mechanic-fixing-car-wheel-with-pneumatic-wrench_1170-1211.jpg"
      imageAlt="Professional Garage Door Services"
      buttons={[
        {
          text: "Get a Free Quote",
          href: "#contact",
        },
        {
          text: "Our Services",
          href: "#services",
        },
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        {
          title: "Full Installation",
          description: "High-quality garage doors installed with precision and care.",
          imageSrc: "http://img.b2bpic.net/free-photo/photo-metal-texture-pattern_58702-13602.jpg",
          imageAlt: "New garage door installation residential",
        },
        {
          title: "Spring Repairs",
          description: "Expert replacement of broken springs for smooth operations.",
          imageSrc: "http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6573.jpg",
          imageAlt: "Garage door spring repair service",
        },
        {
          title: "Motor Maintenance",
          description: "Advanced troubleshooting and maintenance for all door openers.",
          imageSrc: "http://img.b2bpic.net/free-photo/electrician-is-mounting-electric-sockets-white-wall-indoors_169016-17657.jpg",
          imageAlt: "Garage door motor repair residential",
        },
      ]}
      title="Comprehensive Solutions"
      description="From emergency repairs to full-scale installations, we handle everything your garage door needs."
    />
  </div>

  <div id="about-metrics" data-section="about-metrics">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Why Choose GDSA?"
      description="With years of expertise, we provide unparalleled service quality, ensuring your property remains secure and fully functional."
      metrics={[
        {
          value: "1000+",
          title: "Doors Installed",
        },
        {
          value: "24/7",
          title: "Support Available",
        },
        {
          value: "100%",
          title: "Quality Guaranteed",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/profile-attractive-male-engineer-measuring-wall-with-tape-make-some-home-renovations_662251-566.jpg"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
      imageAlt="Garage door maintenance expert uniform"
    />
  </div>

  <div id="process" data-section="process">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "p1",
          icon: ListChecks,
          title: "Consultation",
          value: "Step 1",
        },
        {
          id: "p2",
          icon: Wrench,
          title: "Repair/Install",
          value: "Step 2",
        },
        {
          id: "p3",
          icon: CheckCircle,
          title: "Quality Check",
          value: "Step 3",
        },
      ]}
      title="Our Simple Process"
      description="We take the complexity out of garage door maintenance through our streamlined three-step approach."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Fantastic Job!",
          quote: "GDSA arrived on time and fixed my broken motor instantly.",
          name: "Sarah Miller",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-posing_23-2148563421.jpg",
        },
        {
          id: "2",
          title: "Very Professional",
          quote: "Best experience I've had with any home contractor. Highly recommend.",
          name: "David Thompson",
          role: "Property Owner",
          imageSrc: "http://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-354.jpg",
        },
        {
          id: "3",
          title: "Reliable & Quick",
          quote: "Professional team that truly knows their way around garage systems.",
          name: "Emily Watson",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/man-street-using-mobile-phone_657883-744.jpg",
        },
        {
          id: "4",
          title: "Great Service",
          quote: "Fast response for my emergency repair. They are lifesavers!",
          name: "James Chen",
          role: "Homeowner",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-looking-house_23-2148346258.jpg",
        },
        {
          id: "5",
          title: "Top Quality",
          quote: "Installation was seamless. The door works better than new.",
          name: "Linda White",
          role: "Customer",
          imageSrc: "http://img.b2bpic.net/free-photo/female-plumber-working-fix-problems-client-s-house_23-2150990733.jpg",
        },
      ]}
      title="What Our Clients Say"
      description="Trusted by hundreds of homeowners throughout Australia to keep their homes accessible and safe."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Merlin",
        "Gliderol",
        "B&D",
        "Steel-Line",
        "ATA",
        "Centurion",
        "Dominator",
      ]}
      title="Trusted Partners"
      description="We use only the highest quality components from industry-leading manufacturers."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",
          title: "How often should I service my garage door?",
          content: "We recommend professional servicing at least once every 12 months to ensure safety.",
        },
        {
          id: "f2",
          title: "Do you offer emergency repairs?",
          content: "Yes, we have dedicated emergency support available 24/7.",
        },
        {
          id: "f3",
          title: "Are you available in my area?",
          content: "We operate throughout Australia with local teams everywhere.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about your garage door maintenance and repair needs."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/hand-tools-set-damaged-mosquito-wire-screen-which-need-be-fixed_1150-6581.jpg"
      imageAlt="Hand tools set and damaged mosquito wire screen which need to be fixed"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="Get a Free Quote"
      description="Contact us at +61 497 872 347 or fill the form below to get an expert assessment today."
      inputs={[
        {
          name: "fullName",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Your Phone Number",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Describe your garage door needs",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-annoyed-blonde-office-worker-man-headphones-sits-desk-with-office-tools-using-laptop-holds-clipboard-looks-side-isolated-white-background-with-copy-space_141793-65464.jpg"
      imageAlt="Young annoyed blonde office worker man on headphones sits at desk with office tools using laptop holds clipboard and looks at side isolated on white background with copy space"
    />
  </div>

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