"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqBase from '@/components/sections/faq/FaqBase';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Beef, Dessert, Instagram, Lightbulb } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="large"
        background="fluid"
        cardStyle="outline"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="extrabold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Ana Sayfa",          id: "home"},
        {
          name: "Hakkımızda",          id: "about"},
        {
          name: "Menü",          id: "menu"},
        {
          name: "Yorumlar",          id: "testimonials"},
        {
          name: "İletişim",          id: "contact"},
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/creative-barbecue-logo-template-with-details_23-2149010381.jpg"
      brandName="Bayram Usta Et Lokantası"
    />
  </div>

  <div id="home" data-section="home">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain"}}
      title="Geleneksel Türk Mutfağının Buluşma Noktası"
      description="Bayram Usta Et Lokantası'nda Bolu'nun eşsiz lezzetleriyle tanışın. Kuzu incik ve kuzu güveç başta olmak üzere, her lokmada asırlık tatlar sunuyoruz. Modern bir dokunuşla geleneksel lezzetleri keşfedin."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/tasty-grilled-kebab-white-plate_114579-83121.jpg",          imageAlt: "Lezzetli Kuzu İncik"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-boiled-meat-with-cooked-potatoes-dark-background-dish-sauce-cuisine-hot-dinner-kitchen-meat-cooking_140725-158189.jpg",          imageAlt: "Fırında Kuzu Güveç"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fruit-breakfast-snack-delicious-nutrition_1203-4280.jpg",          imageAlt: "Nefis Ekmek Kadayıfı"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/lamb-rib-kebab-served-with-fresh-herbs-baby-potato-tomato-sauce_140725-1384.jpg",          imageAlt: "Kuzu pirzola kebabı taze otlar ve sos ile"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-french-fries_140725-9683.jpg",          imageAlt: "Patates kızartması ile kızarmış et"},
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/served-dinner-table-restaurant_23-2148086091.jpg",          imageAlt: "Sıcak Restoran Ortamı"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208325.jpg",          imageAlt: "Usta Şef Mutfağında"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/rustic-chandelier-made-bulbs-ropes-dining-table-vintage-kitchen_181624-9173.jpg",          imageAlt: "Mutlu Müşteriler"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/table-assortment-with-plant-view_23-2148914893.jpg",          imageAlt: "Üstten görünüm bitkili masa düzeni"},
        {
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-table-arrangement-with-plant_23-2148914883.jpg",          imageAlt: "Üstten görünüm bitkili masa düzeni"},
      ]}
      buttons={[
        {
          text: "Menümüzü Keşfet",          href: "#menu"},
        {
          text: "Hemen Rezervasyon Yap",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/waiter-serving-cup-coffee-customer_1170-634.jpg",          alt: "Mutlu müşteri"},
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-kitchen_23-2149631675.jpg",          alt: "Gülümseyen şef portresi"},
        {
          src: "http://img.b2bpic.net/free-photo/young-trans-man-working-as-waiter_23-2149409814.jpg",          alt: "Dost canlısı restoran müdürü"},
        {
          src: "http://img.b2bpic.net/free-photo/male-chef-cook-wearing-black-uniform-cook-hat-sprinkling-salt-plate-with-serious-face-standing-pink-background_141793-54272.jpg",          alt: "Garson yemek servis ediyor"},
        {
          src: "http://img.b2bpic.net/free-photo/couple-enjoying-food-restaurant_23-2149269179.jpg",          alt: "Yemeğin tadını çıkaran müşteri"},
      ]}
      avatarText="Binlerce mutlu müşterimiz var"
      marqueeItems={[
        {
          type: "image",          src: "asset://home-marquee-1",          alt: "Yerel Bolu Ödülleri"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/top-view-vinaigrette-salad-oval-plate-tasty-written-notepad-light-grey-table_140725-137429.jpg",          alt: "Gastronomi Dergisi Seçimi"},
        {
          type: "image",          src: "asset://home-marquee-3",          alt: "En İyi Yerel Restoran"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-vector/modern-set-halal-food-labels-with-flat-design_23-2147887719.jpg",          alt: "Türk Mutfağı Birliği"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/fruit-bowl-empty-card_23-2148367520.jpg",          alt: "Gurme Tavsiyesi"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={false}
      title="Bayram Usta Hakkında"
      description="Bolu'da 6 yılı aşkın süredir hizmet veren Bayram Usta Et Lokantası, geleneksel Türk mutfağının inceliklerini modern bir sunumla birleştiriyor. Misafirlerimize sadece yemek değil, bir kültür ve lezzet şöleni vadediyoruz. Her tabakta kalite, temizlik ve güler yüzlü hizmet garantisiyle damaklarda unutulmaz bir iz bırakıyoruz."
      metrics={[
        {
          value: "5.0",          title: "Google Puanı"},
        {
          value: "6+",          title: "Müşteri Yorumu"},
        {
          value: "6+",          title: "Yıllık Deneyim"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/joyful-young-barber-wearing-uniform-glasses-showing-credit-card-looking-camera-showing-ok-sign-isolated-blue-background_141793-138027.jpg"
      imageAlt="Bayram Usta"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Kuzu İncik",          description: "Yavaş ateşte saatlerce pişirilmiş, kemiğinden kolayca ayrılan kuzu incik, Bolu'nun vazgeçilmez lezzeti. Ağızda dağılan kıvamı ve eşsiz aromasıyla unutulmaz bir deneyim sunar.",          icon: Lightbulb,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/kebab-pomegranate-sauce-table_140725-4776.jpg",              imageAlt: "Kuzu İncik Yemeği"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-pieces-black-pan-with-onions-garlic-lemon-mushrooms_114579-15572.jpg",              imageAlt: "Kuzu İncik Malzemeleri"},
          ]
        },
        {
          title: "Kuzu Güveç",          description: "Mevsim sebzeleri ve taptaze kuzu etinin harmanıyla hazırlanan, fırında ağır ağır pişen geleneksel güveç. Toprak kapta sunumuyla lezzeti ikiye katlanır.",          icon: Beef,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/delicious-goulash-table-high-angle_23-2149388137.jpg",              imageAlt: "Kuzu Güveç Yemeği"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cooked-vegetable-meal-with-meat-sliced-bell-peppers-inside-pan-brown-wooden-surface_140725-62114.jpg",              imageAlt: "Kuzu Güveç Sebzeleri"},
          ]
        },
        {
          title: "Ekmek Kadayıfı",          description: "Yemek sonrası enfes bir kapanış için şerbetli ve kaymaklı ev yapımı ekmek kadayıfımız. Geleneksel tatlımız damaklarda iz bırakır.",          icon: Dessert,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-cake-slice-yummy-baked-inside-plate-with-macarons_140725-27806.jpg",              imageAlt: "Ekmek Kadayıfı Tatlısı"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-fresh-bread-with-eggs-milk-dark-background-cake-pie-tea-sugar-bun-biscuit-breakfast-dough-bake_179666-46665.jpg",              imageAlt: "Ekmek Kadayıfı Hazırlığı"},
          ]
        }
      ]}
      title="Özel Lezzetlerimiz"
      description="Damaklarda iz bırakan, özenle hazırlanmış enfes et yemeklerimizle tanışın. Geleneksel tariflerin modern yorumuyla, her biri bir şaheser."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Kuzu İncik",          price: "₺280",          variant: "Ana Yemek",          imageSrc: "http://img.b2bpic.net/free-photo/turkish-lahmacun-with-stuffings-lemon-chopped-parsley_114579-3382.jpg",          imageAlt: "Lezzetli Kuzu İncik"},
        {
          id: "p2",          name: "Kuzu Güveç",          price: "₺260",          variant: "Ana Yemek",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-kyukyu-omelet-with-herbs-pan_141793-4060.jpg",          imageAlt: "Fırında Kuzu Güveç"},
        {
          id: "p3",          name: "Dana Kavurma",          price: "₺250",          variant: "Ana Yemek",          imageSrc: "http://img.b2bpic.net/free-photo/azerbaijani-beef-barbecue-kebab-served-lavash-with-grilled-pepper-tomatoes-bbq-sauce_114579-2937.jpg",          imageAlt: "Dana Kavurma"},
        {
          id: "p4",          name: "Adana Kebap",          price: "₺200",          variant: "Kebap Çeşitleri",          imageSrc: "http://img.b2bpic.net/free-photo/pide-with-meat-tomato-top-view_140725-11336.jpg",          imageAlt: "Adana Kebap"},
        {
          id: "p5",          name: "Urfa Kebap",          price: "₺200",          variant: "Kebap Çeşitleri",          imageSrc: "http://img.b2bpic.net/free-photo/varieties-pickles-eggplants-cucumbers-cabbage-cherry-tomatoes_140725-8166.jpg",          imageAlt: "Urfa Kebap"},
        {
          id: "p6",          name: "Karışık Izgara",          price: "₺320",          variant: "Izgara Çeşitleri",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-greek-salad-lettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion_176474-2600.jpg",          imageAlt: "Karışık Izgara"},
      ]}
      title="Menümüzden Seçmeler"
      description="En popüler ve özel yemeklerimizden oluşan seçkimizle, Türk mutfağının zenginliğini keşfedin. Her biri özenle hazırlanmış, taptaze ve lezzet garantili."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Tamer Hirca",          role: "Gezgin",          company: "Google Yorumu",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-man-with-delicious-food_23-2150168075.jpg"},
        {
          id: "t2",          name: "king55",          role: "Yerel Rehber",          company: "Google Yorumu",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-charming-curly-hispanic-girl-cooking-her-kitchen-grates-cheese-grater_613910-4901.jpg"},
        {
          id: "t3",          name: "Ahmet Yener",          role: "Gurme",          company: "Google Yorumu",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-eating-donut-talking-her-boyfriend-cafe_637285-9080.jpg"},
        {
          id: "t4",          name: "Elif Kaya",          role: "Öğrenci",          company: "Yerel Halk",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiley-elderly-man-table_23-2148314930.jpg"},
        {
          id: "t5",          name: "Murat Demir",          role: "İşletmeci",          company: "Ziyaretçi",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-beer_23-2147680740.jpg"},
      ]}
      title="Müşterilerimiz Ne Diyor?"
      description="Misafirlerimizin memnuniyeti bizim için her şeyden önemli. İşte onların Bayram Usta deneyimleri ve eşsiz yorumları."
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Bolu Yerel Haber",        "Gastronomi Dergisi",        "Türk Mutfağı Rehberi",        "Anadolu Lezzetleri",        "Gurme Yorumları",        "Seyahat Rehberleri",        "Yerel Lezzetler Festivali"]}
      title="Basında Biz"
      description="Yerel ve ulusal medyada hakkımızda çıkan haberler ve iş ortaklıklarımızla gurur duyuyoruz."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",          title: "Rezervasyon yapmam gerekiyor mu?",          content: "Özellikle hafta sonları ve özel günlerde yoğunluk yaşandığından, sorunsuz bir deneyim için önceden rezervasyon yapmanızı tavsiye ederiz."},
        {
          id: "faq2",          title: "Çocuk menünüz var mı?",          content: "Evet, minik misafirlerimiz için özel olarak hazırlanmış çocuk menümüz bulunmaktadır. Garsonlarımızdan bilgi alabilirsiniz."},
        {
          id: "faq3",          title: "Vegan/Vejetaryen seçenekler sunuyor musunuz?",          content: "Geleneksel mutfağımız ağırlıklı olarak et ürünlerine odaklansa da, bazı vejetaryen mezelerimiz ve salata seçeneklerimiz mevcuttur. Lütfen garsonunuza danışınız."},
      ]}
      title="Sıkça Sorulan Sorular"
      description="Lokantamızla ilgili merak ettikleriniz mi var? En sık karşılaştığımız soruları ve yanıtlarını burada bulabilirsiniz."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      tag="Bize Ulaşın"
      title="Lezzet İçin Bir Adım Atın"
      description="Rezervasyon, özel etkinlik talepleri veya her türlü sorunuz için bizimle iletişime geçin. Sizlere yardımcı olmaktan memnuniyet duyarız."
      inputPlaceholder="Adınız Soyadınız"
      buttonText="Mesaj Gönder"
      termsText="Telefon veya e-posta yoluyla sizinle iletişime geçmemize izin veriyorsunuz."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoSrc="http://img.b2bpic.net/free-vector/creative-barbecue-logo-template-with-details_23-2149010381.jpg"
      logoAlt="Bayram Usta Et Lokantası Logo"
      logoText="Bayram Usta Et Lokantası"
      copyrightText="© 2024 Bayram Usta Et Lokantası. Tüm hakları saklıdır."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://www.instagram.com/bayramusta_etlokantasi/",          ariaLabel: "Instagram"},
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
