"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
import FooterBase from '@/components/sections/footer/FooterBase';
import HeroOverlayTestimonial from '@/components/sections/hero/HeroOverlayTestimonial';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="compact"
        sizing="largeSizeMediumTitles"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Hizmetler",
          id: "services",
        },
        {
          name: "Dashboard",
          id: "dashboard",
        },
        {
          name: "Galeri",
          id: "gallery",
        },
        {
          name: "İletişim",
          id: "contact",
        },
      ]}
      brandName="Elite Drive"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroOverlayTestimonial
      title="Aracınızın Potansiyelini Keşfedin"
      description="Elite Drive Mechanics ile performansın sınırlarını zorlayın. Uzman teknik kadromuzla aracınızı bir üst seviyeye taşıyoruz."
      testimonials={[
        {
          name: "Ahmet Y.",
          handle: "@ahmet_y",
          testimonial: "Chip tuning sonrası aracım bambaşka bir kimliğe büründü, harika işçilik!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-vector/black-white-car-repair-icons_1284-727.jpg",
        },
        {
          name: "Mehmet K.",
          handle: "@mehmet_k",
          testimonial: "Arıza tespit süreci çok hızlıydı, teknolojik ekipmanları gerçekten ileri seviye.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/led-display-with-red-green-segments_187299-47615.jpg",
        },
        {
          name: "Canan D.",
          handle: "@canan_d",
          testimonial: "Modifiye konusunda şehrin en iyisi, ilgi ve alaka kusursuz.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-with-tool-wheel-hands-mechanic-blue-work-clothes_1157-46154.jpg",
        },
        {
          name: "Barış G.",
          handle: "@baris_g",
          testimonial: "Kurumsal ve profesyonel bir garaj, artık tek adresim.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/photovoltaics-factory-worker-monitors-system-performance-green-screen-pc_482257-119751.jpg",
        },
        {
          name: "Selim E.",
          handle: "@selim_e",
          testimonial: "Aracımın performansı %30 arttı, Elite Drive ekibine teşekkürler.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-circuit-board-close-up_23-2149174334.jpg",
        },
      ]}
      buttons={[
        {
          text: "Randevu Al",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-3d-pink-car_23-2150998509.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/batmobile-car-with-neon-lights_23-2151649966.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/supersport-car-cyberpunk-city-with-neon-lights-generative-ai_191095-1249.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/red-metallic-sport-car-air-conditioning-motor-hence_114579-1165.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/batmobile-concept-car-with-neon-lights_23-2151649844.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-vector/auto-sale-dealership-thin-line-icons-automotive-industry-linear-symbols_88138-1929.jpg",
          alt: "Client 5",
        },
      ]}
      avatarText="1000+ mutlu müşteri"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyOne
      useInvertedBackground={false}
      title="Uzmanlık Alanlarımız"
      description="Hassas mühendislik ve ileri teknoloji ile otomotivde çözüm odaklı hizmetler."
      accordionItems={[
        {
          id: "1",
          title: "Periyodik Bakım",
          content: "Detaylı motor ve sistem kontrolleri ile aracınızın ömrünü uzatıyoruz.",
        },
        {
          id: "2",
          title: "Yazılım & Performans",
          content: "Chip tuning ve beyin programlama ile gerçek gücü ortaya çıkarın.",
        },
        {
          id: "3",
          title: "Estetik & Modifiye",
          content: "Özel gövde kitleri, seramik kaplama ve premium jant seçenekleri.",
        },
        {
          id: "4",
          title: "Arıza Tespit",
          content: "Bilgisayarlı modern ekipmanlarla en ince sorunları bile anında çözüyoruz.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mechanic-using-digital-tablet-repair-garage_1170-1404.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="dashboard" data-section="dashboard">
      <SplitAbout
      textboxLayout="split"
      useInvertedBackground={true}
      title="Müşteri Takip Sistemi"
      description="Aracınız garajımızdayken her aşamayı canlı olarak takip edin. Servis geçmişi, takılan parçalar ve güncel durum bilgisi parmaklarınızın ucunda."
      bulletPoints={[
        {
          title: "Plaka ile Sorgulama",
          description: "Aracınızın geçmiş tüm servis kayıtlarına kolay erişim.",
        },
        {
          title: "Canlı Durum Takibi",
          description: "Serviste mi, boyada mı yoksa teslimata hazır mı?",
        },
        {
          title: "Şeffaf Parça Listesi",
          description: "Aracınıza uygulanan her işlemin ve parçanın detaylı raporu.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/solar-panel-inspection-group-review-data-pc-green-screen_482257-126054.jpg"
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          name: "Proje-01",
          price: "Modifiye",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-checking-car-oil_23-2149316436.jpg",
        },
        {
          id: "p2",
          name: "Proje-02",
          price: "Performans",
          imageSrc: "http://img.b2bpic.net/free-photo/car-tire-repair_23-2151947879.jpg",
        },
        {
          id: "p3",
          name: "Proje-03",
          price: "Estetik",
          imageSrc: "http://img.b2bpic.net/free-photo/engineer-checking-car-performance_482257-81473.jpg",
        },
        {
          id: "p4",
          name: "Proje-04",
          price: "Bakım",
          imageSrc: "http://img.b2bpic.net/free-photo/mechanics-examining-car_1170-1360.jpg",
        },
        {
          id: "p5",
          name: "Proje-05",
          price: "Yazılım",
          imageSrc: "http://img.b2bpic.net/free-photo/mockup-laptop-with-blurry-background-serviceman-changing-old-car-gear-oil-with-new-one-repair-shop-isolated-screen-device-hardworking-woman-garage-using-equipment-vehicle-checkup_482257-70542.jpg",
        },
        {
          id: "p6",
          name: "Proje-06",
          price: "Arıza",
          imageSrc: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg",
        },
      ]}
      title="Portfolyo: Önce & Sonra"
      description="Dönüşümün gücünü görerek estetik ve performansın birleştiği projelerimize göz atın."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="İletişime Geçin"
      description="Hemen randevunuzu alın ve aracınızın potansiyelini keşfetmeye başlayın."
      inputs={[
        {
          name: "ad-soyad",
          type: "text",
          placeholder: "Adınız Soyadınız",
          required: true,
        },
        {
          name: "plaka",
          type: "text",
          placeholder: "Araç Plakası",
          required: true,
        },
        {
          name: "telefon",
          type: "tel",
          placeholder: "Telefon Numarası",
          required: true,
        },
      ]}
      textarea={{
        name: "not",
        placeholder: "Aracınızla ilgili notlarınız...",
        rows: 4,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/view-3d-car-with-sketch-effect_23-2150998518.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Hizmetlerimiz",
          items: [
            {
              label: "Periyodik Bakım",
              href: "#",
            },
            {
              label: "Performans",
              href: "#",
            },
            {
              label: "Modifiye",
              href: "#",
            },
          ],
        },
        {
          title: "Destek",
          items: [
            {
              label: "İletişim",
              href: "#contact",
            },
            {
              label: "Randevu",
              href: "#contact",
            },
            {
              label: "SSS",
              href: "#",
            },
          ],
        },
        {
          title: "Sosyal Medya",
          items: [
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Twitter",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Elite Drive Mechanics"
      copyrightText="© 2025 Elite Drive Mechanics. Tüm hakları saklıdır."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
