"use client";

import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
import HeroSplitKpi from "@/components/sections/hero/HeroSplitKpi";
import TextAbout from "@/components/sections/about/TextAbout";
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FooterCard from "@/components/sections/footer/FooterCard";
import { Award, TrendingUp, Trophy, Zap, Star, Dumbbell, Heart, Lightbulb, Compass, Mail, Instagram, Twitter, Linkedin } from "lucide-react";

export default function PersonalTrainerPage() {
    return (
        <ThemeProvider
            defaultButtonVariant="directional-hover"
            defaultTextAnimation="background-highlight"
            borderRadius="pill"
            contentWidth="medium"
            sizing="mediumLarge"
            background="aurora"
            cardStyle="gradient-bordered"
            primaryButtonStyle="primary-glow"
            secondaryButtonStyle="layered"
            headingFontWeight="semibold"
        >
            <ReactLenis root>
                <div id="nav" data-section="nav">
                    <NavbarStyleFullscreen
                        navItems={[
                            { name: "Ana Sayfa", id: "home" },
                            { name: "Hakkımda", id: "about" },
                            { name: "Sertifikalar", id: "achievements" },
                            { name: "Hizmetler", id: "services" }
                        ]}
                        brandName="Doğukan Abaklı"
                        bottomLeftText="Sertifikalı Kişisel Antrenör"
                        bottomRightText="iletisim@antrenor.com"
                    />
                </div>

                <div id="hero" data-section="hero">
                    <HeroSplitKpi
                        title="Vücudunuzu Dönüştürün, Hayatınızı Değiştirin"
                        description="Hedeflerinize özel tasarlanmış uzman kişisel antrenman. Fitness yolculuğunuza yeni başlıyor ya da performansınızı bir üst seviyeye taşımak istiyor olun, kalıcı sonuçlar elde etmeniz için kişiselleştirilmiş koçluk, kanıtlanmış yöntemler ve sarsılmaz destek sağlıyorum."
                        background={{ variant: "rotated-rays-static-grid" }}
                        kpis={[
                            { value: "500+", label: "Dönüştürülmüş Danışan" },
                            { value: "10+", label: "Yıllık Deneyim" },
                            { value: "%95", label: "Hedef Başarı Oranı" }
                        ]}
                        enableKpiAnimation={true}
                        tag="Profesyonel Kişisel Antrenör"
                        tagIcon={Award}
                        imageSrc="http://img.b2bpic.net/free-photo/student-holding-cup-coffee-while-listening-her-teacher-video-call-conference-laptop-computer-woman-studying-communication-information-using-e-learning-college-platform_482257-17317.jpg"
                        imageAlt="Profesyonel Kişisel Antrenör Doğukan Abaklı"
                        imagePosition="right"
                        buttons={[
                            { text: "Yolculuğunuza Başlayın", href: "#about" },
                            { text: "Antrenman Programlarını Görüntüle", href: "#services" }
                        ]}
                        mediaAnimation="slide-up"
                    />
                </div>

                <div id="about" data-section="about">
                    <TextAbout
                        title="Başarınıza Olan Bağlılığım: Her danışan kişiselleştirilmiş bir yaklaşımı hak eder. On yılı aşkın fitness koçluğu deneyimimle, potansiyelinize ulaşmanız için kanıta dayalı antrenman yöntemlerini gerçek bir tutkuyla birleştiriyorum. Felsefem, sürdürülebilir sonuçlar, sakatlanma önleme ve hayat boyu sürecek alışkanlıklar oluşturmaya odaklanmıştır."
                        useInvertedBackground={false}
                        buttons={[
                            { text: "Hikayemi Öğrenin", href: "#achievements" },
                            { text: "Yöntemleri Keşfedin", href: "#philosophy" }
                        ]}
                    />
                </div>

                <div id="achievements" data-section="achievements">
                    <MetricCardOne
                        title="Profesyonel Niteliklerim ve Deneyimim"
                        description="Kişisel antrenman ve atletik gelişimde sertifikalı uzmanlık"
                        tag="Nitelikler"
                        tagIcon={TrendingUp}
                        metrics={[
                            { id: "1", value: "150", title: "Sertifikalı Kişisel Antrenör", description: "Ulusal Spor Hekimliği Akademisi sertifikası", icon: Trophy },
                            { id: "2", value: "500", title: "Uzmanlık Alanları", description: "Kuvvet, kondisyon, beslenme, mobilite, iyileşme", icon: Zap },
                            { id: "3", value: "950", title: "Başarı Hikayeleri", description: "Rehberliğimle fitness hedeflerine ulaşan danışanlar", icon: Star }
                        ]}
                        gridVariant="uniform-all-items-equal"
                        animationType="slide-up"
                        textboxLayout="default"
                        useInvertedBackground={false}
                    />
                </div>

                <div id="services" data-section="services">
                    <FeatureCardSeven
                        title="Kişiselleştirilmiş Antrenman Programları"
                        description="Eşsiz hedeflerinize ve yaşam tarzınıza özel olarak tasarlanmış fitness çözümleri"
                        tag="Hizmet Teklifleri"
                        tagIcon={Dumbbell}
                        features={[
                            {
                                title: "Bire Bir Kişisel Antrenman",                                description: "Tamamen hedeflerinize, formunuza ve ilerlemenize odaklanmış bireysel koçluk seansları. Her antrenman, fitness seviyenize, tercihlerinize ve hedeflerinize göre gerçek zamanlı geri bildirim ve ayarlamalarla tasarlanır.",                                imageSrc: "http://img.b2bpic.net/free-photo/single-breaded-onion-ring-isolated-white-background_839833-29692.jpg",                                imageAlt: "Bire bir kişisel antrenman seansı"
                            },
                            {
                                title: "Küçük Grup Antrenman Dersleri",                                description: "Küçük, odaklanmış gruplarda fitness hedeflerinize ulaşırken topluluk oluşturun. Dönüşüme kendini adamış benzer düşünen bireylerle motive edici bir ortamda kişiselleştirilmiş ilgi görün.",                                imageSrc: "http://img.b2bpic.net/free-photo/letter-y-made-green-grass-with-flowers-isolated-white_169016-57663.jpg",                                imageAlt: "Küçük grup fitness dersi"
                            },
                            {
                                title: "Online Koçluk Programları",                                description: "Özelleştirilmiş antrenman planları, beslenme rehberliği ve video form kontrolleri ile her yerden antrenman yapın. Sonuçlarınıza ve geri bildirimlerinize göre düzenli ilerleme değerlendirmeleri ve program ayarlamaları ile bağlantıda kalın.",                                imageSrc: "http://img.b2bpic.net/free-photo/wooden-sign-with-information-symbol_1160-817.jpg",                                imageAlt: "Online fitness koçluk platformu"
                            }
                        ]}
                        textboxLayout="default"
                        animationType="slide-up"
                        useInvertedBackground={false}
                        buttons={[
                            { text: "Danışmanlık Randevusu Alın", href: "#contact" }
                        ]}
                    />
                </div>

                <div id="philosophy" data-section="philosophy">
                    <FeatureBento
                        title="Antrenman Felsefem"
                        description="Fitness ve sağlığa bütünsel yaklaşım"
                        tag="Antrenman Metodu"
                        tagIcon={Compass}
                        features={[
                            {
                                title: "Aşamalı Yüklenme",                                description: "Sürekli gelişimi sağlamak ve fitness yolculuğunuzda platoları önlemek için yoğunluğu ve zorluğu sistematik olarak artırın",                                bentoComponent: "animated-bar-chart"
                            },
                            {
                                title: "Fonksiyonel Fitness",                                description: "Günlük yaşamda daha iyi performans için gerçek dünya gücünü, hareketliliğini ve hareket kalıplarını geliştiren antrenman",                                bentoComponent: "3d-stack-cards",                                items: [
                                    { icon: Dumbbell, title: "Kuvvet", subtitle: "Güç Oluştur", detail: "Kalıcı kazançlar için bileşik hareketler" },
                                    { icon: Heart, title: "Dayanıklılık", subtitle: "Direnci Artır", detail: "Kardiyovasküler ve kas kondisyonu" },
                                    { icon: Lightbulb, title: "Mobilite", subtitle: "Hareket Aralığını İyileştir", detail: "Gelişmiş esneklik ve eklem sağlığı" }
                                ]
                            },
                            {
                                title: "Sürdürülebilir Alışkanlıklar",                                description: "Hızlı çözümler yerine yaşam tarzınıza uygun ve uzun vadeli sonuçlara yol açan tutarlı rutinler oluşturun",                                bentoComponent: "timeline",                                heading: "Antrenman Yolculuğunuz",                                subheading: "Dönüşüm için Üç Aşama",                                items: [
                                    { label: "Temel", detail: "Doğru formu oluşturma ve temel fitness seviyesini belirleme" },
                                    { label: "İlerleme", detail: "Yoğunluğu ve karmaşıklığı kademeli olarak artırma" },
                                    { label: "Ustalık", detail: "Zirve performans ve uzun vadeli sonuçları sürdürme" }
                                ],
                                completedLabel: "Dönüşümünüz başlıyor"
                            }
                        ]}
                        textboxLayout="default"
                        animationType="slide-up"
                        useInvertedBackground={true}
                        buttons={[
                            { text: "Antrenmana Başla", href: "#contact" }
                        ]}
                    />
                </div>

                <div id="testimonials" data-section="testimonials">
                    <TestimonialCardFifteen
                        testimonial="Bu antrenörle çalışmak fitness ile olan ilişkimi tamamen değiştirdi. Kişiselleştirilmiş yaklaşım, sürekli teşvik ve profesyonel uzmanlık, tüm farkı yarattı. Sadece hedeflerime ulaşmakla kalmadım, aynı zamanda daha önce hiç bilmediğim bir antrenman tutkusu keşfettim."
                        rating={5}
                        author="Ayşe Yılmaz, Fitness Meraklısı"
                        avatars={[
                            { src: "http://img.b2bpic.net/free-photo/hand-holding-symbol_53876-63807.jpg", alt: "Ayşe Yılmaz" },
                            { src: "http://img.b2bpic.net/free-photo/beautiful-asian-girl-enjoying-bubble-tea-street-market_23-2151964890.jpg", alt: "Can D." },
                            { src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8xby4i", alt: "Ela S." },
                            { src: "http://img.b2bpic.net/free-photo/letter-n-made-green-grass-with-flowers-isolated-transparent-background_169016-59603.jpg", alt: "Deniz K." }
                        ]}
                        ratingAnimation="slide-up"
                        avatarsAnimation="slide-up"
                        useInvertedBackground={true}
                    />
                </div>

                <div id="contact" data-section="contact">
                    <ContactSplit
                        background={{ variant: "plain" }}
                        tag="Dönüşüme Hazır mısınız?"
                        title="Fitness Yolculuğunuza Bugün Başlayın"
                        description="Daha sağlıklı, daha güçlü bir versiyonunuza doğru ilk adımı atın. Hedeflerinizi görüşmek, kişiselleştirilmiş antrenman seçenekleri hakkında bilgi almak ve sonuçlara ulaşmak için birlikte nasıl çalışabileceğimizi keşfetmek üzere ücretsiz bir danışmanlık randevusu ayarlayın."
                        useInvertedBackground={false}
                        imageSrc="http://img.b2bpic.net/free-photo/hand-holding-letter-j_53876-63819.jpg"
                        imageAlt="Fitness antrenmanı ilhamı Doğukan Abaklı"
                        mediaPosition="right"
                        mediaAnimation="slide-up"
                        tagIcon={Mail}
                        inputPlaceholder="emailadresiniz@ornek.com"
                        buttonText="Şimdi Başla"
                        termsText="Gizliliğinize saygı duyuyoruz. İstediğiniz zaman abonelikten çıkabilirsiniz."
                    />
                </div>

                <div id="footer" data-section="footer">
                    <FooterCard
                        logoText="Doğukan Abaklı"
                        copyrightText="© 2025 Doğukan Abaklı Kişisel Antrenörlük. Tüm hakları saklıdır."
                        socialLinks={[
                            { icon: Instagram, href: "https://instagram.com", ariaLabel: "Instagram" },
                            { icon: Twitter, href: "https://twitter.com", ariaLabel: "Twitter" },
                            { icon: Linkedin, href: "https://linkedin.com", ariaLabel: "LinkedIn" },
                            { icon: Mail, href: "mailto:iletisim@antrenor.com", ariaLabel: "E-posta" }
                        ]}
                    />
                </div>
            </ReactLenis>
        </ThemeProvider>
    );
}