"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { CheckCircle, Clock, Dumbbell, Flame, Heart, MapPin, Phone, Shield, Zap, Award, Users, TrendingUp } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="compact"
      sizing="medium"
      background="none"
      cardStyle="gradient-bordered"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="Hasan Bozan Spor Kulübü"
          navItems={[
            { name: "Anasayfa", id: "hero" },
            { name: "Hakkımızda", id: "about" },
            { name: "Programlar", id: "programs" },
            { name: "Neden Biz", id: "why-us" },
            { name: "İletişim", id: "contact" }
          ]}
          button={{
            text: "WhatsApp İletişim",            href: "https://wa.me/905353060379"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Mersin'de Gerçek Dövüş Sporları Eğitimi"
          description="Disiplin, özgüven ve güçlü bir gelecek için profesyonel boks, kick boks ve muay thai eğitimi. Hasan Bozan Spor Kulübü'nde çocuklarınızı güvenli ellere emanet edin."
          tag="Premium Martial Arts"
          tagIcon={Zap}
          tagAnimation="slide-up"
          background={{ variant: "downward-rays-animated" }}
          buttons={[
            {
              text: "Ücretsiz Tanışma Antrenmanı",              href: "https://wa.me/905353060379"
            },
            {
              text: "WhatsApp ile İletişim",              href: "https://wa.me/905353060379"
            }
          ]}
          buttonAnimation="blur-reveal"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/full-length-portrait-two-male-kickboxers-sparring-inside-boxing-ring-modern-gym-man-black-trousers-kicking-his-opponent-red-shorts-training-workout-martial-arts-kickboxing-concept_343059-685.jpg?_wi=1",              imageAlt: "Professional boxing gym"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "Hasan Bozan Spor Kulübü - Disiplin ve Saygının Merkezi"
            }
          ]}
          useInvertedBackground={true}
          buttons={[
            {
              text: "Hakkımızda Daha Fazla Bilgi",              href: "#why-us"
            }
          ]}
          buttonAnimation="blur-reveal"
        />
      </div>

      <div id="programs" data-section="programs">
        <FeatureBento
          title="Programlarımız"
          description="Her yaş ve seviyeye uygun profesyonel antrenman programları"
          tag="Dövüş Sporları"
          tagIcon={Shield}
          tagAnimation="slide-up"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          carouselMode="buttons"
          features={[
            {
              title: "Çocuk Boks Eğitimi",              description: "4-12 yaş arası çocuklar için özgüven, disiplin ve saygı öğretimi",              bentoComponent: "icon-info-cards",              items: [
                { icon: Award, label: "Yaş", value: "4-12" },
                { icon: Users, label: "Grup", value: "Hafif" },
                { icon: Clock, label: "Ders", value: "60 min" }
              ]
            },
            {
              title: "Gençler Kick Boks",              description: "13-17 yaş arası gençler için güç, dayanıklılık ve özür dileme",              bentoComponent: "icon-info-cards",              items: [
                { icon: Zap, label: "Yaş", value: "13-17" },
                { icon: Flame, label: "Yoğunluk", value: "Orta" },
                { icon: Clock, label: "Ders", value: "75 min" }
              ]
            },
            {
              title: "Yetişkin Boks",              description: "Fitness, güç ve stres rahatlatması için profesyonel boks antrenmanı",              bentoComponent: "icon-info-cards",              items: [
                { icon: Dumbbell, label: "Yaş", value: "18+" },
                { icon: TrendingUp, label: "Seviye", value: "Tüm" },
                { icon: Clock, label: "Ders", value: "90 min" }
              ]
            },
            {
              title: "Muay Thai",              description: "İleri darbe teknikleri ve kondisyon antrenmanı",              bentoComponent: "icon-info-cards",              items: [
                { icon: Flame, label: "Seviye", value: "İleri" },
                { icon: Zap, label: "Yoğunluk", value: "Yüksek" },
                { icon: Clock, label: "Ders", value: "90 min" }
              ]
            }
          ]}
          buttons={[
            {
              text: "Programa Katıl",              href: "https://wa.me/905353060379"
            }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardTwo
          title="Neden Hasan Bozan Spor Kulübü'nü Seçmelisiniz?"
          description="Mersin'de disiplin ve güvenin simgesi"
          tag="Profesyonel Eğitim"
          tagIcon={CheckCircle}
          tagAnimation="blur-reveal"
          animationType="blur-reveal"
          textboxLayout="default"
          useInvertedBackground={true}
          gridVariant="uniform-all-items-equal"
          metrics={[
            { id: "1", value: "20+", description: "Yıl Deneyim" },
            { id: "2", value: "500+", description: "Mutlu Öğrenci" },
            { id: "3", value: "100%", description: "Güvenli Ortam" },
            { id: "4", value: "5★", description: "Müşteri Memnuniyeti" }
          ]}
          buttons={[
            {
              text: "Tanışma Antrenmanı Al",              href: "https://wa.me/905353060379"
            }
          ]}
          buttonAnimation="slide-up"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwelve
          testimonials={[
            {
              id: "1",              name: "Ayşe Yılmaz",              imageSrc: "http://img.b2bpic.net/free-photo/selfie-photo-with-father-son_23-2148404173.jpg",              imageAlt: "Ayşe Yılmaz"
            },
            {
              id: "2",              name: "Mehmet Eren",              imageSrc: "http://img.b2bpic.net/free-photo/funny-little-boy-boxer-with-blonde-hair-dressed-white-t-shirt-wearing-boxing-gloves-posing-studio-isolated-dark-textured-background_613910-20660.jpg",              imageAlt: "Mehmet Eren"
            },
            {
              id: "3",              name: "Fatih Kaya",              imageSrc: "http://img.b2bpic.net/free-photo/handsome-young-man-gesturing-with-his-hand-pointing-finger-you-isolated-white_343059-385.jpg",              imageAlt: "Fatih Kaya"
            },
            {
              id: "4",              name: "Elif Demir",              imageSrc: "http://img.b2bpic.net/free-photo/young-blonde-woman-jacket-jeans_176474-49239.jpg",              imageAlt: "Elif Demir"
            },
            {
              id: "5",              name: "Zeynep Çelik",              imageSrc: "http://img.b2bpic.net/free-photo/attractive-blond-woman-feels-tired-after-long-hard-boxing-match_613910-15007.jpg",              imageAlt: "Zeynep Çelik"
            },
            {
              id: "6",              name: "Can Arslan",              imageSrc: "http://img.b2bpic.net/free-photo/boxer-boy-posing-gym_23-2148201107.jpg",              imageAlt: "Can Arslan"
            }
          ]}
          cardTitle="Öğrencilerimiz Ne Söylüyor?"
          cardTag="Gerçek İnsan Hikayeleri"
          cardTagIcon={Heart}
          cardAnimation="blur-reveal"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact-cta" data-section="contact-cta">
        <ContactCTA
          tag="Bize Ulaşın"
          tagIcon={Phone}
          tagAnimation="slide-up"
          title="Bugün Başla. Güçlü Ol."
          description="Hasan Bozan Spor Kulübü'ne katılarak hayatını değiştir. Disiplin, saygı ve özgüven öğren."
          buttons={[
            {
              text: "WhatsApp ile Kayıt",              href: "https://wa.me/905353060379"
            },
            {
              text: "Salonu Ziyaret Et",              href: "#contact"
            }
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "gradient-bars" }}
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCTA
          tag="İletişim Bilgileri"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          title="Hasan Bozan Spor Kulübü"
          description="Mersin, Türkiye'de yer alan profesyonel dövüş sporları tesisimize ziyaret etmeyi veya arayarak daha fazla bilgi almayı bekliyoruz."
          buttons={[
            {
              text: "0535 306 0379",              href: "tel:+905353060379"
            },
            {
              text: "WhatsApp Mesaj Gönder",              href: "https://wa.me/905353060379"
            },
            {
              text: "Haritada Gör",              href: "https://maps.google.com/?q=mersin+spor+kulübü"
            }
          ]}
          buttonAnimation="blur-reveal"
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/full-length-portrait-two-male-kickboxers-sparring-inside-boxing-ring-modern-gym-man-black-trousers-kicking-his-opponent-red-shorts-training-workout-martial-arts-kickboxing-concept_343059-685.jpg?_wi=2"
          imageAlt="Hasan Bozan Spor Kulübü"
          logoText="Hasan Bozan Spor Kulübü"
          copyrightText="© 2025 Hasan Bozan Spor Kulübü | Mersin, Türkiye | Tüm Hakları Saklıdır"
          columns={[
            {
              title: "Hakkımızda",              items: [
                { label: "Programlar", href: "#programs" },
                { label: "Antrenörler", href: "#about" },
                { label: "Neden Biz", href: "#why-us" },
                { label: "Müşteri Yorumları", href: "#testimonials" }
              ]
            },
            {
              title: "İletişim",              items: [
                { label: "WhatsApp: 0535 306 0379", href: "https://wa.me/905353060379" },
                { label: "Telefon Ara", href: "tel:+905353060379" },
                { label: "Konumumuz", href: "https://maps.google.com/?q=mersin+spor+kulübü" },
                { label: "Mesaj Gönder", href: "#contact" }
              ]
            },
            {
              title: "Yasal",              items: [
                { label: "Gizlilik Politikası", href: "#" },
                { label: "Kullanım Şartları", href: "#" },
                { label: "İletişim", href: "#contact" },
                { label: "Sosyal Medya", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
