"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';

import { Star, Shield, ArrowRight, Circle, Instagram, Facebook, Twitter } from 'lucide-react';

const navItems = [
  { name: "Ana Sayfa", id: "/" },
  { name: "Menü", id: "/#menu" },
  { name: "Hakkımızda", id: "/#about" },
  { name: "Galeri", id: "/gallery" },
  { name: "Sipariş Ver", id: "/order" },
  { name: "Konum", id: "/location" },
  { name: "Rezervasyon", id: "/reservations" },
  { name: "Yorumlar", id: "/#testimonials" },
  { name: "İletişim", id: "/#contact" }
];

const footerColumns = [
  {
    title: "Hızlı Erişim",    items: [
      { label: "Ana Sayfa", href: "/" },
      { label: "Menü", href: "/#menu" },
      { label: "Hakkımızda", href: "/#about" },
      { label: "Galeri", href: "/gallery" },
      { label: "Sipariş Ver", href: "/order" },
      { label: "Konum", href: "/location" },
      { label: "Rezervasyon", href: "/reservations" }
    ]
  },
  {
    title: "Yardım",    items: [
      { label: "İletişim", href: "/#contact" },
      { label: "Sıkça Sorulan Sorular", href: "/#faq" },
      { label: "Gizlilik Politikası", href: "#" }
    ]
  },
  {
    title: "Sosyal Medya",    items: [
      { label: "Instagram", href: "#" },
      { label: "Facebook", href: "#" },
      { label: "Twitter", href: "#" }
    ]
  }
];

export default function Home() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="circleGradient"
        cardStyle="subtle-shadow"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
        <div id="nav" data-section="nav">
          <NavbarLayoutFloatingOverlay
            navItems={navItems}
            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
            logoAlt="Burg Burger Logo"
            brandName="Burg Burger"
            button={{ text: "Şimdi Sipariş Ver", href: "/order" }}
          />
        </div>

        <div id="hero" data-section="hero">
          <HeroSplitDoubleCarousel
            title="Lezzetin Zirvesi"
            description="Enfes burgerlerimizle damaklarınızda unutulmaz bir tat bırakıyoruz. Burg Burger farkını keşfedin!"
            background={{ variant: "sparkles-gradient" }}
            leftCarouselItems={[
              { imageSrc: "https://freepik.com/image.jpg?id=1", imageAlt: "Delicious beef burger" },
              { imageSrc: "https://freepik.com/image.jpg?id=2", imageAlt: "Crispy french fries" }
            ]}
            rightCarouselItems={[
              { imageSrc: "https://freepik.com/image.jpg?id=3", imageAlt: "Refreshing drink" },
              { imageSrc: "https://freepik.com/image.jpg?id=4", imageAlt: "Gourmet burger" }
            ]}
            tag="Yeni Tatlar"
            avatarText="Binlerce mutlu müşteri"
          />
        </div>

        <div id="about" data-section="about">
          <TextSplitAbout
            title="Hikayemiz"
            description={[
              "Burg Burger olarak, en taze malzemelerle hazırladığımız eşsiz burgerleri sunmaktan gurur duyuyoruz. Her bir burger, lezzet tutkunları için özel olarak tasarlanmıştır.",              "Yılların verdiği tecrübe ile, geleneksel tatları modern dokunuşlarla birleştirerek, sizlere unutulmaz bir yemek deneyimi yaşatıyoruz. Kalite ve müşteri memnuniyeti her zaman önceliğimizdir."
            ]}
            useInvertedBackground={false}
            buttons={[{ text: "Daha Fazla Bilgi", href: "/about" }]}
          />
        </div>

        <div id="features" data-section="features">
          <FeatureCardMedia
            title="Neden Biz?"
            description="Burg Burger'ı tercih etmeniz için birçok neden var. İşte sadece birkaçı:"
            features={[
              {
                id: "fresh-ingredients",                title: "Taze Malzemeler",                description: "Her gün taze olarak temin edilen en kaliteli malzemelerle hazırlanır.",                tag: "Kalite",                imageSrc: "https://freepik.com/image.jpg?id=5",                imageAlt: "Fresh vegetables"
              },
              {
                id: "unique-recipes",                title: "Özgün Tarifler",                description: "Şeflerimizin özel tarifleriyle hazırlanan eşsiz lezzetler.",                tag: "Lezzet",                imageSrc: "https://freepik.com/image.jpg?id=6",                imageAlt: "Chef cooking"
              },
              {
                id: "fast-delivery",                title: "Hızlı Teslimat",                description: "Sıcak ve taze burgerleriniz kapınıza kadar gelir.",                tag: "Servis",                imageSrc: "https://freepik.com/image.jpg?id=7",                imageAlt: "Delivery box"
              }
            ]}
            animationType="slide-up"
            useInvertedBackground={true}
            textboxLayout="default"
          />
        </div>

        <div id="menu" data-section="menu">
          <ProductCardFour
            title="Menümüz"
            description="Geniş menümüzden damak zevkinize uygun burgeri seçin."
            products={[
              { id: "burger-classic", name: "Klasik Burger", price: "200 TL", variant: "Tekli", imageSrc: "https://freepik.com/image.jpg?id=8", imageAlt: "Classic burger" },
              { id: "burger-cheeseburger", name: "Cheeseburger", price: "220 TL", variant: "Tekli", imageSrc: "https://freepik.com/image.jpg?id=9", imageAlt: "Cheeseburger" },
              { id: "burger-double", name: "Double Burger", price: "300 TL", variant: "Çift Köfteli", imageSrc: "https://freepik.com/image.jpg?id=10", imageAlt: "Double burger" },
              { id: "burger-spicy", name: "Acı Burger", price: "230 TL", variant: "Baharatlı", imageSrc: "https://freepik.com/image.jpg?id=11", imageAlt: "Spicy burger" }
            ]}
            animationType="scale-rotate"
            useInvertedBackground={false}
            textboxLayout="default"
            gridVariant="three-columns-all-equal-width"
          />
        </div>

        <div id="testimonials" data-section="testimonials">
          <TestimonialCardTwo
            title="Müşteri Yorumları"
            description="Müşterilerimizden gelen geri bildirimler."
            testimonials={[
              {
                id: "t1",                name: "Ayşe Yılmaz",                role: "Öğrenci",                testimonial: "Hayatımda yediğim en iyi burger! Herkese tavsiye ederim.",                imageSrc: "https://freepik.com/image.jpg?id=12",                imageAlt: "Ayşe Yılmaz"
              },
              {
                id: "t2",                name: "Can Demir",                role: "Mühendis",                testimonial: "Hızlı servis, lezzetli yemekler. Favori burgercime dönüştü.",                imageSrc: "https://freepik.com/image.jpg?id=13",                imageAlt: "Can Demir"
              },
              {
                id: "t3",                name: "Elif Kaya",                role: "Tasarımcı",                testimonial: "Menüdeki çeşitlilik harika ve her biri birbirinden lezzetli.",                imageSrc: "https://freepik.com/image.jpg?id=14",                imageAlt: "Elif Kaya"
              }
            ]}
            animationType="blur-reveal"
            useInvertedBackground={true}
            textboxLayout="default"
          />
        </div>

        <div id="social-proof" data-section="social-proof">
          <SocialProofOne
            title="İş Ortaklarımız"
            description="Güvenilir tedarikçilerimiz ve iş ortaklarımız."
            names={["Pepsi", "Coca-Cola", "McDonald's", "Burger King", "KFC", "Subway"]}
            useInvertedBackground={false}
            textboxLayout="default"
          />
        </div>

        <div id="faq" data-section="faq">
          <FaqBase
            title="Sıkça Sorulan Sorular"
            description="Merak ettiğiniz her şey burada."
            faqs={[
              { id: "faq1", title: "Siparişimi nasıl verebilirim?", content: "Web sitemizden veya telefonla sipariş verebilirsiniz." },
              { id: "faq2", title: "Teslimat süresi ne kadar?", content: "Ortalama 30-45 dakika içinde teslimat yapıyoruz." },
              { id: "faq3", title: "Vegan seçenekleriniz var mı?", content: "Evet, menümüzde vegan burger seçeneklerimiz bulunmaktadır." }
            ]}
            faqsAnimation="slide-up"
            useInvertedBackground={true}
            textboxLayout="default"
          />
        </div>

        <div id="contact" data-section="contact">
          <ContactText
            text="Bize Ulaşın!"
            buttons={[
              { text: "Hemen Ara", href: "tel:+902121234567" },
              { text: "E-posta Gönder", href: "mailto:info@burgburger.com.tr" }
            ]}
            background={{ variant: "radial-gradient" }}
            useInvertedBackground={false}
          />
        </div>

        <div id="footer" data-section="footer">
          <FooterMedia
            imageSrc="http://img.b2bpic.net/free-photo/front-view-fresh-red-tomatoes-with-kumquats-dark-surface-color-salad-meal-food-health-diet-pepper_179666-24549.jpg"
            imageAlt="Restaurant kitchen background"
            logoSrc="http://img.b2bpic.net/free-vector/hamburger-shield-crown-logo-design_474888-5004.jpg"
            logoAlt="Burg Burger Logo"
            logoText="Burg Burger"
            columns={footerColumns}
            copyrightText="© 2024 Burg Burger. Tüm Hakları Saklıdır."
          />
        </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
