"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="fluid"
        cardStyle="gradient-bordered"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "/"},
        {
          name: "Services",          id: "/services"},
        {
          name: "Gallery",          id: "/gallery"},
        {
          name: "Schedule",          id: "/schedule"},
        {
          name: "Reviews",          id: "/reviews"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/motorcycle-badges-retro-style_23-2147563435.jpg"
      logoAlt="Apex Auto Solutions Logo"
      brandName="Apex Auto Solutions"
      bottomLeftText="Your Trusted Auto Partner"
      bottomRightText="info@apexauto.com"
      button={{
        text: "Call Now",        href: "tel:+18001234567"}}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "sparkles-gradient"}}
      title="Your Trusted Partner for Automotive Excellence"
      description="At Apex Auto Solutions, we provide unparalleled car repair and maintenance services. Experience reliability, transparency, and expert care for every vehicle."
      buttons={[
        {
          text: "Schedule Service",          href: "/schedule"},
        {
          text: "View Our Services",          href: "/services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/stylish-elegant-woman-car-salon_1157-32016.jpg",          alt: "happy customer automotive service review"},
        {
          src: "http://img.b2bpic.net/free-photo/mechanic-customer-signing-document-workshop_329181-11872.jpg",          alt: "customer review car shop trusted"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-woman-talking_23-2150171289.jpg",          alt: "positive feedback automotive workshop"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-smiling-mature-businessman-with-crossed-arms_23-2147956339.jpg",          alt: "great service car repair review"},
        {
          src: "asset://hero-avatar-5",          alt: "Customer giving a thumbs up"},
      ]}
      avatarText="Join our 5-star satisfied customers!"
      imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3918.jpg"
      imageAlt="mechanic working on car engine night"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",          src: "asset://hero-marquee-1",          alt: "Car on a lift for maintenance"},
        {
          type: "image",          src: "asset://hero-marquee-2",          alt: "Mechanic inspecting a car engine"},
        {
          type: "image",          src: "asset://hero-marquee-3",          alt: "Tire replacement in progress"},
        {
          type: "image",          src: "asset://hero-marquee-4",          alt: "Advanced diagnostic equipment screen"},
        {
          type: "image",          src: "asset://hero-marquee-5",          alt: "Modern automotive workshop interior"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Beyond Repair: We Build Trust"
      description="Apex Auto Solutions is more than just a repair shop; we're a team of passionate automotive experts dedicated to your vehicle's longevity and your peace of mind. We combine cutting-edge diagnostics with honest service to get you back on the road safely and swiftly."
      buttons={[
        {
          text: "Learn More About Us",          href: "/about"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-talking-customer-repair-workshop_637285-4231.jpg"
      imageAlt="friendly mechanic smiling car shop"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwelve
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          id: "f1",          label: "Engine Diagnostics",          title: "Precision Problem Solving",          items: [
            "Advanced scan tools",            "Detailed reports",            "Expert recommendations"],
          buttons: [
            {
              text: "See Diagnostics",              href: "/services#diagnostics"},
          ],
        },
        {
          id: "f2",          label: "Brake & Suspension",          title: "Safety & Smooth Ride",          items: [
            "Inspection & repair",            "High-quality parts",            "Performance tuning"],
          buttons: [
            {
              text: "Explore Brakes",              href: "/services#brakes"},
          ],
        },
        {
          id: "f3",          label: "	Oil & Fluid Services",          title: "Peak Performance Maintenance",          items: [
            "Synthetic & conventional oil",            "Fluid flushes",            "Filter replacements"],
          buttons: [
            {
              text: "Oil Services",              href: "/services#oil"},
          ],
        },
      ]}
      title="Comprehensive Car Care, Unmatched Expertise"
      description="From routine maintenance to complex repairs, our certified technicians use the latest tools and techniques to ensure your vehicle performs at its best."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="opacity"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah Johnson",          handle: "@SarahDrives",          testimonial: "Apex Auto Solutions saved me! Quick, transparent, and incredibly professional. My car runs like new!",          imageSrc: "http://img.b2bpic.net/free-photo/benchman-owner-car-making-deal_114579-2805.jpg"},
        {
          id: "t2",          name: "Michael Chen",          handle: "@MikeTheDriver",          testimonial: "Always a great experience. They explain everything clearly and the service is top-notch. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-wiping-hands-with-cleaning-cloth_1170-1321.jpg"},
        {
          id: "t3",          name: "Emily Rodriguez",          handle: "@EmilyRides",          testimonial: "Finally, an auto shop I can trust! Fair prices, excellent work, and friendly staff. I won't go anywhere else.",          imageSrc: "http://img.b2bpic.net/free-photo/women-car-looking-camera_23-2147829770.jpg"},
        {
          id: "t4",          name: "David Kim",          handle: "@KimAutoFan",          testimonial: "Their diagnostic skills are amazing. They found and fixed an issue others missed. My go-to mechanics now.",          imageSrc: "http://img.b2bpic.net/free-photo/young-family-choosing-car-car-showroom_1303-17390.jpg"},
        {
          id: "t5",          name: "Jessica Lee",          handle: "@Jess_Journeys",          testimonial: "Fast service and fantastic communication. They kept me updated every step of the way. Truly a gem!",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-working-together_23-2148327545.jpg"},
      ]}
      title="Hear From Our Happy Drivers"
      description="Our customers consistently praise our honest service, quick turnaround, and meticulous attention to detail. Your satisfaction is our top priority."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "PartSupplierX",        "TireBrandY",        "OilCompanyZ",        "BatteryPro",        "CertMechanics",        "AutoFinancing",        "WarrantyPlus"]}
      title="Partnered with Leading Brands for Quality Parts"
      description="We believe in using only the best. That's why we partner with industry-leading manufacturers and suppliers to ensure your vehicle gets the quality parts it deserves."
    />
  </div>

  <div id="contact-home" data-section="contact-home">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Ready for Service?"
      title="Schedule Your Visit Today"
      description="Our friendly team is ready to assist you. Book an appointment online or give us a call to discuss your vehicle's needs."
      imageSrc="http://img.b2bpic.net/free-photo/smiling-mechanic-talking-mobile-phone_1170-1329.jpg"
      imageAlt="mechanic on phone scheduling appointment"
      mediaAnimation="opacity"
      inputPlaceholder="Enter your inquiry..."
      buttonText="Send Message"
      termsText="By sending a message, you agree to our Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="Apex Auto Solutions"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Engine Diagnostics",              href: "/services#diagnostics"},
            {
              label: "Brake Repair",              href: "/services#brakes"},
            {
              label: "Oil Change",              href: "/services#oil"},
            {
              label: "Tire Services",              href: "/services#tires"},
            {
              label: "AC & Heating",              href: "/services#ac"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "/about"},
            {
              label: "Our Work",              href: "/gallery"},
            {
              label: "Reviews",              href: "/reviews"},
            {
              label: "Contact",              href: "/contact"},
          ],
        },
        {
          title: "Resources",          items: [
            {
              label: "Blog",              href: "/blog"},
            {
              label: "FAQ",              href: "/faq"},
            {
              label: "Schedule Online",              href: "/schedule"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Apex Auto Solutions. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
