"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardTwo from '@/components/sections/team/TeamCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Car, CheckCircle, Gauge, Sparkles, Wallet } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSmall"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "Why Us",          id: "features"},
        {
          name: "Services",          id: "services"},
        {
          name: "Reviews",          id: "reviews"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Team",          id: "team"},
        {
          name: "Location",          id: "contact"},
      ]}
      brandName="Saul's Phoenix Auto Shop"
      button={{
        text: "Call Now",        href: "tel:+16233409517"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboard
      background={{
        variant: "plain"}}
      title="Honest Auto Repair Done Right The First Time"
      description="Trusted by Glendale drivers for reliable repairs, fair pricing, and fast turnaround."
      tag="4.6-Star Rating • 21+ Google Reviews • Same-Day Repairs Available • Family-Owned Local Shop"
      buttons={[
        {
          text: "Call Now",          href: "tel:+16233409517"},
        {
          text: "Get Directions",          href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
      ]}

      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169967.jpg",          alt: "Happy customer testimonial avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/female-mechanic-servicing-car_1170-1391.jpg",          alt: "Happy customer testimonial avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/little-smiling-girl-is-curious-about-car-s-engine-auto-service-with-her-mother-which-is-doing-man-s-job_613910-17098.jpg",          alt: "Happy customer testimonial avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/auto-mechanic-looking-car-s-engine-room_23-2147897818.jpg",          alt: "Happy customer testimonial avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-standing-by-his-car_1303-31495.jpg",          alt: "Happy customer testimonial avatar 5"},
      ]}
      avatarText="Join our 100+ happy customers!"
      marqueeItems={[
        {
          type: "text",          text: "Certified Technicians"},
        {
          type: "text",          text: "ASE Certified"},
        {
          type: "text",          text: "Modern Equipment"},
        {
          type: "text",          text: "Eco-Friendly Practices"},
        {
          type: "text",          text: "Free Wi-Fi in Waiting Area"},
      ]}
      marqueeSpeed={40}
      showMarqueeCard={true}
    />
  </div>

  <div id="features" data-section="features">
      <FeatureHoverPattern
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          icon: Gauge,
          title: "Fast Turnaround",          description: "Many common repairs are completed the same day, getting you back on the road quickly."},
        {
          icon: Wallet,
          title: "Fair Pricing",          description: "No unnecessary upsells or surprise charges. Honest recommendations every time."},
        {
          icon: Sparkles,
          title: "Experienced Mechanics",          description: "Years of hands-on repair experience across all makes and models."},
        {
          icon: Car,
          title: "All Makes & Models",          description: "Whether domestic or foreign, old or new, your vehicle is welcome here."},
        {
          icon: CheckCircle,
          title: "Reliable Diagnostics",          description: "We accurately find the real problem before replacing parts, saving you time and money."},
        {
          icon: Award,
          title: "Local Reputation",          description: "Built through repeat customers and referrals from the Glendale community."},
      ]}
      title="Why Drivers Choose Saul's"
      description="We're not just mechanics; we're your trusted partners for vehicle care, committed to transparent service and lasting quality."
    />
  </div>

  <div id="services" data-section="services">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "s1",          name: "Engine Diagnostics",          price: "Starting at $89",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-smiling-while-servicing-car-engine_1170-1286.jpg",          imageAlt: "Car engine diagnostics"},
        {
          id: "s2",          name: "Brake Repair",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/side-view-worker-repairing-car_23-2150171256.jpg",          imageAlt: "Brake repair service"},
        {
          id: "s3",          name: "Starter & Alternator",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-nozzles-diesel-engine-opened-bonnet_651396-1339.jpg",          imageAlt: "Starter and alternator replacement"},
        {
          id: "s4",          name: "Suspension & Struts",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/rusty-shackle-worn-rope-detail_632498-60871.jpg",          imageAlt: "Suspension and struts repair"},
        {
          id: "s5",          name: "Motor Mount Replacement",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-examining-car_1170-1609.jpg",          imageAlt: "Motor mount replacement"},
        {
          id: "s6",          name: "Oil Changes",          price: "Starting at $49",          imageSrc: "http://img.b2bpic.net/free-photo/colorful-acrylic-shape-water-with-copy-space_23-2148469375.jpg",          imageAlt: "Oil change service"},
        {
          id: "s7",          name: "Check Engine Light",          price: "Starting at $89",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-working-computer_1170-1179.jpg",          imageAlt: "Check engine light diagnosis"},
        {
          id: "s8",          name: "Cooling System Repairs",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-woman-car-salon_1157-22128.jpg",          imageAlt: "Cooling system repair"},
        {
          id: "s9",          name: "Battery Service",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/young-mechanic-using-diagnostic-tool-attaching-jumper-cables-car-engine-while-working-auto-repair-shop_637285-4269.jpg",          imageAlt: "Car battery service"},
        {
          id: "s10",          name: "Headlight & Electrical",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mechanic-using-diagnostic-tool_1170-1156.jpg",          imageAlt: "Headlight and electrical repairs"},
        {
          id: "s11",          name: "Air Filter Replacement",          price: "Starting at $35",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-repairing-car_23-2150171262.jpg",          imageAlt: "Air filter replacement"},
        {
          id: "s12",          name: "General Maintenance",          price: "Call for Quote",          imageSrc: "http://img.b2bpic.net/free-photo/repairman-garage-cleans-customers-car_482257-76111.jpg",          imageAlt: "General car maintenance"},
      ]}
      title="Our Professional Auto Services"
      description="From routine maintenance to complex repairs, our certified mechanics handle it all with expertise and care."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          value: "4.6",          title: "Star Rating",          items: [
            "Consistently High Rated",            "Customer Satisfaction"],
        },
        {
          id: "m2",          value: "21+",          title: "Google Reviews",          items: [
            "Verified Customer Feedback",            "Trusted Local Reputation"],
        },
        {
          id: "m3",          value: "Same-Day",          title: "Repairs Available",          items: [
            "Efficient Service Guarantee",            "Quick Turnaround"],
        },
        {
          id: "m4",          value: "Family-Owned",          title: "Local Shop",          items: [
            "Personalized Customer Care",            "Community Focused"],
        },
      ]}
      title="Built on Trust & Performance"
      description="Our commitment to excellence is reflected in every service and every satisfied customer."
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "Glendale Driver",          testimonial: "Saul is the man! If you need any kind of car repairs, this is the place to go. Honest, reliable, and always does great work.",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-spanner-repair-garage_1170-1576.jpg",          imageAlt: "Happy customer Sarah J."},
        {
          id: "t2",          name: "Michael R.",          handle: "Phoenix Resident",          testimonial: "Awesome work and great prices. Saul always goes the extra mile to make sure everything is perfect.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-african-american-auto-mechanic-repair-shop_637285-9436.jpg",          imageAlt: "Happy customer Michael R."},
        {
          id: "t3",          name: "Emily S.",          handle: "Peoria Commuter",          testimonial: "Again, thanks Saul for assisting me quickly and professionally. My car runs perfectly now!",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-giving-keys-car-customer_329181-11871.jpg",          imageAlt: "Happy customer Emily S."},
        {
          id: "t4",          name: "David L.",          handle: "Sun City Local",          testimonial: "I've been coming to Saul's for years. Always transparent, always fair. Best mechanic in the area, hands down.",          imageSrc: "http://img.b2bpic.net/free-photo/people-lifestyle-transportation-modern-technology-concept-beautiful-blonde-retired-woman-standing-by-broken-car-with-open-hood-calling-roadside-assistance-asking-help-smiling_343059-2316.jpg",          imageAlt: "Happy customer David L."},
        {
          id: "t5",          name: "Jessica M.",          handle: "Surprise Driver",          testimonial: "Fantastic service and very trustworthy. They diagnosed an issue others missed and fixed it fast. Highly recommend!",          imageSrc: "http://img.b2bpic.net/free-photo/technician-car-workshop_23-2147897926.jpg",          imageAlt: "Happy customer Jessica M."},
      ]}
      title="What Our Customers Say"
      description="Hear directly from Glendale drivers who trust Saul's Phoenix Auto Shop with their vehicles."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardThree
      animationType="scale-rotate"
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "g1",          name: "Engine Repairs: Before",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881885.jpg",          imageAlt: "Dirty car engine before repair"},
        {
          id: "g2",          name: "Engine Repairs: After",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-car-engine_1170-1282.jpg",          imageAlt: "Clean repaired car engine after service"},
        {
          id: "g3",          name: "Brake Repairs: Before",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/headlight-lamp_74190-5517.jpg",          imageAlt: "Worn car brakes before repair"},
        {
          id: "g4",          name: "Brake Repairs: After",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/female-auto-repairer-working-shop-car_23-2150170029.jpg",          imageAlt: "New car brakes after repair"},
        {
          id: "g5",          name: "Suspension Work: Before",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-mechanics-repairing-car_23-2148327563.jpg",          imageAlt: "Damaged car suspension before work"},
        {
          id: "g6",          name: "Suspension Work: After",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580558.jpg",          imageAlt: "Repaired car suspension after work"},
        {
          id: "g7",          name: "General Maintenance: Before",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/view-travel-items-inside-car-ready-trip_23-2151078246.jpg",          imageAlt: "Dirty car interior before maintenance"},
        {
          id: "g8",          name: "General Maintenance: After",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/luggage-seen-from-rear-car-window_23-2150934363.jpg",          imageAlt: "Clean car interior after maintenance"},
        {
          id: "g9",          name: "Shop Photos",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-man-working-service_23-2150171264.jpg",          imageAlt: "Interior of Saul's Phoenix Auto Shop"},
        {
          id: "g10",          name: "Customer Vehicles",          price: "",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-girl-woman-auto-salon-with-employee-blue-uniform-taking-her-repaired-car-back_146671-16764.jpg",          imageAlt: "Customer vehicle on lift at shop"},
      ]}
      title="Before & After Gallery"
      description="See the quality and detail in our work through real photos from our shop and satisfied customer vehicles."
    />
  </div>

  <div id="team" data-section="team">
      <TeamCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      members={[
        {
          id: "m1",          name: "Saul Rodriguez",          role: "Owner & Lead Mechanic",          description: "With over 20 years of experience, Saul founded this shop on principles of honesty, quality, and community trust. He ensures every vehicle gets the care it deserves.",          imageSrc: "http://img.b2bpic.net/free-photo/bearded-male-bicycle-mechanic-cleans-his-arms-after-bike-service-manual-workshop_613910-14283.jpg",          imageAlt: "Saul Rodriguez, Owner & Lead Mechanic"},
        {
          id: "m2",          name: "Gabriel Ramirez",          role: "Senior Technician",          description: "Gabriel is a master at diagnostics and enjoys tackling complex electrical and engine issues. His passion is getting cars running perfectly.",          imageSrc: "http://img.b2bpic.net/free-photo/two-bearded-brutal-mechanics-repair-car-lift-garage_613910-6668.jpg",          imageAlt: "Gabriel Ramirez, Senior Technician"},
        {
          id: "m3",          name: "Maria Garcia",          role: "Automotive Specialist",          description: "Maria specializes in brake and suspension systems, ensuring your ride is always smooth and safe. She's known for her meticulous attention to detail.",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-checking-car_23-2150171230.jpg",          imageAlt: "Maria Garcia, Automotive Specialist"},
      ]}
      title="Meet The Team"
      description="Our experienced mechanics are dedicated to providing honest service and helping local drivers stay safely on the road."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Contact Us"
      title="Need Your Vehicle Fixed Fast?"
      description="Call Saul's Phoenix Auto Shop today and get honest recommendations, quality repairs, and service you can trust. We're conveniently located in Glendale, AZ."
      buttons={[
        {
          text: "Call Now",          href: "tel:+16233409517"},
        {
          text: "Get Directions",          href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",          items: [
            {
              label: "Engine Diagnostics",              href: "#services"},
            {
              label: "Brake Repair",              href: "#services"},
            {
              label: "Oil Changes",              href: "#services"},
            {
              label: "Suspension",              href: "#services"},
            {
              label: "General Maintenance",              href: "#services"},
          ],
        },
        {
          title: "Shop Info",          items: [
            {
              label: "7906 N 68th Ave Suite B, Glendale, AZ 85303",              href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
            {
              label: "(623) 340-9517",              href: "tel:+16233409517"},
            {
              label: "Mon-Fri: 8 AM - 5 PM",              href: "#"},
            {
              label: "Sat-Sun: Closed",              href: "#"},
          ],
        },
        {
          title: "Service Area",          items: [
            {
              label: "Glendale, AZ",              href: "#"},
            {
              label: "Phoenix, AZ",              href: "#"},
            {
              label: "Peoria, AZ",              href: "#"},
            {
              label: "Surprise, AZ",              href: "#"},
            {
              label: "Sun City, AZ",              href: "#"},
          ],
        },
        {
          title: "Legal",          items: [
            {
              label: "Google Reviews",              href: "https://g.page/sauls-phoenix-auto-shop/review"},
            {
              label: "Privacy Policy",              href: "#"},
            {
              label: "Terms of Service",              href: "#"},
          ],
        },
      ]}
      logoText="Saul's Phoenix Auto Shop"
      copyrightText="© 2024 Saul's Phoenix Auto Shop. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}