"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="none"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "#hero",
        },
        {
          name: "Services",
          id: "#features",
        },
        {
          name: "Reviews",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="Hughes Mobile Auto Repair"
      button={{
        text: "Call Now",
        href: "tel:8658097095",
      }}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars",
      }}
      title="Mobile Auto Repair That Comes To You in Knox County"
      description="Don't waste your day at a shop. Hughes Mobile Auto Repair brings professional, reliable car care directly to your driveway or office. Fast, honest, and affordable service."
      buttons={[
        {
          text: "Call (865) 809-7095",
          href: "tel:8658097095",
        },
        {
          text: "Get A Quote",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19076.jpg",
          imageAlt: "mobile mechanic engine repair work",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-while-repairing-car-repair-workshop_637285-4223.jpg",
          imageAlt: "mechanic checking oil level car",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/hands-car-mechanic-with-wrench-garage_146671-13558.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/long-shot-man-holding-spare-tire_23-2148270683.jpg",
          imageAlt: "mobile mechanic engine repair work",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-checks-engine-his-car_1157-27213.jpg",
          imageAlt: "mechanic checking oil level car",
        },
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={true}
      title="Excellence in Every Repair"
      description="At Hughes Mobile Auto Repair, we believe your vehicle maintenance shouldn't disrupt your schedule. We provide expert repairs for everything from routine oil changes to diagnostic services, all while you relax at home."
      imageSrc="http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg"
      imageAlt="professional mobile mechanic portrait"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardMedia
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          id: "1",
          title: "On-Site Service",
          description: "We come to you—no more waiting rooms or dropping off your car.",
          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-changing-tire_23-2148258052.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
        {
          id: "2",
          title: "Reasonable Pricing",
          description: "High-quality repairs that respect your budget.",
          imageSrc: "http://img.b2bpic.net/free-photo/lot-old-instruments-tool-box_146671-19076.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
        {
          id: "3",
          title: "Swift Service",
          description: "Back on the road faster with our expert, efficient diagnostic processes.",
          imageSrc: "http://img.b2bpic.net/free-photo/auto-mechanic-opening-radiator-cap-while-repairing-car-repair-workshop_637285-4223.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
        {
          id: "4",
          title: "Local Expertise",
          description: "Deeply familiar with the unique needs of Knoxville drivers.",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-car-mechanic-with-wrench-garage_146671-13558.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
        {
          id: "5",
          title: "Transparent Communication",
          description: "We explain exactly what your vehicle needs before we start.",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-inviting-man-house-with-tools_259150-58291.jpg",
          imageAlt: "repairing vehicle on driveway",
        },
      ]}
      title="Why Choose Hughes?"
      description="Professional service, reasonable pricing, and the ultimate convenience."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "1",
          value: "5/5",
          title: "Facebook Rating",
          description: "Based on 7+ local votes.",
          imageSrc: "http://img.b2bpic.net/free-vector/3d-five-rating-gold-stars-5-realistic-golden-metal-badges-with-bright-light-effect_575670-64.jpg",
        },
        {
          id: "2",
          value: "100%",
          title: "Commitment",
          description: "Dedicated to automotive excellence.",
          imageSrc: "http://img.b2bpic.net/free-vector/car-repair-service-flat-icons-set_1284-9062.jpg",
        },
        {
          id: "3",
          value: "7 Days",
          title: "Availability",
          description: "Ready to help you get back on the road.",
          imageSrc: "http://img.b2bpic.net/free-photo/small-screw-pincers-professional-hand-repairing-fixing-broken-electronics-device-lab-concept_346278-1779.jpg",
        },
      ]}
      title="Proven Quality"
      description="Trusted by customers across Knox County."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Kevin Tormes",
          handle: "Facebook User",
          testimonial: "Great price and service he had me back on the road in no time",
          imageSrc: "http://img.b2bpic.net/free-photo/mature-woman-smiling_1149-601.jpg",
        },
        {
          id: "2",
          name: "Rob Shomaker",
          handle: "Google User",
          testimonial: "Work was swift and pricing was more than reasonable.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-beautiful-ginger-girl-shows-thumbs-up-smiles-white-teeth-approve-agree-say-yes-recommend-clinic-company-satisfied-with-quality-service-white-background_176420-45534.jpg",
        },
        {
          id: "3",
          name: "Maryanne",
          handle: "Google User",
          testimonial: "Great experience, highly recommend",
          imageSrc: "http://img.b2bpic.net/free-photo/dremy-blue-eyed-male-with-positive-expression-broad-smile-shows-white-teeth-looks-into-distance-thinks-about-something-wears-elegant-shirt-isolated-white-wall-with-blank-space_176532-6511.jpg",
        },
        {
          id: "4",
          name: "Happy Driver",
          handle: "Customer",
          testimonial: "Amazing convenience and professional care.",
          imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
        },
        {
          id: "5",
          name: "Car Owner",
          handle: "Client",
          testimonial: "Best mobile mechanic experience ever.",
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-satisfied-bearded-guy-white-shirt-showing-thumbs-up-approval-like-agree-positiv_1258-113975.jpg",
        },
      ]}
      title="What Our Customers Say"
      description="Hear how we help neighbors in Knoxville."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "What areas do you serve?",
          content: "We proudly serve Knoxville and the surrounding Knox County area.",
        },
        {
          id: "2",
          title: "Do you do oil changes?",
          content: "Yes, we specialize in oil changes and various other routine maintenance services.",
        },
        {
          id: "3",
          title: "How do I book an appointment?",
          content: "Simply call (865) 809-7095 or fill out our quote request form on the contact page.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-worried-businessman-talking-with-african-american-auto-mechanic-about-costs-car-reparation-auto-repair-shop_637285-4251.jpg"
      title="Common Questions"
      description="Answers about our mobile service model."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Contact Us"
      title="Get A Quote Today"
      description="Tell us about your vehicle and the issue you're experiencing."
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet_1170-1507.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Hughes Mobile Auto Repair"
      copyrightText="© 2025 Hughes Mobile Auto Repair | Knoxville, TN"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
