"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import { MessageCircle } from "lucide-react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="medium"
        sizing="medium"
        background="circleGradient"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingInline
            navItems={[
              { name: "Anasayfa", id: "hero" },
              { name: "Hakkımızda", id: "about" },
              { name: "Parçalar", id: "products" },
              { name: "İletişim", id: "contact" },
            ]}
            brandName="Uzman Otomotiv"
            button={{ text: "İletişime Geç", href: "#contact" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroLogoBillboard
            background={{ variant: "plain" }}
            logoText="Uzman Otomotiv"
            description="Konya'da klasik Fiat ve Tofaş araçlarınız için ihtiyaç duyduğunuz tüm orijinal yedek parçalar, yılların tecrübesiyle Uzman Otomotiv'de."
            buttons={[
              { text: "Ürünleri İncele", href: "#products" },
              { text: "Bize Ulaşın", href: "#contact" },
            ]}
            imageSrc="http://img.b2bpic.net/free-photo/classic-cars-exhibition_23-2148416634.jpg"
            imageAlt="Klasik Otomobiller"
            mediaAnimation="slide-up"
          />
        </div>

        <div id="about" data-section="about">
          <InlineImageSplitTextAbout
            useInvertedBackground={false}
            heading={[
              { type: "text", content: "Konya'nın Klasik Araç " },
              { type: "image", src: "http://img.b2bpic.net/free-vector/vintage-garage-badge_23-2147502660.jpg", alt: "Fiat" },
              { type: "text", content: " ve " },
              { type: "image", src: "http://img.b2bpic.net/free-vector/tofas-logo-vintage_23-2147820000.jpg", alt: "Tofaş" },
              { type: "text", content: " Uzmanı" },
            ]}
          />
        </div>

        <div id="products" data-section="products">
          <ProductCardTwo
            animationType="slide-up"
            textboxLayout="split"
            gridVariant="four-items-2x2-equal-grid"
            useInvertedBackground={false}
            products={[
              { id: "p1", brand: "Tofaş", name: "Tofaş Şahin", price: "Detaylı Bilgi", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/tofas-sahin-classic_23-2148888888.jpg" },
              { id: "p2", brand: "Tofaş", name: "Tofaş Doğan SLX", price: "Detaylı Bilgi", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/tofas-dogan-slx_23-2149999999.jpg" },
              { id: "p3", brand: "Fiat", name: "Fiat Egea", price: "Detaylı Bilgi", rating: 4, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/fiat-egea-modern_23-2147777777.jpg" },
              { id: "p4", brand: "Tofaş", name: "Tofaş Şahin Ön Tampon", price: "490 TL", rating: 5, reviewCount: "22", imageSrc: "http://img.b2bpic.net/free-photo/car-bumper-spare-part_23-2150000000.jpg" },
            ]}
            title="Araç Modelleri ve Yedek Parçalar"
            description="Tofaş ve Fiat model araçlarınız için geniş ürün yelpazesi."
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardTwentySeven
            animationType="slide-up"
            textboxLayout="split"
            useInvertedBackground={false}
            features={[
              { id: "f1", title: "Uzman Kadro", descriptions: ["Klasik araçlar konusunda 20 yıllık deneyim.", "Aracınıza en uygun parça tespiti."], imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-holding-spare-parts-car_1170-1612.jpg" },
              { id: "f2", title: "Geniş Stok", descriptions: ["Aradığınız tüm parçalar stoklarımızda mevcut.", "Hızlı temin garantisi."], imageSrc: "http://img.b2bpic.net/free-photo/auto-parts-shelf_23-2151000000.jpg" },
              { id: "f3", title: "Orijinal Kalite", descriptions: ["Tüm ürünlerimiz yüksek kalite standartlarına sahiptir.", "Uzun ömürlü kullanım."], imageSrc: "http://img.b2bpic.net/free-photo/open-hard-disk-black-background_1401-418.jpg" },
            ]}
            title="Neden Uzman Otomotiv?"
            description="Klasik araçlarınız için sunduğumuz ayrıcalıklı hizmetler."
          />
        </div>

        <div id="social" data-section="social">
          <SocialProofOne
            textboxLayout="default"
            useInvertedBackground={false}
            names={["Fiat", "Tofaş", "Uzmanlık", "Konya Sanayi", "Kalite Güvencesi", "Orijinal Parça", "Klasik Araç"]}
            title="İş Ortaklarımız ve Kalite Standartlarımız"
            description="Yüksek kalite ve orijinal parça tedariğinde tercih edilen marka."
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardSix
            animationType="slide-up"
            textboxLayout="default"
            useInvertedBackground={false}
            title="Müşterilerimiz Ne Diyor?"
            description="Uzman Otomotiv kalitesinden memnun kalan değerli müşterilerimizin yorumları."
            testimonials={[
              { id: "t1", name: "Ahmet Yılmaz", handle: "@ayilmaz", testimonial: "Tofaş parçalarımı her zaman buradan alırım, çok ilgililer." },
              { id: "t2", name: "Mehmet Demir", handle: "@mdemir", testimonial: "Aradığım nadir parçayı kısa sürede buldular, teşekkürler.", imageSrc: "http://img.b2bpic.net/free-photo/man-repairing-bicycle-workshop_23-2147892662.jpg" },
            ]}
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            textboxLayout="split"
            useInvertedBackground={false}
            title="Sıkça Sorulan Sorular"
            description="Tofaş yedek parça süreçlerimiz hakkında bilmeniz gerekenler."
            faqs={[
              { id: "q1", title: "Parça garantisi veriyor musunuz?", content: "Evet, tüm orijinal parçalarımız faturalı ve garantilidir." },
              { id: "q2", title: "Kargo ile parça gönderimi yapıyor musunuz?", content: "Tüm Türkiye'ye aynı gün kargo avantajımız bulunmaktadır." },
            ]}
            faqsAnimation="slide-up"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactSplitForm
            title="Bize Ulaşın"
            description="Parça sorgulama için formu doldurun veya doğrudan WhatsApp üzerinden bize ulaşın."
            inputs={[
                { name: "name", type: "text", placeholder: "Adınız Soyadınız" },
                { name: "email", type: "email", placeholder: "E-posta Adresiniz" }
            ]}
            useInvertedBackground={true}
            buttonText="Gönder"
          />
          <div className="flex justify-center mt-6">
              <a href="https://wa.me/905550000000" target="_blank" rel="noopener noreferrer" className="flex items-center gap-2 text-green-600">
                <MessageCircle size={32} />
                <span className="font-semibold">WhatsApp ile İletişime Geçin</span>
              </a>
          </div>
        </div>

        <div id="footer" data-section="footer">
          <FooterBaseCard
            logoText="Uzman Otomotiv"
            columns={[
              { title: "Kurumsal", items: [{ label: "Hakkımızda", href: "#about" }, { label: "İletişim", href: "#contact" }] },
              { title: "Yedek Parça", items: [{ label: "Fiat Parçaları", href: "#products" }, { label: "Tofaş Parçaları", href: "#products" }] }
            ]}
            copyrightText="© 2025 Uzman Otomotiv"
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}