1edaee4f-e33e-402f-9099-9b456c2fbdc7/src/app/page.tsx

"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 { Wrench, Droplets, Disc, Wind, Cpu, Battery } 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: Disc, 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: Cpu, title: "Engine Diagnostics", description: "Advanced scanning for performance issues." },
        { icon: Battery, 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
      animationType="blur-reveal"
      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>
  );
}