"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 FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import { Gauge, ThumbsUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeLargeTitles"
        background="floatingGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Services",          id: "#services"},
        {
          name: "Packages",          id: "#packages"},
        {
          name: "Metrics",          id: "#metrics"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "Partners",          id: "#partners"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/mechanical-repair-logo-design_23-2150040862.jpg"
      logoAlt="AutoCare Pro Logo"
      brandName="AutoCare Pro"
      bottomLeftText="Your Trusted Auto Partner"
      bottomRightText="service@autocarepro.com"
      button={{
        text: "Book Service",        href: "#contact"}}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "rotated-rays-animated"}}
      title="Expert Auto Service for Your Peace of Mind"
      description="Your trusted partner for all vehicle maintenance and repair needs. Quality service, reliable results."
      testimonials={[
        {
          name: "Alex Johnson",          handle: "@alexj",          testimonial: "AutoCare Pro consistently delivers outstanding service. My car has never run better!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-businesswoman-standing-airport_107420-63594.jpg",          imageAlt: "Alex Johnson"},
        {
          name: "Maria Rodriguez",          handle: "@mariar",          testimonial: "Highly recommend AutoCare Pro! Professional, transparent, and friendly staff.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",          imageAlt: "Maria Rodriguez"},
        {
          name: "David Lee",          handle: "@davidl",          testimonial: "They fixed an issue another shop couldn't. True experts!",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-man-posing-outdoors_23-2149073989.jpg",          imageAlt: "David Lee"},
        {
          name: "Sophia Chen",          handle: "@sophiac",          testimonial: "Fair pricing and excellent work. AutoCare Pro is my go-to for all car services.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/people-leisure-modern-technology-young-student-with-happy-look-enjoying-high-speed-internet-connection-his-smart-phone-fashionable-man-trendy-headwear-using-electronic-device-cafe_273609-1709.jpg",          imageAlt: "Sophia Chen"},
        {
          name: "John Smith",          handle: "@johns",          testimonial: "Quick and efficient service every time. They truly care about their customers.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg",          imageAlt: "John Smith"},
      ]}
      testimonialRotationInterval={5000}
      buttons={[
        {
          text: "Book Service Now",          href: "#contact"},
        {
          text: "Our Services",          href: "#services"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/handsome-young-man-holding-cell-phone-hand-looking-away_23-2147968378.jpg",          alt: "Alex Johnson"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-happy-young-businesswoman-talking-mobile-phone_1262-16443.jpg",          alt: "Maria Rodriguez"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",          alt: "David Lee"},
        {
          src: "http://img.b2bpic.net/free-photo/crazy-sports-man-funny-expression_1194-3318.jpg",          alt: "Sophia Chen"},
        {
          src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg",          alt: "Smiling businessman standing at airport"},
      ]}
      avatarText="Join our 5,000+ satisfied customers"
      imageSrc="http://img.b2bpic.net/free-photo/car-repair-maintenance-theme-mechanic-uniform-working-auto-service_627829-3951.jpg"
      imageAlt="Luxury car in a modern auto service garage"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "text",          text: "Quality Workmanship"},
        {
          type: "text-icon",          text: "Certified Technicians",          icon: Gauge,
        },
        {
          type: "text",          text: "Transparent Pricing"},
        {
          type: "text-icon",          text: "Customer Satisfaction",          icon: ThumbsUp,
        },
        {
          type: "text",          text: "Modern Diagnostics"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={true}
      title="About AutoCare Pro"
      description={[
        "We are a leading auto service center dedicated to providing top-notch vehicle care across all makes and models. Our commitment is to deliver exceptional service that ensures your vehicle's longevity and performance.",        "With years of experience, our team of certified technicians utilizes state-of-the-art diagnostic tools and repair techniques. We stand behind our work with a comprehensive warranty, giving you peace of mind.",        "At AutoCare Pro, we pride ourselves on transparency, integrity, and building lasting relationships with our clients. We believe in clear communication and honest assessments, so you always know what to expect."]}
      buttons={[
        {
          text: "Learn More",          href: "#"},
      ]}
      showBorder={false}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      carouselMode="buttons"
      features={[
        {
          title: "Engine Diagnostics",          description: "Advanced diagnostics to pinpoint issues and ensure optimal engine performance.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11889.jpg",          imageAlt: "Car engine diagnostic"},
        {
          title: "Tire Services",          description: "Rotation, balancing, repair, and new tire sales for a smooth and safe ride.",          imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-26657.jpg",          imageAlt: "Tire service"},
        {
          title: "Oil Change & Fluid Check",          description: "Regular maintenance to extend engine life and keep your vehicle running efficiently.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-servicing-car-engine_1170-1283.jpg",          imageAlt: "Oil change"},
        {
          title: "Brake System Repair",          description: "Expert inspection and repair of brake pads, rotors, and entire braking system.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-shop-car_23-2150170039.jpg",          imageAlt: "Brake repair"},
      ]}
      title="Our Comprehensive Services"
      description="From routine maintenance to complex repairs, we've got your vehicle covered with precision and expertise."
    />
  </div>

  <div id="packages" data-section="packages">
      <ProductCardTwo
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      carouselMode="buttons"
      animationType="slide-up"
      products={[
        {
          id: "basic-package",          brand: "AutoCare Pro",          name: "Basic Tune-Up",          price: "$99",          rating: 5,
          reviewCount: "85",          imageSrc: "http://img.b2bpic.net/free-photo/satisfied-customer-shaking-hands-with-mechanic_1170-1565.jpg",          imageAlt: "Basic car service"},
        {
          id: "premium-package",          brand: "AutoCare Pro",          name: "Premium Detailing",          price: "$249",          rating: 5,
          reviewCount: "62",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hands-holding-key_23-2149901393.jpg",          imageAlt: "Premium car detailing"},
        {
          id: "diagnostic-package",          brand: "AutoCare Pro",          name: "Full Diagnostic Check",          price: "$149",          rating: 4,
          reviewCount: "48",          imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1188.jpg",          imageAlt: "Full diagnostic check"},
        {
          id: "tire-package",          brand: "AutoCare Pro",          name: "Complete Tire Care",          price: "$129",          rating: 5,
          reviewCount: "71",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-tire-tire-repair-garage-replacement-winter-summer-tires_146671-18318.jpg",          imageAlt: "Complete tire care"},
        {
          id: "fleet-maintenance",          brand: "AutoCare Pro",          name: "Fleet Maintenance Plan",          price: "Custom Quote",          rating: 5,
          reviewCount: "30",          imageSrc: "http://img.b2bpic.net/free-photo/stylish-elegant-couple-car-salon_1157-22358.jpg",          imageAlt: "Fleet maintenance"},
        {
          id: "pre-purchase",          brand: "AutoCare Pro",          name: "Pre-Purchase Inspection",          price: "$179",          rating: 5,
          reviewCount: "55",          imageSrc: "http://img.b2bpic.net/free-photo/we-ll-take-care-this-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16106.jpg",          imageAlt: "Pre-purchase inspection"},
      ]}
      title="Service Packages & Special Offers"
      description="Explore our popular service bundles designed for optimal vehicle performance and savings."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="Why Choose AutoCare Pro"
      tag="Our Legacy"
      metrics={[
        {
          id: "years",          value: "15+",          description: "Years of Experience"},
        {
          id: "customers",          value: "5000+",          description: "Satisfied Customers"},
        {
          id: "technicians",          value: "20+",          description: "Certified Technicians"},
        {
          id: "ratings",          value: "4.9/5",          description: "Average Customer Rating"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="scale-rotate"
      textboxLayout="default"
      useInvertedBackground={true}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",          name: "Sarah J.",          role: "Marketing Manager",          testimonial: "The team at AutoCare Pro is fantastic! They're thorough, efficient, and always go the extra mile. I trust them completely with my vehicle.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",          imageAlt: "Sarah J."},
        {
          id: "2",          name: "Mark T.",          role: "Small Business Owner",          testimonial: "I've been coming here for years. Always a great experience. Fair prices and honest advice – exactly what you want from an auto service.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-restaurant-seaport_1157-2184.jpg",          imageAlt: "Mark T."},
        {
          id: "3",          name: "Emily R.",          role: "Freelance Designer",          testimonial: "Outstanding service! They quickly diagnosed and fixed an issue that another shop couldn't. My car is running perfectly now.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-businessman_23-2147839983.jpg",          imageAlt: "Emily R."},
        {
          id: "4",          name: "John S.",          role: "IT Professional",          testimonial: "Professional and courteous staff. They kept me informed every step of the way. AutoCare Pro truly values its customers.",          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-girl-texting-her-phone_53876-96951.jpg",          imageAlt: "John S."},
        {
          id: "5",          name: "Laura G.",          role: "Educator",          testimonial: "I appreciate their transparency and efficiency. They make car maintenance hassle-free. Best auto service in town!",          imageSrc: "http://img.b2bpic.net/free-photo/employee-working-with-trendy-clothes_482257-78860.jpg",          imageAlt: "Laura G."},
      ]}
      title="What Our Customers Say"
      description="Hear directly from our satisfied clients about their AutoCare Pro experience and the quality service they received."
    />
  </div>

  <div id="partners" data-section="partners">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Toyota",        "Honda",        "Ford",        "BMW",        "Mercedes-Benz",        "Audi",        "Nissan",        "Hyundai",        "Kia",        "Volkswagen"]}
      title="Trusted by Car Owners Across the City"
      description="We proudly serve a diverse clientele and maintain vehicles of all major brands."
      speed={40}
      showCard={true}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "q1",          title: "What types of vehicles do you service?",          content: "We service all makes and models, including sedans, SUVs, trucks, and hybrids. Our technicians are experienced with both domestic and international brands."},
        {
          id: "q2",          title: "How can I book an appointment?",          content: "You can book an appointment online through our website's contact form, by calling us directly, or by visiting our shop during business hours. We recommend booking in advance."},
        {
          id: "q3",          title: "Do you offer a warranty on your repairs?",          content: "Yes, we offer a comprehensive warranty on all parts and labor. Please inquire with our service advisors for specific warranty details for your repair."},
        {
          id: "q4",          title: "What payment methods do you accept?",          content: "We accept all major credit cards (Visa, MasterCard, American Express, Discover), debit cards, and cash. We also offer financing options for larger repairs, subject to approval."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/satisfied-couple-signing-documents-while-talking-their-mechanic-auto-repair-shop_637285-7722.jpg"
      imageAlt="Mechanic explaining car repair to a customer"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services, booking, and payment options."
      faqsAnimation="slide-up"
      showCard={true}
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get in Touch"
      description="Schedule your service or ask us anything. Our team is ready to assist you and ensure your vehicle gets the care it deserves."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Tell us about your service needs or questions",        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/navigation-destination-direction-location-route_107420-56193.jpg"
      imageAlt="Google Maps view of AutoCare Pro location"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoSrc="http://img.b2bpic.net/free-vector/mechanical-repair-logo-design_23-2150040862.jpg"
      logoAlt="AutoCare Pro Logo"
      logoText="AutoCare Pro"
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Engine Diagnostics",              href: "#services"},
            {
              label: "Tire Services",              href: "#services"},
            {
              label: "Oil Change",              href: "#services"},
            {
              label: "Brake Repair",              href: "#services"},
          ],
        },
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
            {
              label: "Cookie Policy",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 AutoCare Pro. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}