"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { CalendarDays, Car, ShieldCheck, Users, Wrench } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="large"
        background="fluid"
        cardStyle="gradient-radial"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Services",          id: "#services"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Reviews",          id: "#reviews"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Automotive Expert"
      button={{
        text: "Call Now",        href: "tel:+13097865992"}}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardGallery
      background={{
        variant: "downward-rays-static-grid"}}
      title="Automotive Expert - Your Premier Auto Service"
      description="Your Premier Auto Service Provider. Fast, Reliable, and Professional for All Your Vehicle Needs."
      buttons={[
        {
          text: "Get a Free Estimate",          href: "#contact"},
        {
          text: "Call Us Today",          href: "tel:+13097865992"},
      ]}
      mediaItems={[
        {
          imageSrc: "https://img.b2bpic.net/free-photo/red-steel-tool-box-garage_613910-13485.jpg?id=26397773",          imageAlt: "Mechanic working on car engine"},
        {
          imageSrc: "https://img.b2bpic.net/free-photo/benchman-fixing-engine-car_114579-2807.jpg?id=5542968",          imageAlt: "Tools for auto repair"},
        {
          imageSrc: "https://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3918.jpg?id=26131438",          imageAlt: "Car on a lift in a garage"},
        {
          imageSrc: "https://img.b2bpic.net/free-photo/employees-working-together-fix-car_482257-76242.jpg?id=136131571",          imageAlt: "Mechanic talking to a customer"},
        {
          imageSrc: "https://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3934.jpg?id=26131474",          imageAlt: "Organized auto tools"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/car-maintenance-repair-service_23-2148679469.jpg",          imageAlt: "Mechanic working under a car"},
      ]}
      mediaAnimation="opacity"
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Your Trusted Partner in Automotive Care"
      metrics={[
        {
          icon: CalendarDays,
          label: "Years in Service",          value: "15+"},
        {
          icon: Users,
          label: "Happy Customers",          value: "500+"},
        {
          icon: ShieldCheck,
          label: "Certified Technicians",          value: "ASE Certified"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Oil Changes & Fluid Checks",          description: "Routine oil changes, filter replacements, and fluid top-offs to keep your engine running smoothly and efficiently.",          imageSrc: "https://img.b2bpic.net/free-photo/automated-car-assembly-line-plant-automotive-industry-shop-production-assembly-machines-bottom-view_645730-624.jpg?id=26151008",          imageAlt: "Oil filter and wrench"},
        {
          title: "Brake Service & Repair",          description: "Comprehensive brake inspections, pad replacement, rotor resurfacing, and full system repairs for your safety.",          imageSrc: "https://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg?id=38170187",          imageAlt: "Mechanic replacing brake pads"},
        {
          title: "Engine Diagnostics & Repair",          description: "Advanced diagnostic tools to identify check engine light issues, perform tune-ups, and execute complex engine repairs.",          imageSrc: "https://img.b2bpic.net/free-photo/auto-mechanic-working-garage-repair-service_146671-19684.jpg?id=10521876",          imageAlt: "Mechanic performing engine diagnostics"},
        {
          title: "Tire Sales & Service",          description: "New tire sales, rotation, balancing, alignment, and flat tire repair to maximize tire life and vehicle performance.",          imageSrc: "https://img.b2bpic.net/premium-photo/car-mechanic-is-holding-tire-hand-is-ready-changing-tires_190851-1922.jpg?id=218435777",          imageAlt: "Mechanic changing a tire"},
        {
          title: "A/C & Heating Repair",          description: "Keep your cabin comfortable with our expert air conditioning and heating system inspections, repairs, and recharges.",          imageSrc: "https://img.b2bpic.net/free-photo/beautiful-frost-pattern-window_181624-1501.jpg?id=7747941",          imageAlt: "Car A/C system components"},
        {
          title: "Battery & Electrical Service",          description: "Battery testing, replacement, and full electrical system diagnosis and repair for reliable starting and operation.",          imageSrc: "https://img.b2bpic.net/free-photo/repair-man-making-car-service_1303-26864.jpg?id=14921103",          imageAlt: "Car battery with jumper cables"},
      ]}
      title="Our Comprehensive Automotive Expert Services"
      description="From routine maintenance to complex engine repairs, Automotive Expert provides fast, reliable, and professional solutions for your vehicle."
    />
  </div>

  <div id="solutions" data-section="solutions">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      products={[
        {
          id: "product-1",          name: "Synthetic Oil Change Package",          price: "Starting at $79",          imageSrc: "https://img.b2bpic.net/free-photo/mechanic-pouring-oil-into-car-engine_1170-1308.jpg?id=1005224",          imageAlt: "Synthetic oil change kit"},
        {
          id: "product-2",          name: "Advanced Diagnostic Scan",          price: "Starting at $120",          imageSrc: "https://img.b2bpic.net/free-photo/mechanic-using-diagnostic-tool_1170-1365.jpg?id=1005282",          imageAlt: "Mechanic with diagnostic tablet"},
        {
          id: "product-3",          name: "Premium Tire Rotation & Balance",          price: "Starting at $50",          imageSrc: "https://img.b2bpic.net/premium-photo/car-wheel-alignment-check_1426-16981.jpg?id=52356905",          imageAlt: "Car tires in a shop"},
        {
          id: "product-4",          name: "Brake System Flush & Fill",          price: "Starting at $150",          imageSrc: "http://img.b2bpic.net/free-photo/car-brake-disc_23-2147770847.jpg",          imageAlt: "Car brake system"},
        {
          id: "product-5",          name: "Wheel Alignment Service",          price: "Starting at $90",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-part_23-2147770856.jpg",          imageAlt: "Wheel alignment machine"},
        {
          id: "product-6",          name: "Coolant System Maintenance",          price: "Starting at $110",          imageSrc: "http://img.b2bpic.net/free-photo/motor-oil-change-concept_23-2147770859.jpg",          imageAlt: "Car radiator and coolant"},
      ]}
      title="Specialized Automotive Expert Solutions"
      description="Beyond our core services, we offer specialized solutions to tackle unique vehicle challenges and enhance your car's performance."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "4.9 / 5",          title: "Average Rating",          description: "Consistently high customer satisfaction across all our auto services.",          imageSrc: "https://img.b2bpic.net/free-photo/thumb-up-female-hand_628469-463.jpg?id=27332449",          imageAlt: "Car diagram"},
        {
          id: "m2",          value: "300+",          title: "Positive Reviews",          description: "See what our happy customers are saying about us.",          imageSrc: "https://img.b2bpic.net/free-vector/speak-up-share-your-feedback-background-with-megaphone-design_1017-59030.jpg?id=417368200",          imageAlt: "Customer review icon"},
        {
          id: "m3",          value: "15+ Years",          title: "Industry Experience",          description: "A long-standing history of reliable and expert auto repair work.",          imageSrc: "http://img.b2bpic.net/free-photo/auto-repair-workshop_23-2147770854.jpg",          imageAlt: "Auto repair workshop"},
        {
          id: "m4",          value: "Same Day",          title: "Service Available",          description: "Quick turnaround for many common auto services to get you back on the road.",          imageSrc: "https://img.b2bpic.net/premium-photo/close-up-hand-holding-stopwatch-city_1610672-342.jpg?id=102803108",          imageAlt: "Fast clock icon"},
      ]}
      title="Why Choose Automotive Expert?"
      description="Our commitment to quality, speed, and customer satisfaction sets us apart as a premier auto service center."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-attractive-unshaved-dark-skinned-man-with-afro-hairstyle-smiling-expressing-happiness-while-sitting-park-enjoying-nice-weather-listening-music_176420-19804.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Michael C.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-holding-each-other-s-hand_23-2147891266.jpg",          imageAlt: "Michael C."},
        {
          id: "3",          name: "Emily R.",          imageSrc: "http://img.b2bpic.net/free-photo/female-sales-person-jewelry-store_1303-30652.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "David K.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-business-man-standing-office-cafe-leaning-counter-holding-jacket-shoulder-showing-thumb-up-like_74855-10007.jpg",          imageAlt: "David K."},
        {
          id: "5",          name: "Jessica L.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-plumber_23-2150746293.jpg",          imageAlt: "Jessica L."},
      ]}
      cardTitle="Hear From Our Happy Customers"
      cardTag="Reliable Auto Care"
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "ASE Certified",        "NAPA AutoCare Center",        "Bosch Car Service",        "BBB Accredited",        "Trusted Technicians",        "Customer Recommended"]}
      title="Recognized & Certified for Automotive Excellence"
      description="We adhere to the highest standards of automotive repair and quality, backed by industry certifications and trusted partnerships."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "What types of auto repair services do you offer?",          content: "We offer a full range of services including oil changes, brake repair, engine diagnostics, tire sales and service, AC and heating repair, and battery/electrical service. Visit our services section for a complete list."
        },
        {
          id: "faq-2",          title: "How often should I have my oil changed?",          content: "Generally, we recommend an oil change every 3,000 to 5,000 miles for conventional oil, or as specified by your vehicle's manufacturer for synthetic oils, depending on your driving habits."
        },
        {
          id: "faq-3",          title: "Do you provide estimates before starting repairs?",          content: "Yes, transparency is key. We provide a detailed, no-obligation estimate for all major repairs before any work begins, ensuring you understand the costs involved."
        },
        {
          id: "faq-4",          title: "Are your auto technicians certified?",          content: "Absolutely. Our team consists of highly trained and ASE Certified technicians dedicated to providing expert and reliable service for your vehicle."
        },
        {
          id: "faq-5",          title: "What vehicles do you service?",          content: "We proudly service most makes and models of cars, trucks, and SUVs, both foreign and domestic. Please contact us with your vehicle details if you have specific questions."
        },
        {
          id: "faq-6",          title: "Do you offer a warranty on your repairs?",          content: "Yes, we stand behind our work. Most of our repairs come with a warranty to give you peace of mind. Please ask our service advisors for specific warranty details."
        },
        {
          id: "faq-7",          title: "Can I schedule an appointment online?",          content: "Currently, we recommend calling us directly at (309) 786-5992 to schedule your service appointment. We're working on an online booking option for the future!"
        }
      ]}
      title="Common Questions About Our Auto Repair Services"
      description="Find quick answers to common questions about our auto repair services, pricing, and operational details."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "downward-rays-static"}}
      tag="Connect With Us"
      title="Schedule Your Auto Service or Get a Free Quote"
      description="Ready to get your car serviced? Contact us today for an appointment or a no-obligation estimate. We're committed to providing top-notch auto repair."
      inputPlaceholder="Enter your name, email, or phone for service"
      buttonText="Request a Quote"
      termsText="By clicking Request a Quote, you agree to be contacted by Automotive Expert regarding your service inquiry."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      videoSrc="http://img.b2bpic.net/free-photo/mechanic-working-car-service_23-2147770858.jpg"
      videoAriaLabel="Mechanic working on car"
      logoText="Automotive Expert"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Oil Change & Filters",              href: "#services"},
            {
              label: "Brake & ABS Repair",              href: "#services"},
            {
              label: "Engine Diagnostics",              href: "#services"},
            {
              label: "Tire Sales & Service",              href: "#services"},
            {
              label: "AC & Heating",              href: "#services"},
            {
              label: "Battery & Electrical",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Customer Reviews",              href: "#reviews"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Our Team",              href: "#about"},
          ],
        },
        {
          title: "Contact",          items: [
            {
              label: "Schedule Service",              href: "#contact"},
            {
              label: "Call Us: (309) 786-5992",              href: "tel:+13097865992"},
            {
              label: "Contact Us",              href: "#contact"}
          ],
        },
      ]}
      copyrightText="© 2024 Automotive Expert. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}