"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSizeMediumTitles"
        background="aurora"
        cardStyle="solid"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      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",
        },
      ]}
      brandName="Sosyal Kafe"
      button={{
        text: "Şimdi Rezervasyon Yap",
        href: "#contact",
      }}
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardCarousel
      background={{
        variant: "plain",
      }}
      title="Sosyal Kafe: Lezzetin ve Keyfin Buluştuğu Nokta"
      description="Her fincan kahvede özen, her tabakta sanat. Sohbetlerinizin tadına tat katacak eşsiz lezzetlerle dolu bir dünya."
      buttons={[
        {
          text: "Menümüzü Keşfet",
          href: "#menu",
        },
        {
          text: "Bizi Ziyaret Edin",
          href: "#contact",
        },
      ]}
      mediaItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-cup-coffee-along-with-coffee-seeds-cinnamon-bright-desk_140725-14402.jpg",
          imageAlt: "Sosyal Kafe iç mekanı, rahatlatıcı atmosfer",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/abstract-minimal-kitchen-person-holding-cup_23-2148835322.jpg",
          imageAlt: "Barista kahve hazırlarken",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/friends-hanging-out-while-enjoying-cup-coffee_23-2148914548.jpg",
          imageAlt: "Arkadaşların kafede sohbet ettiği keyifli bir an",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/assorted-tartlets-with-cup-tea-fruit-platter-orange-plate_176474-2678.jpg",
          imageAlt: "Taze pastalar ve kahve çeşitleri",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/nobody-setting-terrace-bar-outside_1203-4630.jpg",
          imageAlt: "Kafenin dış mekan oturma alanı",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/cup-espresso-stick-biscuits-coffee-beans-black-plate_114579-60386.jpg",
          imageAlt: "Buharı tüten sıcak kahve fincanı",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={true}
      title="Sosyal Kafe'nin Hikayesi"
      description="Sosyal Kafe, 2020 yılında, kahve ve topluluk sevgisiyle kuruldu. Misafirlerimize sadece bir içecek değil, aynı zamanda sıcak bir yuva ve ilham verici bir buluşma noktası sunmayı hedefliyoruz. Her bir fincanımız, özenle seçilmiş çekirdeklerden, tutkuyla hazırlanır. Siz de bu hikayenin bir parçası olun."
      bulletPoints={[
        {
          title: "Nitelikli Kahveler",
          description: "Dünyanın dört bir yanından gelen en özel kahve çekirdekleri.",
        },
        {
          title: "Taze Lezzetler",
          description: "Günlük hazırlanan sandviçler, salatalar ve ev yapımı tatlılar.",
        },
        {
          title: "Sıcak Ortam",
          description: "Rahatınız için tasarlanmış, keyifli ve davetkar bir atmosfer.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/happy-father-giving-thumbs-up-while-holding-plate-muffins_23-2148414896.jpg"
      imageAlt="Sosyal Kafe hakkında görsel"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      negativeCard={{
        items: [
          "Hızlı servis",
          "Standart kahve menüsü",
          "Sınırlı atıştırmalık",
          "Sade atmosfer",
        ],
      }}
      positiveCard={{
        items: [
          "Kişiye özel kahve deneyimi",
          "Geniş ve özel menü seçenekleri",
          "Organik ve yerel ürünler",
          "Sanatsal ve sosyal etkinlikler",
        ],
      }}
      title="Sıradan Bir Kafeden Çok Daha Fazlası"
      description="Sosyal Kafe'yi farklı kılan özelliklerimizle tanışın. Sadece bir kahve durağı değil, aynı zamanda yeni deneyimlerin adresi."
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={true}
      products={[
        {
          id: "espresso",
          name: "Espresso",
          price: "₺45",
          imageSrc: "http://img.b2bpic.net/free-photo/man-enjoying-cup-hot-coffee-cafe_53876-88441.jpg",
          imageAlt: "Espresso",
        },
        {
          id: "latte",
          name: "Latte",
          price: "₺60",
          imageSrc: "http://img.b2bpic.net/free-photo/cup-creamy-coffee-cinnamon-sticks-wood-board_114579-83668.jpg",
          imageAlt: "Latte",
        },
        {
          id: "cake",
          name: "Çikolatalı Pasta",
          price: "₺85",
          imageSrc: "http://img.b2bpic.net/free-photo/chocolate-cake-with-cherry-top_1150-6144.jpg",
          imageAlt: "Çikolatalı Pasta",
        },
        {
          id: "sandwich",
          name: "Kulüp Sandviç",
          price: "₺120",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-toast-with-veggie-cream-flat-lay_23-2148698706.jpg",
          imageAlt: "Kulüp Sandviç",
        },
        {
          id: "croissant",
          name: "Bademli Kruvasan",
          price: "₺70",
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-croissant-glass-jar-jam-with-leaves-cutting-board-wooden-background_141793-130244.jpg",
          imageAlt: "Bademli Kruvasan",
        },
        {
          id: "salad",
          name: "Akdeniz Salata",
          price: "₺110",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-vegan-salad-plate-with-various-fresh-vegetables-dark-background_179666-47225.jpg",
          imageAlt: "Akdeniz Salata",
        },
      ]}
      title="Menümüzden Seçmeler"
      description="Sabah kahvaltısından gün ortası atıştırmalıklarına, özel kahvelerimizden lezzetli tatlılarımıza kadar her damak tadına uygun bir şeyler var."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      carouselMode="buttons"
      testimonials={[
        {
          id: "1",
          name: "Ayşe Yılmaz",
          handle: "@aysey",
          testimonial: "Sosyal Kafe, benim için ikinci ev gibi. Kahveleri harika, çalışanları çok ilgili ve ortamı inanılmaz samimi. Kitap okumak veya arkadaşlarımla buluşmak için favori yerim!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/good-day-only-with-good-coffee_329181-2927.jpg",
          imageAlt: "Ayşe Yılmaz",
        },
        {
          id: "2",
          name: "Can Demir",
          handle: "@candemir",
          testimonial: "İş toplantılarımı burada yapmaya bayılıyorum. Hem sakin hem de ilham verici bir ortamı var. Menüdeki atıştırmalıklar da oldukça lezzetli.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smile-face-green-ball-with-golden-five-stars-customer-client-survey-satisfaction-after-use-product-service-concept-by-3d-render_616485-67.jpg",
          imageAlt: "Can Demir",
        },
        {
          id: "3",
          name: "Elif Kara",
          handle: "@elifk",
          testimonial: "Pastaları enfes! Özellikle havuçlu keklerine bayılıyorum. Her geldiğimde yeni bir lezzet keşfetmek çok hoşuma gidiyor. Mutlaka denemelisiniz.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/young-girl-sitting-restaurant-shaking-her-friend39s-hand_114579-92516.jpg",
          imageAlt: "Elif Kara",
        },
        {
          id: "4",
          name: "Berk Aktaş",
          handle: "@berka",
          testimonial: "Kahve konusunda çok seçiciyimdir, Sosyal Kafe beklentilerimi her zaman aşıyor. Baristalar işinin ehli ve her fincanı özenle hazırlıyorlar. Şehrin en iyi kahvecisi!",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/professional-gesture-successful-collar-mixed_1262-1193.jpg",
          imageAlt: "Berk Aktaş",
        },
        {
          id: "5",
          name: "Zeynep Tunç",
          handle: "@zeynept",
          testimonial: "Arkadaşlarımla keyifli vakit geçirmek için harika bir mekan. Müzikler, dekorasyon ve güler yüzlü hizmet birleşince ortaya muhteşem bir deneyim çıkıyor.",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-sitting-home_23-2150355661.jpg",
          imageAlt: "Zeynep Tunç",
        },
      ]}
      showRating={true}
      title="Misafirlerimiz Ne Diyor?"
      description="Sosyal Kafe deneyimini yaşayanların ağzından dinleyin."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "Sosyal Kafe nerede bulunuyor?",
          content: "Kafemiz şehir merkezinde, ana cadde üzerinde kolayca ulaşabileceğiniz bir konumda yer almaktadır. Detaylı adres ve yol tarifi için iletişim bölümümüze göz atabilirsiniz.",
        },
        {
          id: "faq-2",
          title: "Çalışma saatleriniz nedir?",
          content: "Haftanın her günü sabah 08:00'den akşam 22:00'ye kadar hizmet vermekteyiz. Özel günler ve tatiller için web sitemizdeki duyuruları takip edebilirsiniz.",
        },
        {
          id: "faq-3",
          title: "Rezervasyon yapabilir miyim?",
          content: "Özellikle hafta sonları ve yoğun saatlerde yer bulmakta zorlanmamanız için rezervasyon yapmanızı tavsiye ederiz. İletişim bilgilerimizden bize ulaşarak rezervasyon yaptırabilirsiniz.",
        },
        {
          id: "faq-4",
          title: "Vegan ve glütensiz seçenekleriniz var mı?",
          content: "Menümüzde vegan, vejetaryen ve glütensiz beslenen misafirlerimiz için özel olarak hazırlanmış lezzetli seçenekler bulunmaktadır. Garsonlarımızdan bilgi alabilirsiniz.",
        },
      ]}
      sideTitle="Sıkça Sorulan Sorular"
      sideDescription="Kafemizle ilgili merak ettiğiniz her şeyin cevabı burada."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Bizi Ziyaret Edin veya İletişime Geçin"
      buttons={[
        {
          text: "Yol Tarifi Al",
          href: "https://maps.app.goo.gl/example",
        },
        {
          text: "Ara: +90 555 123 4567",
          href: "tel:+905551234567",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Sosyal Kafe"
      leftLink={{
        text: "Gizlilik Politikası",
        href: "#",
      }}
      rightLink={{
        text: "Kullanım Koşulları",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
