"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import AboutMetric from '@/components/sections/about/AboutMetric';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TeamCardTen from '@/components/sections/team/TeamCardTen';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import { AlertCircle, CheckCircle, Clock, Handshake, Heart, Shield, Smile, Star, Stethoscope, Syringe, ThumbsUp, Users, Zap } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="mediumLarge"
      sizing="large"
      background="fluid"
      cardStyle="inset"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="glass"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="KADIKÖY ARENA VETERİNER"
          navItems={[
            { name: "Ana Sayfa", id: "hero" },
            { name: "Hakkımızda", id: "about" },
            { name: "Hizmetler", id: "services" },
            { name: "Acil Durum", id: "emergency" },
            { name: "Ekibimiz", id: "team" },
            { name: "Değerlendirmeler", id: "testimonials" },
            { name: "İletişim", id: "contact" }
          ]}
          button={{ text: "🚑 Acil Hattı", href: "tel:+902164545454" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Minik Dostlarınız İçin Profesyonel Bakım"
          description="KADIKÖY ARENA VETERİNER KLİNİĞİ'nde 7/24 acil veteriner hizmetiyle evcil hayvanlarınızın sağlığı bizim önceliğimiz. Deneyimli hekim kadromuz, steril ortamımız ve samimi yaklaşımımızla eğer varsa sorunları hızlı çözer ve kedi, köpek ve kuşlarınızın sevgi ile bakılmasını sağlar."
          background={{ variant: "radial-gradient" }}
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/full-shot-woman-with-dogs-home_23-2149598068.jpg", alt: "happy cat veterinary clinic" },
            { src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-doctor-checking-dog_23-2149304331.jpg", alt: "happy dog vet clinic portrait" },
            { src: "http://img.b2bpic.net/free-photo/close-up-hand-holding-newborn-baby-duckling_23-2147924224.jpg", alt: "healthy colorful bird portrait" },
            { src: "http://img.b2bpic.net/free-photo/easter-background-with-bunny-basket-with-fresh-flowers_169016-50130.jpg", alt: "rabbit small pet vet clinic" },
            { src: "http://img.b2bpic.net/free-photo/adorable-domestic-kitten-sitting-couch-covered-with-white-sheet_181624-56372.jpg", alt: "kitten young cat cute" }
          ]}
          avatarText="500+ Memnun Hasta Sahibi"
          buttons={[
            { text: "Randevu Alın", href: "#contact" },
            { text: "Hizmetlerimiz", href: "#services" }
          ]}
          buttonAnimation="slide-up"
          marqueeItems={[
            { type: "text", text: "7/24 Acil Hizmet" },
            { type: "text", text: "Deneyimli Hekimler" },
            { type: "text", text: "Steril Ortam" },
            { type: "text", text: "Uygun Fiyatlar" },
            { type: "text", text: "Samimi Hizmet" }
          ]}
          showMarqueeCard={true}
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Neden KADIKÖY ARENA'yı Seçmelisiniz?"
          metrics={[
            { icon: Heart, label: "Sevgi ile Hizmet", value: "100%" },
            { icon: Clock, label: "7/24 Açık", value: "Her Zaman" },
            { icon: Users, label: "Deneyimli Ekip", value: "Yıllarca" },
            { icon: Shield, label: "Güvenilir Tedavi", value: "Garantili" }
          ]}
          metricsAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyFive
          title="Hizmetlerimiz"
          description="Minik dostlarınızın her türlü sağlık ihtiyacı için profesyonel ve sevgi dolu hizmetler sunuyoruz."
          features={[
            {
              title: "Genel Muayene",              description: "Kedi, köpek ve diğer küçük hayvanların detaylı sağlık kontrolü ve teşhis.",              icon: Stethoscope,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-cat_23-2149100233.jpg", imageAlt: "veterinarian examining cat stethoscope" },
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-holding-dog-s-paw_23-2149271858.jpg", imageAlt: "vet examining dog checkup" }
              ]
            },
            {
              title: "Aşılama ve Parazit Kontrolü",              description: "Koruyucu hekimlik ile hayvanlarınızı hastalıklardan ve parazitlerden koruuyoruz. İç ve dış parazit tedavisi.",              icon: Syringe,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-doctor-holding-dog-s-paw_23-2149271792.jpg", imageAlt: "veterinarian vaccinating cat syringe" },
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-with-dog-clinic_23-2149143853.jpg", imageAlt: "dog vaccination vet procedure" }
              ]
            },
            {
              title: "Acil Tedavi",              description: "7/24 acil durumlarda hızlı ve etkili müdahale. Hayati tehlike içeren vakalarda stabilizasyon.",              icon: AlertCircle,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-dog_23-2149100193.jpg", imageAlt: "emergency veterinary clinic operation" },
                { imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-doctor-pekingese-puppy_176532-10703.jpg", imageAlt: "veterinary emergency care cat" }
              ]
            },
            {
              title: "Diş Temizliği ve Tedavisi",              description: "Profesyonel diş taşı temizliği, diş çekimi ve oral sağlık bakımı.",              icon: Smile,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinary-doctor-taking-care-pet_23-2149267852.jpg", imageAlt: "veterinarian dental cleaning cat" },
                { imageSrc: "http://img.b2bpic.net/free-photo/cute-dog-consultation_23-2149314358.jpg", imageAlt: "dog dental cleaning veterinary" }
              ]
            },
            {
              title: "Cilt Hastalıkları Tedavisi",              description: "Dermatit, kaşıntı, enfeksiyon ve diğer cilt sorunlarının tanı ve tedavisi.",              icon: Zap,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-dog-vet-clinic_23-2149304337.jpg", imageAlt: "veterinarian skin examination cat" },
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-doctor-checking-dog-s-ear_23-2148302270.jpg", imageAlt: "dog skin treatment veterinary" }
              ]
            },
            {
              title: "Sosyal Sorumluluk",              description: "Sokak hayvanlarına ücretsiz bakım ve tedavi. Hayvan hakları için çalışıyoruz.",              icon: Handshake,
              mediaItems: [
                { imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-cat_23-2149100236.jpg", imageAlt: "stray cat rescue veterinary care" },
                { imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-holding-otoscope-examining-dog-s-ear-with-otoscope-clinic_23-2147928415.jpg", imageAlt: "stray dog rescue vet clinic" }
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="emergency" data-section="emergency">
        <MetricCardSeven
          title="7/24 Acil Veteriner Hizmetleri"
          description="Gece yarısında hayvanınız hasta oldu mu? Endişelenmeyin! KADIKÖY ARENA VETERİNER KLİNİĞİ her zaman açık ve hazır. Acil durumlarda hemen yanınızdayız."
          metrics={[
            { id: "emergency-1", value: "Anında", title: "Müdahale", items: ["Hızlı teşhis", "Acil prosedürler", "Hayati destek"] },
            { id: "emergency-2", value: "24 Saat", title: "Takip", items: ["Düzenli kontrol", "İlaç tedavisi", "Yoğun bakım"] },
            { id: "emergency-3", value: "Şeffaf", title: "İletişim", items: ["Her adımda bilgilendirme", "Tedavi seçenekleri", "Maliyet açıklaması"] }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardTen
          title="Deneyimli Veteriner Ekibimiz"
          tag="Profesyonel Hekimler"
          tagAnimation="slide-up"
          membersAnimation="slide-up"
          members={[
            { id: "muhammet", name: "Dr. Muhammet - Başhekimiz", imageSrc: "http://img.b2bpic.net/free-photo/portrait-serious-confident-male-doctor-standing_171337-15563.jpg", imageAlt: "professional veterinarian doctor portrait" },
            { id: "buket", name: "Dr. Buket - Veteriner", imageSrc: "http://img.b2bpic.net/free-photo/front-view-portrait-doctor-little-patient-girl_23-2148880482.jpg", imageAlt: "female veterinarian doctor portrait" },
            { id: "assistant-1", name: "Teknikyer Asistan", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-veterinarian-helping-cat_23-2149304270.jpg", imageAlt: "veterinary clinic assistant team member" },
            { id: "assistant-2", name: "Hemşire Yardımcısı", imageSrc: "http://img.b2bpic.net/free-photo/pov-entrepreneur-man-with-protective-face-mask-zoom-meeting-call-new-normal-office-freelancer-talking-into-camera-remote-online-video-conference-call_482257-17060.jpg", imageAlt: "veterinary nurse healthcare professional" }
          ]}
          memberVariant="card"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Müşterilerimizin Söyledikleri"
          description="Gerçek hikayeler, gerçek duygular. KADIKÖY ARENA VETERİNER'i seçen hasta sahipleri neler söylüyor?"
          testimonials={[
            { id: "azra", name: "Azra", role: "Kedisi Yiğido'nun Sahibi", testimonial: "Gece acilen gelmiş olmamıza rağmen Muhammet bey kedimizle çok iyi ilgilendi. Tek tek tüm sorularımızı cevapladı kedimize çok iyi davrandı, güler yüzlü ve kaliteli hizmet. Klinikleri de tertemiz, tavsiye ediyorum başka yerlere gitmeyin.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-veterinarian-taking-care-dog_23-2149100227.jpg", imageAlt: "happy woman with cat portrait", icon: Heart },
            { id: "irem", name: "İrem Çelen", role: "Kedisi Pufi'nin Sahibi", testimonial: "Kediniz için güvenilir bir adres arıyorsanız kesinlikle öneririm. Hem veteriner hekim çok bilgili hem de hayvanlara yaklaşımı çok sevgi dolu. Kedim Pufi buraya geldiğinde çok huzurlu hissediyor.", imageSrc: "http://img.b2bpic.net/free-photo/vet-feeding-cute-sleepy-puppies_329181-14491.jpg", imageAlt: "happy woman with pet portrait", icon: Star },
            { id: "esra", name: "Esra Akgül", role: "Köpeği Coco'nun Sahibi", testimonial: "Köpeğimiz Coco'nun iç dış parazitleri ve genel muayenesi için gittik ve gönül rahatlığıyla ayrıldık. Veteriner hekimimiz gayet ilgiliydi ve temiz bir klinik. Buket hanıma ayrıca teşekkür ederiz ilgisi için.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-with-her-dog-park_23-2147902250.jpg", imageAlt: "happy woman with dog portrait", icon: ThumbsUp },
            { id: "hasan", name: "Hasan", role: "Köpeği Oğlu'nun Sahibi", testimonial: "Köpeğimizin geçirdiği ani bir rahatsızlık sonrası acilen kliniğinize başvurduk. Dr. Muhammet olmak üzere tüm ekip, o gece hiç vakit kaybetmeden müdahale ettiler ve durumunu stabilize ettiler. Süreç boyunca bizi her adımda bilgilendirdiler.", imageSrc: "http://img.b2bpic.net/free-photo/friendship-concept-smiling-beautiful-young-woman-carries-her-pug-dog-spends-free-time-with-favorite-pet-wears-casual-jumper-isolated-brown-background-domestic-animal-with-its-caring-owner_273609-61438.jpg", imageAlt: "happy man with dog portrait", icon: Heart },
            { id: "murat", name: "Murat M", role: "Köpeği'nin Sahibi", testimonial: "Köpeğim kanlı ishal olmuştu herkes öleceğini söylerken son çare arena veterinere götürdüm. Orda bulunan Buket hanım içimi rahatlattı çok ilgilendi ve sayesinde artık oğlum çok iyi. Tavsiye ediyorum.", imageSrc: "http://img.b2bpic.net/free-photo/sports-couple-summer-park_1157-21057.jpg", imageAlt: "happy man with pet portrait", icon: CheckCircle },
            { id: "sevda", name: "Sevda DEMİR", role: "Köpeği'nin Sahibi", testimonial: "6 yaşında köpek dostumu diş taşı temizliği için götürdüm. Yaşı ve kilosu nedeniyle endişelerim vardı ama başarıyla tamamladılar. Profesyonel ve sevgi dolu yaklaşımlarından çok memnunum.", imageSrc: "http://img.b2bpic.net/free-photo/veterinarian-checking-health-cat_1398-4336.jpg", imageAlt: "happy woman with dog healthy", icon: Smile }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Sık Sorulan Sorular"
          description="Veteriner hizmetlerimiz hakkında merak ettiğiniz her şeyi burada bulabilirsiniz."
          tag="Bilgi Merkezi"
          tagAnimation="slide-up"
          faqs={[
            { id: "faq-1", title: "7/24 acil hizmetleri gerçekten her zaman açık mı?", content: "Evet, KADIKÖY ARENA VETERİNER KLİNİĞİ 7/24 açık ve acil durumlarda her zaman hazırız. Gece yarısında, hafta sonunda veya tatillerde hayvanınız acil durum yaşarsa, hemen aramayın ve gelin." },
            { id: "faq-2", title: "Randevu almadan gelmeyi tercih edersem nasıl oluyor?", content: "Acil durumlarda randevu gerektirmez, doğrudan gelmeniz yeterlidir. Rutin kontroller için randevu almayı tavsiye ediyoruz, böylece beklemeden hizmet alabilirsiniz. Telefon ile randevu alabilirsiniz." },
            { id: "faq-3", title: "Fiyatlar nedir? Ödeme seçenekleri nelerdir?", content: "Fiyatlarımız uygun ve makuldür. Her müşteri için şeffaf maliyet açıklaması yapıyoruz. Muayene, tedavi ve ameliyat için farklı paket seçeneklerimiz var. Nakit, kredi kartı ve EFT ödeme kabul ediyoruz." },
            { id: "faq-4", title: "Klinik ortamı ve hijyen standartları nedir?", content: "Kliniğimiz tertemiz, modern ve sterilize edilmiş ortamı ile hizmet sunuyor. Tüm araç ve gereçler sterilizasyon işlemlerinden geçer. Hasta hayvanlar ayrı bölümlerde bakılır." },
            { id: "faq-5", title: "Sokak hayvanları için hizmet veriyoruz mu?", content: "Evet, sosyal sorumluluk projemiz kapsamında sokak hayvanlarına ücretsiz veya uygun fiyatla veteriner hizmet sağlıyoruz. Bulduğunuz yaralı veya hasta bir sokak hayvanını getirirseniz, biz hemen bakımını üstleniriz." },
            { id: "faq-6", title: "Hangi hayvanlar için hizmet veriyorsunuz?", content: "Kedi, köpek, kuş ve küçük memeli hayvanlar (tavşan, kırmızıörüş vb.) için veteriner hizmetleri veriyoruz. Belki de başka türler için danışmak isteyebilirsiniz. Telefonla bize sorabilirsiniz." }
          ]}
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="İletişim"
          title="Bugün Randevu Alın veya Acil Hattı Arayın"
          description="KADIKÖY ARENA VETERİNER KLİNİĞİ'nde minik dostunuz için en iyi bakımı alması için bize ulaşın. 7/24 açık, her zaman hazırız."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={true}
          inputPlaceholder="Email adresinizi girin"
          buttonText="Bize Katılın"
          termsText="Email adresinizi paylaşarak, randevu ve sağlık bilgileri ile iletişime izin veriyorsunuz."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterSimple
          columns={[
            {
              title: "Hizmetler",              items: [
                { label: "Genel Muayene", href: "#services" },
                { label: "Aşılama", href: "#services" },
                { label: "Acil Tedavi", href: "#emergency" },
                { label: "Diş Temizliği", href: "#services" }
              ]
            },
            {
              title: "Şirket",              items: [
                { label: "Hakkımızda", href: "#about" },
                { label: "Ekibimiz", href: "#team" },
                { label: "Değerlendirmeler", href: "#testimonials" },
                { label: "İletişim", href: "#contact" }
              ]
            },
            {
              title: "İletişim",              items: [
                { label: "Acil Hatt: +90 (216) 454-5454", href: "tel:+902164545454" },
                { label: "Email: info@arenavetinar.com", href: "mailto:info@arenavetinar.com" },
                { label: "Adres: Göztepe, İstanbul", href: "#" },
                { label: "Açılış: 7/24 Açık", href: "#" }
              ]
            },
            {
              title: "Yasal",              items: [
                { label: "Gizlilik Politikası", href: "#" },
                { label: "Kullanım Şartları", href: "#" },
                { label: "İletişim Formu", href: "#contact" }
              ]
            }
          ]}
          bottomLeftText="© 2024 KADIKÖY ARENA VETERİNER KLİNİĞİ. Tüm hakları saklıdır."
          bottomRightText="7/24 Acil Veteriner Hizmeti | Minik Dostlarınız İçin Profesyonel Bakım"
        />
      </div>
    </ThemeProvider>
  );
}