"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import BlogCardThree from '@/components/sections/blog/BlogCardThree';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroSplitTestimonial from '@/components/sections/hero/HeroSplitTestimonial';
import MediaAbout from '@/components/sections/about/MediaAbout';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import { Car, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Services",
          id: "#services",
        },
        {
          name: "How It Works",
          id: "#how-it-works",
        },
        {
          name: "Results",
          id: "#results",
        },
        {
          name: "Reviews",
          id: "#reviews",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      brandName="✦ WE SERVE"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitTestimonial
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      title="Your Car Deserves Nothing Less Than Perfect"
      description="We Serve brings 5-star car repair and maintenance to Pashan, Pune — with live service updates, transparent pricing, and a team that actually cares about your car."
      testimonials={[
        {
          name: "500+",
          handle: "Cars Serviced",
          testimonial: "",
          rating: 0,
          imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881371.jpg",
          imageAlt: "cinematic car workshop dark moody",
        },
        {
          name: "5.0 ★",
          handle: "Google Rating",
          testimonial: "",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/sportscar-supercar-jeep-suv-van-lineart_126523-2479.jpg",
          imageAlt: "cinematic car workshop dark moody",
        },
        {
          name: "Open 24",
          handle: "Hours",
          testimonial: "",
          rating: 0,
          imageSrc: "http://img.b2bpic.net/free-vector/review-stars-with-check-mark_78370-4471.jpg",
          imageAlt: "cinematic car workshop dark moody",
        },
        {
          name: "100%",
          handle: "Satisfaction",
          testimonial: "",
          rating: 0,
          imageSrc: "http://img.b2bpic.net/free-photo/clock-front-side-with-white-background_187299-39818.jpg",
          imageAlt: "cinematic car workshop dark moody",
        },
        {
          name: "Expert",
          handle: "Mechanics",
          testimonial: "",
          rating: 0,
          imageSrc: "http://img.b2bpic.net/free-photo/heavy-wrench-used-mechanical-repairs_1194-641498.jpg",
          imageAlt: "cinematic car workshop dark moody",
        },
      ]}
      tag="✦ Pune's Most Trusted Car Care Centre"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Book a Service Now",
          href: "#contact",
        },
        {
          text: "See Our Work",
          href: "#results",
        },
      ]}
      videoSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881371.jpg"
      imageAlt="Cinematic view of a premium auto body shop with cars and mechanics"
      mediaAnimation="blur-reveal"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Maruti Suzuki Authorized",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Tata Authorized",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Hyundai Service",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Honda Vehicles",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Mahindra Experts",
          icon: Sparkles,
        },
        {
          type: "text-icon",
          text: "Ford Specialists",
          icon: Sparkles,
        },
      ]}
      marqueeSpeed={25}
      showMarqueeCard={true}
      avatars={[
        {
          src: "asset://hero-avatar-1",
          alt: "Satisfied customer avatar 1",
        },
        {
          src: "asset://hero-avatar-2",
          alt: "Satisfied customer avatar 2",
        },
        {
          src: "asset://hero-avatar-3",
          alt: "Satisfied customer avatar 3",
        },
        {
          src: "asset://hero-avatar-4",
          alt: "Satisfied customer avatar 4",
        },
        {
          src: "asset://hero-avatar-5",
          alt: "Satisfied customer avatar 5",
        },
      ]}
      avatarText="Join 500+ happy car owners"
      imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881371.jpg"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Live Updates While We Work",
        "No Hidden Charges",
        "Genuine Parts Only",
        "Expert Technicians",
        "10-Point Quality Check",
        "Same-Day Service",
        "Transparent Pricing",
      ]}
      title="Experience Peace of Mind"
      description="At WE SERVE, transparency and quality are our core promises to you."
      speed={30}
      showCard={false}
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "cars-serviced",
          value: "500+",
          title: "Cars Serviced",
          items: [
            "Reliable care for every vehicle",
          ],
        },
        {
          id: "google-rating",
          value: "5.0",
          title: "Average Rating",
          items: [
            "Consistently rated excellent by customers",
          ],
        },
        {
          id: "satisfaction",
          value: "100%",
          title: "Satisfaction Guaranteed",
          items: [
            "Our commitment to your complete happiness",
          ],
        },
      ]}
      title="Our Achievements Speak Volumes"
      description="Driving satisfaction and trust with every service."
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "reg-service",
          title: "Regular Car Servicing",
          author: "",
          description: "Comprehensive maintenance including oil change, filter replacement, brake check, and fluid top-ups. Keep your car running like new.",
          tags: [
            "Oil Change",
            "Brake Check",
            "Fluid Service",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/heavy-wrench-used-mechanical-repairs_1194-641498.jpg",
          imageAlt: "Wrench icon for car servicing",
        },
        {
          id: "major-repairs",
          title: "Major Repairs & Overhauls",
          author: "",
          description: "Engine overhauls, transmission work, suspension repairs — we tackle the big jobs other shops avoid.",
          tags: [
            "Engine Work",
            "Transmission",
            "Suspension",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/interlocking-gears-grunge-background_1048-11680.jpg",
          imageAlt: "Settings icon for major repairs",
        },
        {
          id: "denting-painting",
          title: "Denting, Painting & Body Work",
          author: "",
          description: "Restore your car's original beauty with precision dent removal and factory-matched paint jobs that last.",
          tags: [
            "Dent Removal",
            "Paint Match",
            "Body Restore",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-paint-gun-logo-template_23-2150009930.jpg",
          imageAlt: "Paintbrush icon for denting and painting",
        },
        {
          id: "ac-service",
          title: "AC Service & Repair",
          author: "",
          description: "Full AC diagnosis, gas refilling, condenser cleaning, and compressor repair — stay cool in Pune's heat.",
          tags: [
            "AC Gas",
            "Compressor",
            "Cooling",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/horizontal-banners-set-with-isometric-boiler-radiator-conand-control-heating-system-devices-isolated-illustration_1284-62072.jpg",
          imageAlt: "Wind icon for AC service",
        },
        {
          id: "tyre-service",
          title: "Tyre, Wheel Alignment & Balancing",
          author: "",
          description: "Puncture repairs, new tyre fitting, wheel alignment, and balancing for smooth, safe driving.",
          tags: [
            "Alignment",
            "Balancing",
            "Tyre Fit",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/auto-service-2x2-design-concept_1284-15828.jpg",
          imageAlt: "Circle icon for tyre and wheel services",
        },
        {
          id: "electrical-diag",
          title: "Electrical Diagnostics & Repair",
          author: "",
          description: "Advanced computer diagnostics, battery replacement, wiring repairs, and sensor fixes.",
          tags: [
            "OBD Scan",
            "Battery",
            "Wiring",
          ],
          imageSrc: "http://img.b2bpic.net/free-vector/car-parts-icon-collection_1063-20.jpg",
          imageAlt: "Zap icon for electrical diagnostics",
        },
        {
          id: "periodic-maint",
          title: "Periodic / Scheduled Maintenance",
          author: "",
          description: "Stay on track with manufacturer-recommended service intervals. We handle all makes and models.",
          tags: [
            "10,000km Service",
            "20,000km",
            "Annual",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-icon-front-side_187299-39412.jpg",
          imageAlt: "Calendar check icon for periodic maintenance",
        },
        {
          id: "insurance-claim",
          title: "Insurance Claim Repairs",
          author: "",
          description: "Accident damage repair with full insurance claim support — we handle the paperwork, you get your car back perfect.",
          tags: [
            "Cashless",
            "Claim Support",
            "All Insurers",
          ],
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-car-with-destination-mark_23-2148436359.jpg",
          imageAlt: "Shield icon for insurance claim work",
        },
      ]}
      title="Everything Your Car Needs, Under One Roof"
      description="From daily servicing to major repairs — We Serve handles it all with precision and transparency."
    />
  </div>

  <div id="how-it-works" data-section="how-it-works">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "step1",
          title: "Step 1 — Drop Your Car",
          content: "Drive in anytime — we're open 24 hours at Shop No. 22, Kumar Shantiniketan, Pashan.",
        },
        {
          id: "step2",
          title: "Step 2 — Free Inspection",
          content: "Our technician performs a thorough 10-point inspection and walks you through every finding.",
        },
        {
          id: "step3",
          title: "Step 3 — Transparent Quote",
          content: "You get a clear, itemized quote — no hidden charges, no upselling. You approve before we touch anything.",
        },
        {
          id: "step4",
          title: "Step 4 — Live Updates",
          content: "We send you real-time WhatsApp updates with photos as work progresses. Zero guessing.",
        },
        {
          id: "step5",
          title: "Step 5 — Quality Check",
          content: "Every job passes a final quality inspection by our senior technician before handover.",
        },
        {
          id: "step6",
          title: "Step 6 — Pick Up & Drive",
          content: "Your car is washed, cleaned, and ready. Pay only what was quoted. Drive away confident.",
        },
      ]}
      title="From Arrival to Open Road — In 6 Simple Steps"
      description="No surprises. No waiting in the dark. Just transparent, efficient car care."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="results" data-section="results">
      <BlogCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      title="Real Results for Real Car Owners in Pune"
      description="See how we've brought cars back to life for our valued customers."
      blogs={[
        {
          id: "case-study-1",
          category: "Hyundai Verna Owner, Baner",
          title: "Verna Major Repair",
          excerpt: "Problem: Engine overheating issue that two other garages couldn't diagnose correctly. Solution: We Serve ran full diagnostics, identified a cracked head gasket, and completed the repair in 2 days. Results: Car fully restored | ₹8,000 saved vs dealership | Same-day diagnosis",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car_1170-1671.jpg",
          imageAlt: "Hyundai Verna after major engine repair",
          authorName: "",
          authorAvatar: "",
          date: "",
        },
        {
          id: "case-study-2",
          category: "Tata Tiago Owner, Pashan",
          title: "Tata Tiago Regular Service",
          excerpt: "Problem: Looking for a reliable, affordable service centre near home with genuine parts. Solution: Periodic 10,000km service with oil change, brake inspection, and AC cleaning. Results: 100% satisfied | ₹2,500 total cost | Completed in 3 hours",
          imageSrc: "http://img.b2bpic.net/free-photo/gas-station-worker-taking-care-client-s-car_23-2150440253.jpg",
          imageAlt: "Tata Tiago undergoing regular service",
          authorName: "",
          authorAvatar: "",
          date: "",
        },
        {
          id: "case-study-3",
          category: "Honda City Owner, Aundh",
          title: "Insurance Denting Job",
          excerpt: "Problem: Major side dent from parking accident — needed insurance claim and body repair. Solution: We Serve handled the full cashless insurance claim and restored original paint with perfect match. Results: Zero out-of-pocket | Paint matched 100% | Delivered in 4 days",
          imageSrc: "http://img.b2bpic.net/free-photo/auto-service-salon-doign-car-wrapping_23-2149593886.jpg",
          imageAlt: "Honda City after insurance denting and painting",
          authorName: "",
          authorAvatar: "",
          date: "",
        },
      ]}
    />
  </div>

  <div id="reviews" data-section="reviews">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",
          name: "Swapnil Kalyankar",
          role: "Pune (Hyundai Verna Owner)",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-posing-near-his-modern-car_651396-2811.jpg",
          imageAlt: "Swapnil Kalyankar avatar",
        },
        {
          id: "t2",
          name: "Suraj Jha",
          role: "Pune (Tata Tiago Owner)",
          company: "Local Guide",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-indian-man-black-shirt-tie-posed-outdoor_627829-1744.jpg",
          imageAlt: "Suraj Jha avatar",
        },
        {
          id: "t3",
          name: "Ganpat Pingale",
          role: "Pune",
          company: "",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29665.jpg",
          imageAlt: "Ganpat Pingale avatar",
        },
        {
          id: "t4",
          name: "Priya Sharma",
          role: "Aundh (Honda City Owner)",
          company: "",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-wearing-white-t-shirt-crossing-hands_141793-89140.jpg",
          imageAlt: "Priya Sharma avatar",
        },
        {
          id: "t5",
          name: "Arjun Singh",
          role: "Baner (Maruti Swift Owner)",
          company: "",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg",
          imageAlt: "Arjun Singh avatar",
        },
        {
          id: "t6",
          name: "Rina Patel",
          role: "Hinjewadi (Kia Seltos Owner)",
          company: "",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/amazing-beautiful-redhead-young-lady-sitting-cafe_171337-15285.jpg",
          imageAlt: "Rina Patel avatar",
        },
      ]}
      kpiItems={[
        {
          value: "5.0 ★",
          label: "Average Rating",
        },
        {
          value: "100%",
          label: "Satisfaction",
        },
        {
          value: "500+",
          label: "Cars Serviced",
        },
      ]}
      title="What Pune Drivers Are Saying"
      description="Hear directly from our satisfied customers across Pashan, Baner, Aundh, and Hinjewadi."
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="Why Car Owners in Pune Trust We Serve"
      description="We show you exactly what's wrong before touching your car — no made-up problems, no upselling. Real-time photos and messages while your car is in our garage. You're never left wondering. We believe in using only genuine OEM parts for every repair and service. It's the only way to guarantee safety and longevity. Our technicians are factory-trained and passionate about cars, ensuring top-notch service every time. We offer fair, transparent pricing with no hidden costs. You approve every step before we proceed. Your satisfaction is our driving force."
      imageSrc="http://img.b2bpic.net/free-photo/golden-trophy-pedestal-symbol-achievement-reward-isolated-white-background_187299-46157.jpg"
      imageAlt="3D golden trophy representing 5.0 star rating"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      tag="Book Your Service"
      tagIcon={Car}
      title="It Takes 60 Seconds"
      description="Drop your details and we'll WhatsApp you within 2 hours to confirm your booking."
      buttons={[
        {
          text: "Call Us Now: +91 97664 59797",
          href: "tel:+919766459797",
        },
        {
          text: "WhatsApp Us",
          href: "https://wa.me/919766459797?text=Hi+We+Serve!+I+just+submitted+a+booking+request.",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Services",
          items: [
            {
              label: "Regular Servicing",
              href: "#services",
            },
            {
              label: "Major Repairs",
              href: "#services",
            },
            {
              label: "Denting & Painting",
              href: "#services",
            },
            {
              label: "AC Service",
              href: "#services",
            },
          ],
        },
        {},
      ]}
      logoText="✦ WE SERVE"
      copyrightText="© 2024 WE SERVE. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
