"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import { BarChart, Clock, DollarSign, MessageSquare, Shield, TrendingUp, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="solid"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Ana Sayfa",          id: "hero"},
        {
          name: "Özellikler",          id: "features"},
        {
          name: "İletişim",          id: "contact"},
      ]}
      brandName="ROTA-AI"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="İŞLETMENİZİN DİJİTAL SİNİR SİSTEMİNİ KURUYORUZ."
      description="Karmaşık süreçleri otomatiğe alın, veriyi kazanca dönüştürün."
      buttons={[
        {
          text: "KEŞFEDİN",          href: "#features"},
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-leader-thinking-about-new-successful-ideas_482257-126557.jpg?_wi=1",          imageAlt: "3D Data Flow Structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/variety-people-multitasking-3d-cartoon-scene_23-2151294543.jpg",          imageAlt: "3D Data Flow Structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/detail-shot-high-rise-buildings-modern-city_1359-877.jpg",          imageAlt: "3D Data Flow Structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/technological-blue-background-circuit_1017-3795.jpg",          imageAlt: "3D Data Flow Structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-cartoon-scene-depicting-variety-people-multitasking_23-2151294591.jpg",          imageAlt: "3D Data Flow Structure"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-background-with-gray-cubes_1048-12368.jpg",          imageAlt: "3D Data Flow Structure"},
      ]}
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureBento
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        {
          bentoComponent: "reveal-icon",          icon: BarChart,
          title: "E-TİCARET OPTİMİZASYONU",          description: "Artan ROI ile kârınızı yönetin."
        },
        {
          bentoComponent: "reveal-icon",          icon: TrendingUp,
          title: "GELİŞMİŞ VERİ ANALİZİ",          description: "Yıllık tahminlemeler ve tasarruf."
        },
        {
          bentoComponent: "reveal-icon",          icon: MessageSquare,
          title: "7/24 AI DESTEK",          description: "%80 hızlı çözüm kapasitesi."
        },
        {
          bentoComponent: "reveal-icon",          icon: Clock,
          title: "SÜREÇ YÖNETİMİ",          description: "Operasyonel özgürlük ile +20 saat."
        },
        {
          bentoComponent: "reveal-icon",          icon: DollarSign,
          title: "OTONOM FİYATLAMA",          description: "10 kat hızlı teklif süreçleri."
        },
      ]}
      title="Akıllı Çözümler"
      description="İşletmenizi bir üst seviyeye taşıyan yapay zeka entegrasyonları."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Google",        "Meta",        "Microsoft",        "Amazon",        "Apple",        "Nvidia",        "Intel"]}
      title="İş Ortaklarımız"
      description="Küresel ölçekte güvenle çalışıyoruz."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          icon: Zap,
          title: "Verimlilik",          value: "%90"},
        {
          id: "m2",          icon: TrendingUp,
          title: "Büyüme",          value: "%45"},
        {
          id: "m3",          icon: Shield,
          title: "Hata Payı",          value: "Sıfır"},
      ]}
      title="ROTA-AI Etkisi"
      description="Verilerle kanıtlanmış başarı."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Ömer T.",          date: "2023-10",          title: "CEO",          quote: "%34 kâr artışı sağladık.",          tag: "E-Ticaret",          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-black-male-dressed-suit-from-wool_613910-15983.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/modern-business-leader-thinking-about-new-successful-ideas_482257-126557.jpg?_wi=2",          imageAlt: "portrait omer"},
        {
          id: "t2",          name: "Oya S.",          date: "2023-11",          title: "CFO",          quote: "Yıllık %25 tasarruf.",          tag: "Veri",          avatarSrc: "http://img.b2bpic.net/free-photo/confident-pretty-business-woman-with-arms-crossed_1262-2992.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/sign-language-hand-showing-letter-g_23-2148590397.jpg",          imageAlt: "portrait omer"},
        {
          id: "t3",          name: "Elif K.",          date: "2023-12",          title: "Destek Md.",          quote: "%80 daha hızlı çözümler.",          tag: "AI",          avatarSrc: "http://img.b2bpic.net/free-photo/young-smiling-professional-woman-having-coffee-break-her-full-working-day-she-holds-paper-cup-outdoors-near-business-building-while-relaxing-enjoying-her-beverage_158595-6863.jpg",          imageSrc: "http://img.b2bpic.net/free-vector/digital-infinity-logo-design-with-floating-particles_1017-9405.jpg",          imageAlt: "portrait omer"},
        {
          id: "t4",          name: "Can B.",          date: "2024-01",          title: "Operasyon",          quote: "Operasyonel özgürlük harika.",          tag: "Süreç",          avatarSrc: "http://img.b2bpic.net/free-photo/ecstatic-woman-holding-soda-can_23-2148751409.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/bookmark-front-side_187299-39200.jpg",          imageAlt: "portrait omer"},
        {
          id: "t5",          name: "Mert Y.",          date: "2024-02",          title: "Satış Direktörü",          quote: "10 kat hızlı teklif.",          tag: "Fiyatlama",          avatarSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-cyber-monday-assortment_23-2149055949.jpg",          imageAlt: "portrait omer"},
      ]}
      title="Başarı Hikayeleri"
      description="ROTA-AI ile dönüşümü yaşayanlar."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "ROTA-AI güvenli mi?",          content: "Tamamen güvenli ve verileriniz şifrelenmiştir."},
        {
          id: "f2",          title: "Entegrasyon zor mu?",          content: "Modern API yapımızla saniyeler içinde entegre edilir."},
        {
          id: "f3",          title: "Desteğiniz var mı?",          content: "7/24 uzman teknik destek ekibimiz yanınızda."},
      ]}
      title="Sıkça Sorulan Sorular"
      description="ROTA-AI hakkında merak ettikleriniz."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="İLETİŞİM"
      title="Dijital Dönüşüme Başlayın"
      description="İşletmenizin geleceğini bizimle şekillendirin."
      buttons={[
        {
          text: "Hemen Başvur",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="ROTA-AI"
      leftLink={{
        text: "Gizlilik Politikası",        href: "#"}}
      rightLink={{
        text: "Kullanım Koşulları",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
