"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
import { Activity, Award, Phone, Shield, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="large"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Ana Sayfa",          id: "hero"},
        {
          name: "Hakkımızda",          id: "about"},
        {
          name: "Fiyatlar",          id: "pricing"},
        {
          name: "Tesis",          id: "facility"},
      ]}
      brandName="IRON TRAINING CLUB"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitKpi
      background={{
        variant: "plain"}}
      title="Sınırlarını Keşfet, Gücünü İnşa Et"
      description="Bursa'nın en iyi ekipmanlarına sahip, gerçek sporcuların tercihi."
      kpis={[
        {
          value: "24/7",          label: "Açık"},
        {
          value: "100+",          label: "Ekipman"},
        {
          value: "Real",          label: "Hardcore"},
      ]}
      enableKpiAnimation={true}
      buttons={[
        {
          text: "Fiyatları İncele",          href: "#pricing"},
        {
          text: "WhatsApp'tan Ulaşın",          href: "https://wa.me/905550000000"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/barbell-weights-rack_23-2147789571.jpg"
      imageAlt="Iron Training Club - Authentic Gym"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/3d-gym-equipment_23-2151114215.jpg",          alt: "3d gym equipment"},
        {
          src: "http://img.b2bpic.net/free-photo/individual-doing-sport-healthy-lifestyle_23-2151764290.jpg",          alt: "Individual doing sport healthy lifestyle"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-barbell-gym_53876-145161.jpg",          alt: "Close up of a barbell in a gym"},
        {
          src: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-16560.jpg",          alt: "Fitness equipment"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-shot-barbell_1301-2293.jpg",          alt: "Close up shot of barbell"},
      ]}
      marqueeItems={[
        {
          type: "text",          text: "Hardcore Training"},
        {
          type: "text",          text: "Profesyonel Ekipman"},
        {
          type: "text",          text: "7/24 Erişim"},
        {
          type: "text",          text: "Bursa'nın En İyisi"},
        {
          type: "text",          text: "Disiplin"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Gerçek Sporcuların Tercihi"
      metrics={[
        {
          icon: Activity,
          label: "Profesyonel Ekipman",          value: "Full Set"},
        {
          icon: Shield,
          label: "Disiplinli Atmosfer",          value: "Hardcore"},
        {
          icon: Award,
          label: "Eğitmen Desteği",          value: "Expert"},
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      plans={[
        {
          id: "student",          badge: "Öğrenci",          price: "999 TL",          name: "Öğrenci Avantajı",          features: [
            "12 Giriş Hakkı",            "Tüm Ekipman Erişimi",            "Grup Dersleri Hariç"],
          buttons: [
            {
              text: "WhatsApp'tan Ulaşın",              href: "https://wa.me/905550000000"},
          ],
        },
        {
          id: "standard",          price: "1499 TL",          name: "Standart Üyelik",          features: [
            "Sınırsız Giriş",            "Tüm Ekipman Erişimi",            "Duş & Soyunma"],
          buttons: [
            {
              text: "WhatsApp'tan Ulaşın",              href: "https://wa.me/905550000000"},
          ],
        },
        {
          id: "premium",          badge: "Önerilen",          price: "1999 TL",          name: "Her Şey Dahil",          features: [
            "Sınırsız Erişim",            "Vücut Analizi",            "Ücretsiz Havlu",            "Program Takibi"],
          buttons: [
            {
              text: "WhatsApp'tan Ulaşın",              href: "https://wa.me/905550000000"},
          ],
        },
      ]}
      title="Üyelik Paketleri"
      description="Hedeflerine uygun, şeffaf ve esnek paket seçeneklerimizle gücüne güç kat."
    />
  </div>

  <div id="facility" data-section="facility">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Serbest Ağırlık Alanı",          description: "Profesyonel düzeyde squat rackler, olimpik barlar ve yeterli ağırlık plakası.",          icon: Activity,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/man-working-out-gym_23-2148197768.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/fitness-equipment_53876-30407.jpg"},
          ]
        },
        {
          title: "Kardiyo & Fonksiyonel",          description: "Kesintisiz antrenman için bakımlı ve yüksek performanslı kardiyo üniteleri.",          icon: Zap,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/weights-kettlebells-gym_23-2147675173.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/trans-man-working-out-exercising-gym_23-2149712827.jpg"},
          ]
        },
        {
          title: "Konforlu Tesis",          description: "Hijyenik soyunma odaları ve odaklanmış antrenman ortamı.",          icon: Shield,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/dumbbell_74190-3786.jpg"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-shot-fit-man-training-gym_23-2149445917.jpg?_wi=1"},
          ]
        },
      ]}
      title="Gerçek Ekipman, Gerçek Sonuçlar"
      description="Lüks değil, fonksiyonel ve gerçek antrenman alanı."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="İletişim"
      title="Bize Ulaşın"
      description="Profesyonel destek veya üyelik başvurusu için formu doldurun."
      tagIcon={Phone}
      inputPlaceholder="E-posta adresiniz"
      buttonText="İletişime Geç"
      termsText="Göndererek hizmet şartlarını kabul etmiş olursunuz."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/full-shot-fit-man-training-gym_23-2149445917.jpg?_wi=2"
      logoText="IRON TRAINING CLUB"
      columns={[
        {
          title: "İletişim",          items: [
            {
              label: "WhatsApp Destek",              href: "https://wa.me/905550000000"},
            {
              label: "Adres: Bursa, Türkiye",              href: "#"},
          ],
        },
        {
          title: "Çalışma Saatleri",          items: [
            {
              label: "Pazartesi - Pazar",              href: "#"},
            {
              label: "07:00 - 23:00",              href: "#"},
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
