"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterBase from '@/components/sections/footer/FooterBase';
import { MapPin, Award, Sparkles, CheckCircle, Star, HelpCircle, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="large"
      background="floatingGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="China Sakura Sushi"
          navItems={[
            { id: "hero", name: "Anasayfa" },
            { id: "about", name: "Hakkımızda" },
            { id: "menu", name: "Menü" },
            { id: "order", name: "Sipariş" },
            { id: "contact", name: "İletişim" }
          ]}
          button={{ text: "Hemen Ara", href: "tel:+905402403106" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Ankara'da Gerçek Sushi Deneyimi"
          description="Taze sushi, Çin mutfağı ve hızlı paket servis. China Sakura Sushi'de saç kültürü ve kalite bir araya geliyor."
          background={{ variant: "radial-gradient" }}
          tag="Çankaya Yaşamkent"
          tagIcon={MapPin}
          tagAnimation="slide-up"
          buttons={[
            { text: "Hemen Ara", href: "tel:+905402403106" },
            { text: "Online Sipariş Ver", href: "https://www.yemeksepeti.com" },
            { text: "Menüyü Gör", href: "#menu" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            { imageSrc: "http://img.b2bpic.net/free-photo/sushi-set-with-side-salad_140725-2854.jpg", imageAlt: "fresh sushi platter premium Japanese" }
          ]}
          containerClassName="py-20 px-4"
          titleClassName="text-5xl md:text-6xl font-bold"
          descriptionClassName="text-lg md:text-xl"
          buttonContainerClassName="flex flex-wrap gap-4 justify-center mt-8"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          title="Hakkımızda"
          description="China Sakura Sushi, Ankara'nın en güvenilir sushi restoranıdır. Taze malzemeler, uzman şefler ve geleneksel Japon ve Çin mutfağı birleşimi ile müşterilerimize kaliteli hizmet sunuyoruz. Her öğün, sevgiyle hazırlanır."
          tag="Kalite & Güven"
          tagIcon={Award}
          tagAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/table-with-traditional-food-served-thanksgiving-day_23-2148632565.jpg"
          imageAlt="modern Asian fusion restaurant interior"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          metrics={[
            { value: "10+", title: "Yıllık Deneyim" },
            { value: "5000+", title: "Mutlu Müşteri" },
            { value: "100%", title: "Taze Malzeme" },
            { value: "24/7", title: "Hizmet Saati" }
          ]}
          useInvertedBackground={false}
          containerClassName="py-16 px-4"
          titleClassName="text-4xl font-bold mb-4"
          descriptionClassName="text-lg mb-8"
        />
      </div>

      <div id="menu" data-section="menu">
        <ProductCardTwo
          title="Menümüzde Neler Var?"
          description="En sevilen sushi ve Çin yemeklerinden seçin. Taze malzemeler ve geleneksel tarifler ile hazırlanan her ürün şefin özel dokunuşu ile sunulur."
          tag="Gourmet Seçim"
          tagIcon={Sparkles}
          tagAnimation="slide-up"
          textboxLayout="default"
          gridVariant="bento-grid"
          animationType="slide-up"
          useInvertedBackground={false}
          products={[
            { id: "1", brand: "Sushi Rolls", name: "California Roll", price: "₺120", rating: 5, reviewCount: "245", imageSrc: "http://img.b2bpic.net/free-photo/hands-dividing-rice-evenly-nori_23-2148259227.jpg", imageAlt: "California roll sushi fresh ingredients" },
            { id: "2", brand: "Sushi Rolls", name: "Fuji Roll", price: "₺135", rating: 5, reviewCount: "189", imageSrc: "http://img.b2bpic.net/free-photo/eclairs-with-fruit-sauces-top-served-wooden-board_114579-19125.jpg", imageAlt: "Fuji roll sushi premium Japanese" },
            { id: "3", brand: "Sushi Rolls", name: "Ebi Ten Crispy Roll", price: "₺145", rating: 4.8, reviewCount: "167", imageSrc: "http://img.b2bpic.net/free-photo/fried-shrimps-served-with-lettuce-sauce_140725-8563.jpg", imageAlt: "Ebi Ten crispy shrimp sushi roll" },
            { id: "4", brand: "Noodles", name: "Tavuklu Noodle", price: "₺95", rating: 4.9, reviewCount: "321", imageSrc: "http://img.b2bpic.net/free-photo/noodles_23-2148142561.jpg", imageAlt: "Chinese noodles chicken authentic wok" }
          ]}
          buttons={[
            { text: "Tümünü Görüntüle", href: "https://www.yemeksepeti.com" }
          ]}
          containerClassName="py-16 px-4"
        />
      </div>

      <div id="features" data-section="features">
        <FeatureCardNineteen
          title="Neden China Sakura Sushi?"
          description="Müşteri memnuniyeti bizim önceliğimiz. Hızlı teslimat, kaliteli hizmet ve en taze malzemeler ile her zaman en iyisini sunuyoruz."
          tag="Fark Yaratan Özellikler"
          tagIcon={CheckCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          features={[
            { id: 1, tag: "Malzeme", title: "Taze & Premium", subtitle: "Her gün taze malzeme", description: "Sadece en kaliteli sushi balıkları ve sebzeler kullanıyoruz. Her ürün sevgiyle hazırlanır.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-female-cook-cutting-apple-dark-surface_179666-44555.jpg", imageAlt: "fresh ingredients quality assurance" },
            { id: 2, tag: "Teslimat", title: "Hızlı Paket Servis", subtitle: "30 dakikada kapınızda", description: "Sıcak ve taze bir şekilde siparişiniz kapınıza ulaştırılır. Yemeksepeti ve WhatsApp üzerinden sipariş alıyoruz.", imageSrc: "http://img.b2bpic.net/free-photo/black-female-deliverer-communicating-with-coworker-while-talking-mobile-phone-organizing-package-delivery_637285-2239.jpg", imageAlt: "fast food delivery service box" },
            { id: 3, tag: "Rezervasyon", title: "Masa Rezervasyonu", subtitle: "Önceden yer ayırtın", description: "Arkadaş grupları ve aileler için özel masalar. Telefonla veya formla kolayca yer ayırtabilirsiniz.", imageSrc: "http://img.b2bpic.net/free-photo/reserved-table-restaurant_53876-147887.jpg", imageAlt: "restaurant reservation booking system" }
          ]}
          containerClassName="py-16 px-4"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Müşterilerimiz Ne Diyor?"
          description="Bindlerce müşteri China Sakura Sushi'yi sevdi ve tercih ediyor. Gerçek yorumları okuyun."
          tag="Müşteri Memnuniyeti"
          tagIcon={Star}
          tagAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="slide-up"
          testimonials={[
            { id: "1", name: "Ayşe Kılıç", handle: "@aysekilic", testimonial: "Ankara'da bu kadar lezzetli sushi bulabilir misin? China Sakura Sushi gerçekten harika. Her seferinde aynı kalite ve lezzet.", icon: Star },
            { id: "2", name: "Mehmet Yıldız", handle: "@mehmety", testimonial: "Paket servis siparişlerim her zaman zamanında ve sıcak geliyor. Tavsiye ederim!", icon: Star },
            { id: "3", name: "Elif Demir", handle: "@elifdemir", testimonial: "Restoranın atmosferi çok güzel, personel çok nazik. Sushi çeşitleri harika, kesinlikle tekrar geleceğim.", icon: Star },
            { id: "4", name: "Barış Akcan", handle: "@bariscan", testimonial: "WhatsApp üzerinden sipariş vermek çok kolay. Hizmet hızlı ve gıda güvenliği ciddi alındığı belli. Memnun kaldım.", icon: Star },
            { id: "5", name: "Zeynep Özkan", handle: "@zeynepozkan", testimonial: "Arkadaşlarla masa ayırdık, çok eğlenceli bir akşam oldu. Yemekler harika, fiyatlar makul. Harika bir yer!", icon: Star },
            { id: "6", name: "Can Türk", handle: "@canturk", testimonial: "Sushi seviyorum ve bunu yapanlar da biliyorum. China Sakura Sushi gerçekten profesyonel. Beş yıldız vermek az kalıyor.", icon: Star }
          ]}
          containerClassName="py-16 px-4"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Sık Sorulan Sorular"
          description="China Sakura Sushi hakkında merak ettiğiniz her şey burası. Hızlı cevaplar için biz buradayız."
          tag="Bilgi Merkezi"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          textboxLayout="default"
          faqsAnimation="slide-up"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          faqs={[
            { id: "1", title: "Paket servis nerelere ulaşıyor?", content: "Çankaya ve Yaşamkent bölgesine 30 dakika içinde teslimat yapıyoruz. Yemeksepeti veya doğrudan WhatsApp üzerinden sipariş verebilirsiniz." },
            { id: "2", title: "Sushi hiçbir zaman nasıl sipariş edebilirim?", content: "Günlük taze sushi siparişleri için WhatsApp'tan bize ulaşabilirsiniz (0540 240 31 06). Paket servis için Yemeksepeti uygulamasını kullanabilirsiniz." },
            { id: "3", title: "Masa rezervasyonu nasıl yapılır?", content: "Telefonla (0540 240 31 06) veya bu web sitesindeki form aracılığıyla masa ayırtabilirsiniz. Arkadaş grupları için özel seating düzenlemesi yapıyoruz." },
            { id: "4", title: "Açılış saatleri neler?", content: "Her gün 11:00'den gece yarısına kadar hizmet veriyoruz. Özel etkinlikler için uzatılmış saatler uygulanabilir." },
            { id: "5", title: "Alerjisi olan müşteriler için seçenek var mı?", content: "Evet! Gluten içermeyen, vegan ve allerjen-free seçeneklerimiz var. Lütfen sipariş verirken belirtin." },
            { id: "6", title: "Grup siparişleri ve kurumsal hizmet veriyor musunuz?", content: "Evet, kurumsal etkinlikler ve grup siparişleri için özel fiyatlandırma yapıyoruz. İletişim formunu kullanarak bize yazabilirsiniz." }
          ]}
          containerClassName="py-16 px-4"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="İletişim & Sipariş"
          title="Bize Ulaşın"
          description="Sorularınız mı var? Sipariş vermek mi istiyorsunuz? Biz her zaman yardımcı olmaya hazırız!"
          tagIcon={Phone}
          tagAnimation="slide-up"
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
          inputPlaceholder="Mesajınızı yazın..."
          buttonText="Gönder"
          termsText="Gönder butonuna tıklayarak China Sakura Sushi'nin gizlilik ilkesini kabul etmiş olursunuz."
          containerClassName="py-16 px-4"
          titleClassName="text-4xl font-bold mb-4"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="China Sakura Sushi"
          copyrightText="© 2025 China Sakura Sushi | Ankara | Tüm Hakları Saklıdır"
          columns={[
            {
              title: "Hızlı Bağlantılar",              items: [
                { label: "Anasayfa", href: "#hero" },
                { label: "Menü", href: "#menu" },
                { label: "Hakkımızda", href: "#about" },
                { label: "İletişim", href: "#contact" }
              ]
            },
            {
              title: "Sipariş",              items: [
                { label: "Yemeksepeti", href: "https://www.yemeksepeti.com" },
                { label: "WhatsApp Sipariş", href: "https://wa.me/905402403106" },
                { label: "Telefon", href: "tel:+905402403106" },
                { label: "Masa Ayırt", href: "#contact" }
              ]
            },
            {
              title: "İletişim",              items: [
                { label: "Telefon: 0540 240 31 06", href: "tel:+905402403106" },
                { label: "Yaşamkent, 3061. Cd. No:23", href: "https://maps.google.com/?q=China+Sakura+Sushi+Ankara" },
                { label: "Çankaya, Ankara 06810", href: "https://maps.google.com/?q=China+Sakura+Sushi+Ankara" },
                { label: "Açık: 11:00 - 00:00", href: "#" }
              ]
            }
          ]}
          containerClassName="py-12 px-4"
          columnTitleClassName="font-bold mb-4"
          columnItemClassName="text-sm hover:opacity-80 transition"
        />
      </div>
    </ThemeProvider>
  );
}