"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Facebook, Instagram, MapPin } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumSmall"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "About Us",
          id: "#about",
        },
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "Specializations",
          id: "#specializations",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "FAQ",
          id: "#faq",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Mecanic Classics"
      button={{
        text: "Book Now",
        href: "#contact",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDualMedia
      background={{
        variant: "plain",
      }}
      title="Mecanic Classics: Precision Auto Care You Can Trust"
      description="Dedicated to delivering exceptional service for classic and modern vehicles alike. From routine maintenance to complex diagnostics, we keep your ride running smoothly and reliably."
      tag="Trusted Mechanics"
      tagAnimation="opacity"
      buttons={[
        {
          text: "Book an Appointment",
          href: "#contact",
        },
        {
          text: "Explore Services",
          href: "#services",
        },
      ]}
      buttonAnimation="slide-up"
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hands-female-mechanic-servicing-car_1170-1243.jpg",
          imageAlt: "Mechanic working on a car engine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-blue-uniform-checks-car_1157-31695.jpg",
          imageAlt: "Vintage car inside a clean garage",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1176.jpg",
          imageAlt: "Mechanic servicing a car engine",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/car-repairman-wearing-white-uniform-standing-holding-wrench-that-is-essential-tool-mechanic_1150-16584.jpg",
          imageAlt: "Car repairman wearing a white uniform standing and holding a wrench that is an essential tool for a mechanic",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-car-service-station_23-2148327584.jpg",
          imageAlt: "High angle car service station",
        },
      ]}
      mediaAnimation="blur-reveal"
      rating={5}
      ratingText="Rated 5 Stars by Our Happy Customers"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="Passion for Performance, Dedication to Detail"
      description={[
        "At Mecanic Classics, our love for cars drives everything we do. With years of experience and a team of certified technicians, we provide top-tier auto repair and maintenance services.",
        "We combine old-school craftsmanship with modern diagnostic tools to ensure your vehicle receives the best possible care. Whether it's a cherished classic or your daily driver, we treat every car as if it were our own, guaranteeing reliability and performance.",
      ]}
      buttons={[
        {
          text: "Meet Our Team",
          href: "#",
        },
      ]}
      buttonAnimation="opacity"
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "oil-change",
          title: "Routine Oil Changes & Filter Replacements",
          tags: [
            "Maintenance",
            "Longevity",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-thinking-while-repairing-car-engine-workshop_637285-8654.jpg",
          imageAlt: "Mechanic changing car oil",
        },
        {
          id: "brake-service",
          title: "Expert Brake System Inspections & Repairs",
          tags: [
            "Safety",
            "Performance",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170039.jpg",
          imageAlt: "Mechanic working on car brakes",
        },
        {
          id: "diagnostics",
          title: "Advanced Engine & Electrical Diagnostics",
          tags: [
            "Efficiency",
            "Reliability",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg",
          imageAlt: "Mechanic using diagnostic tool on engine",
        },
        {
          id: "tire-service",
          title: "Tire Sales, Rotation & Alignment Services",
          tags: [
            "Handling",
            "Wear",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/car-wrapping-with-foil-car-service_1303-32329.jpg",
          imageAlt: "Car tires being serviced",
        },
      ]}
      title="Our Comprehensive Range of Auto Services"
      description="From preventative maintenance to advanced repairs, Mecanic Classics offers a full suite of services to ensure your vehicle's optimal performance and longevity."
    />
  </div>

  <div id="specializations" data-section="specializations">
      <ProductCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "classic-engine",
          brand: "Classic Care",
          name: "Vintage Engine Rebuilds",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "25",
          imageSrc: "http://img.b2bpic.net/free-photo/retro-car-parked-grass_158595-1894.jpg",
          imageAlt: "Restored classic car engine",
        },
        {
          id: "exhaust-install",
          brand: "Performance",
          name: "Custom Exhaust Installation",
          price: "From €500",
          rating: 5,
          reviewCount: "18",
          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-hydraulic-elements_23-2149333323.jpg",
          imageAlt: "Performance exhaust being installed",
        },
        {
          id: "suspension-tuning",
          brand: "Handling",
          name: "Performance Suspension Tuning",
          price: "From €350",
          rating: 5,
          reviewCount: "12",
          imageSrc: "http://img.b2bpic.net/free-photo/technician-checking-vehicle-bottom_23-2147897952.jpg",
          imageAlt: "Car suspension system",
        },
        {
          id: "vintage-electrical",
          brand: "Restoration",
          name: "Vintage Electrical Repair",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "15",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-bicycle_1170-2516.jpg",
          imageAlt: "Complex wiring in a vintage car",
        },
        {
          id: "rust-restoration",
          brand: "Bodywork",
          name: "Rust & Body Restoration",
          price: "Custom Quote",
          rating: 5,
          reviewCount: "10",
          imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487009.jpg",
          imageAlt: "Rust being removed from a car chassis",
        },
        {
          id: "detailing-paint",
          brand: "Aesthetics",
          name: "Professional Detailing & Paint Correction",
          price: "From €200",
          rating: 5,
          reviewCount: "22",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-worker-repairman-sanding-polishing-car-body-preparing-automobile-painting-workshop-garage_342744-318.jpg",
          imageAlt: "Car being polished",
        },
      ]}
      title="Specialized Care & Classic Restoration"
      description="Beyond standard repairs, we offer expert services for unique vehicle needs, including meticulous classic car restoration and performance enhancements."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardTwo
      animationType="depth-3d"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years",
          value: "15+",
          description: "Years of Dedicated Service",
        },
        {
          id: "customers",
          value: "500+",
          description: "Happy & Returning Customers",
        },
        {
          id: "vehicles",
          value: "2000+",
          description: "Vehicles Serviced & Maintained",
        },
      ]}
      title="Driven by Results: Our Commitment to Excellence"
      description="We measure our success by the satisfaction of our clients and the reliability of their vehicles. See the numbers that reflect our dedication."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "Jean-Pierre D.",
          handle: "@JeanPierreCar",
          testimonial: "Mecanic Classics brought my vintage Porsche back to life! Their attention to detail and knowledge of classic cars is unmatched. Highly recommend for any specialized work.",
          imageSrc: "http://img.b2bpic.net/free-photo/salesman-car-showroom_1303-13625.jpg",
          imageAlt: "Portrait of Jean-Pierre D.",
        },
        {
          id: "2",
          name: "Sophie M.",
          handle: "@Sophie_Drives",
          testimonial: "Fantastic service every time. They're always transparent about repairs and I trust them completely with my daily driver. Best mechanics in the region!",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-smiling_93675-133804.jpg",
          imageAlt: "Portrait of Sophie M.",
        },
        {
          id: "3",
          name: "Marc L.",
          handle: "@MarcAutoFan",
          testimonial: "I've been coming here for years, and the quality of work is consistently excellent. They explain everything clearly and the pricing is fair. Top-notch professionalism.",
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-sitting-car_1303-14573.jpg",
          imageAlt: "Portrait of Marc L.",
        },
        {
          id: "4",
          name: "Chloé B.",
          handle: "@ChloeB_Cars",
          testimonial: "Booking was easy, and the service was quick and efficient. My car feels brand new after its maintenance. Thank you, Mecanic Classics!",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
          imageAlt: "Portrait of Chloé B.",
        },
        {
          id: "5",
          name: "Thierry R.",
          handle: "@ThierryRacer",
          testimonial: "My performance car needed specific tuning, and Mecanic Classics delivered beyond expectations. They truly understand high-performance vehicles.",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-handshaking-with-customer-workshop_637285-8634.jpg",
          imageAlt: "Portrait of Thierry R.",
        },
      ]}
      title="Hear What Our Valued Clients Have to Say"
      description="Our reputation is built on trust and excellent service. Read testimonials from customers who rely on Mecanic Classics for their automotive needs."
      speed={40}
      topMarqueeDirection="left"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "How can I book an appointment?",
          content: "You can easily book an appointment through our website's contact form, by calling us directly, or by visiting our garage in person. We recommend booking in advance for specialized services.",
        },
        {
          id: "faq-2",
          title: "What types of vehicles do you service?",
          content: "We proudly service all types of vehicles, from modern daily drivers to cherished classic and vintage automobiles. Our technicians are experienced with a wide range of makes and models.",
        },
        {
          id: "faq-3",
          title: "Do you offer warranties on your repairs?  ",
          content: "Yes, we stand behind the quality of our work. All our repairs come with a standard warranty, details of which can be provided upon request or at the time of service.",
        },
        {
          id: "faq-4",
          title: "What payment methods do you accept?",
          content: "We accept various payment methods including major credit/debit cards and bank transfers. Please inquire about specific payment options when you book or visit our shop.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg"
      imageAlt="Mechanic talking to a client about car repair"
      mediaAnimation="blur-reveal"
      mediaPosition="left"
      title="Common Questions About Auto Service"
      description="Find quick answers to your questions about our services, booking process, and what to expect when you visit Mecanic Classics."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      tagAnimation="opacity"
      title="Ready to Schedule Your Vehicle Service?"
      description="Contact Mecanic Classics today for reliable, expert automotive care. Book your appointment online or give us a call to discuss your needs."
      buttons={[
        {
          text: "Book Appointment Online",
          href: "#",
        },
        {
          text: "Call Us Now",
          href: "tel:+32012345678",
        },
      ]}
      buttonAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Mecanic Classics"
      copyrightText="© 2024 Mecanic Classics. All rights reserved."
      socialLinks={[
        {
          icon: Facebook,
          href: "https://facebook.com/mecanicclassics",
          ariaLabel: "Facebook page",
        },
        {
          icon: Instagram,
          href: "https://instagram.com/mecanicclassics",
          ariaLabel: "Instagram profile",
        },
        {
          icon: MapPin,
          href: "https://www.google.com/maps/place/Mecanic+Classics",
          ariaLabel: "Find us on Google Maps",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
