"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureBorderGlow from '@/components/sections/feature/featureBorderGlow/FeatureBorderGlow';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Droplets, Gauge, Settings, Wind, Wrench, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "Services",
          id: "services",
        },
        {
          name: "Reviews",
          id: "testimonials",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Velan Car Care"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboardSplit
      background={{
        variant: "gradient-bars",
      }}
      logoText="Trusted Car Service in Coimbatore"
      description="Fast, reliable and professional car care by experienced mechanics. Keeping your car running smoothly every day."
      buttons={[
        {
          text: "Call Now",
          href: "tel:09842283377",
        },
        {
          text: "Book Service",
          href: "#contact",
        },
      ]}
      layoutOrder="default"
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png?_wi=1"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureBorderGlow
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          icon: Wrench,
          title: "General Car Service",
          description: "Full multi-point inspection and maintenance.",
        },
        {
          icon: Droplets,
          title: "Oil Change",
          description: "High-quality synthetic and standard oil changes.",
        },
        {
          icon: Gauge,
          title: "Brake Repair",
          description: "Expert inspection and replacement of brake pads.",
        },
        {
          icon: Wind,
          title: "Car AC Service",
          description: "Climate control diagnostics and gas refills.",
        },
        {
          icon: Settings,
          title: "Engine Diagnostics",
          description: "Advanced scanning for performance issues.",
        },
        {
          icon: Zap,
          title: "Battery Check",
          description: "Testing and replacement services.",
        },
      ]}
      title="Our Professional Services"
      description="Comprehensive maintenance and repair solutions tailored for your vehicle."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        {
          type: "text",
          content: "Why Velan Car Care?",
        },
        {
          type: "image",
          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png",
          alt: "Service",
        },
      ]}
      buttons={[
        {
          text: "Get Directions",
          href: "https://maps.google.com",
        },
      ]}
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      textboxLayout="split"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Anil K.",
          handle: "@customer",
          testimonial: "Prompt service, good behaving staff. Will recommend.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/clean-car-interior-close-up-1774596284871-767a9dcf.png",
        },
        {
          id: "2",
          name: "Senthil M.",
          handle: "@customer",
          testimonial: "Knowledgeable mechanic, fast service. Very satisfied.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/car-engine-bay-clean-1774596284328-e3c45007.png",
        },
        {
          id: "3",
          name: "Priya D.",
          handle: "@customer",
          testimonial: "Best car service place in Coimbatore. Reliable.",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/mechanic-shaking-hands-with-customer-1774596285539-eab8c096.png",
        },
        {
          id: "4",
          name: "Ravi S.",
          handle: "@customer",
          testimonial: "Professional and honest mechanics. Great job!",
          rating: 5,
          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/shiny-clean-car-exterior-1774596283726-f5c42829.png",
        },
      ]}
      showRating={true}
      title="Customer Reviews"
      description="Trusted by 32+ happy customers in Coimbatore."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Visit Us"
      title="Need Car Service Today?"
      description="Reach out for enquiries or book your service appointment directly. Business hours until 7 PM."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BWE5nd2R6UC0bxgtEspnnxPGzI/professional-auto-repair-shop-scene-with-1774596286773-ba8efa71.png?_wi=2"
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Services",
              href: "#services",
            },
            {
              label: "Reviews",
              href: "#testimonials",
            },
            {
              label: "Contact",
              href: "#contact",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Call Now",
              href: "tel:09842283377",
            },
            {
              label: "WhatsApp",
              href: "https://wa.me/919842283377",
            },
          ],
        },
      ]}
      logoText="Velan Car Care"
      copyrightText="© 2025 Velan Car Care | Coimbatore"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
