"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="double-inset"
        secondaryButtonStyle="glass"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",          id: "#home"},
        {
          name: "Hakkımızda",          id: "#about"},
        {
          name: "Olanaklar",          id: "#amenities"},
        {
          name: "Odalar",          id: "#rooms"},
        {
          name: "Yorumlar",          id: "#testimonials"},
        {
          name: "S.S.S.",          id: "#faq"},
        {
          name: "İletişim",          id: "#contact"},
      ]}
      brandName="We Nirvana Suit Otel"
    />
  </div>

  <div id="home" data-section="home">
      <HeroBillboardScroll
      background={{
        variant: "rotated-rays-animated"}}
      title="We Nirvana Suit Otel"
      description="Mükemmel deniz manzarası ve 4 yıldızlı hizmet kalitesiyle unutulmaz bir konaklama deneyimi."
      tag="4 Yıldızlı Otel"
      tagAnimation="slide-up"
      buttons={[
        {
          text: "Müsaitlik Durumunu Kontrol Edin",          href: "#contact"},
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/swimming-pool-with-sun-beds-morning-mediterranean-summer-resort-hotel-turkey-bodrum_627829-7172.jpg"
      imageAlt="We Nirvana Suit Otel Deniz Manzarası"
    />
  </div>

  <div id="about" data-section="about">
      <TextSplitAbout
      useInvertedBackground={false}
      title="Hakkımızda"
      description={[
        "We Nirvana Suit Otel, Fatih, Mezitli/Mersin'de konumlanmış 4 yıldızlı seçkin bir oteldir. Misafirlerimize ev konforunda lüks ve huzurlu bir konaklama deneyimi sunmaktan gurur duyuyoruz.",        "Otelimiz, kişiye özel ilgi gösteren güler yüzlü personeli ve en üst düzey hijyen standartlarıyla öne çıkmaktadır. Muhteşem deniz manzaralı suitlerimizde eşsiz çay keyfinin tadını çıkarırken, kendinizi yenilenmiş hissedeceksiniz."]}
      showBorder={false}
    />
  </div>

  <div id="amenities" data-section="amenities">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      features={[
        {
          title: "Ücretsiz Wi-Fi",          description: "Otel genelinde kesintisiz ve yüksek hızlı internet erişimi.",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-tablet-hotel-room_23-2148095277.jpg",          imageAlt: "Ücretsiz Wi-Fi",          titleImageSrc: "http://img.b2bpic.net/free-photo/young-woman-is-relaxing-spa-complex-using-smartphone_169016-55799.jpg",          buttonText: "Daha Fazla"},
        {
          title: "Ücretsiz Kahvaltı",          description: "Güne zengin açık büfe kahvaltı ile enerji dolu başlayın.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-friends-having-lunch-luxury-restaurant_23-2151081462.jpg",          imageAlt: "Ücretsiz Kahvaltı",          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-cow-tongue-salad-with-mayonnaise-lettuce-arugula-leaves-plate-with-tomatoes-cucumber-soft-drink-table_141793-2823.jpg",          buttonText: "Daha Fazla"},
        {
          title: "Ücretsiz Park Alanı",          description: "Aracınızı güvenle park edebileceğiniz geniş otoparkımız.",          imageSrc: "http://img.b2bpic.net/free-photo/people-driving-cars-city-street_23-2149091986.jpg",          imageAlt: "Ücretsiz Park Alanı",          titleImageSrc: "http://img.b2bpic.net/free-photo/front-view-man-waiting-near-hotel_23-2149901439.jpg",          buttonText: "Daha Fazla"},
        {
          title: "Açık Yüzme Havuzu",          description: "Serinletici bir mola için terasımızdaki havuzumuz.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-happy-smile-leisure-around-outdoor-swimming-pool_74190-11179.jpg",          imageAlt: "Açık Yüzme Havuzu",          titleImageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-woman-relax-smile-leisure-vacation-around-swimming-pool-resort-hotel_74190-14533.jpg",          buttonText: "Daha Fazla"},
        {
          title: "Klimalı Odalar",          description: "Her odada kişisel konforunuz için ayarlanabilir klima.",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-listening-smartphone-music-headphones-lying-sofa_1163-3895.jpg",          imageAlt: "Klimalı Odalar",          titleImageSrc: "http://img.b2bpic.net/free-photo/man-using-smartphone-his-automated-home_23-2149036903.jpg",          buttonText: "Daha Fazla"},
        {
          title: "Çamaşır Yıkama Hizmeti",          description: "Konaklamanız boyunca çamaşırlarınız profesyonelce yıkanır.",          imageSrc: "http://img.b2bpic.net/free-photo/women-using-washing-machine-doing-laundry-young-girls-ready-wash-clothes-interior-washing-process-concept_1157-42348.jpg",          imageAlt: "Çamaşır Yıkama Hizmeti",          titleImageSrc: "http://img.b2bpic.net/free-photo/photo-busy-unshaven-man-irons-shirt-ironing-board-prepares-formal-meeting-business-conference_273609-18036.jpg",          buttonText: "Daha Fazla"},
      ]}
      title="Olanaklarımız"
      description="Konforlu ve keyifli bir konaklama için tasarlanmış ayrıcalıklı hizmetlerimiz."
    />
  </div>

  <div id="rooms" data-section="rooms">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "1",          brand: "We Nirvana",          name: "Deluxe Suit",          price: "₺4.500/gece",          rating: 4,
          reviewCount: "50 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/elegant-bed_181624-5566.jpg",          imageAlt: "Deluxe Suit"},
        {
          id: "2",          brand: "We Nirvana",          name: "Aile Suiti",          price: "₺6.200/gece",          rating: 5,
          reviewCount: "35 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-using-digital-tablet-bedroom_1170-2784.jpg",          imageAlt: "Aile Suiti"},
        {
          id: "3",          brand: "We Nirvana",          name: "Standart Oda",          price: "₺2.900/gece",          rating: 3,
          reviewCount: "80 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/white-modern-clean-house-blue_1203-5089.jpg",          imageAlt: "Standart Oda"},
        {
          id: "4",          brand: "We Nirvana",          name: "Executive Suit",          price: "₺7.800/gece",          rating: 5,
          reviewCount: "20 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/virtual-love-handsome-cute-guy-suit-with-wine-distance-computer-date-pointing-himself_140725-162482.jpg",          imageAlt: "Executive Suit"},
        {
          id: "5",          brand: "We Nirvana",          name: "Penthouse Suit",          price: "₺12.000/gece",          rating: 5,
          reviewCount: "10 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-kid-with-ice-cream-outdoors_23-2149426735.jpg",          imageAlt: "Penthouse Suit"},
        {
          id: "6",          brand: "We Nirvana",          name: "Junior Suit",          price: "₺5.500/gece",          rating: 4,
          reviewCount: "40 Yorum",          imageSrc: "http://img.b2bpic.net/free-photo/beauty-slim-african-american-model-wear-black-blouse-green-long-legs-pants-posed-chinese-cafe_627829-5911.jpg",          imageAlt: "Junior Suit"},
      ]}
      title="Suitlerimiz"
      description="Her biri özenle tasarlanmış lüks ve konforlu suit seçeneklerimiz."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSixteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",          name: "Alican",          role: "Müşteri",          company: "Sadık Misafir",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3863.jpg",          imageAlt: "Alican"},
        {
          id: "2",          name: "Ayşe Yılmaz",          role: "Seyahatsever",          company: "Gezgin",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-lightskinned-young-brunette-woman-with-short-haircut-black-dress-posing-white-background-femininity-beauty-sensuality-concept_197531-31416.jpg",          imageAlt: "Ayşe Yılmaz"},
        {
          id: "3",          name: "Mehmet Demir",          role: "Emekli",          company: "Huzur Arayan",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/cute-old-couple-taking-selfie_23-2148293895.jpg",          imageAlt: "Mehmet Demir"},
        {
          id: "4",          name: "Zeynep Kaya",          role: "Aile Tatilcisi",          company: "Mutlu Aile",          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/family-spending-time-together_23-2149290063.jpg",          imageAlt: "Zeynep Kaya"},
        {
          id: "5",          name: "Canan Can",          role: "Yazar",          company: "İlham Bulan",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/dissatisfied-european-woman-rubs-hand-clenches-teeth-has-dissatisfied-facial-expression-wears-headphones-shirt-jeans_273609-27149.jpg",          imageAlt: "Canan Can"},
      ]}
      kpiItems={[
        {
          value: "4.0",          label: "Genel Puan"},
        {
          value: "135+",          label: "Misafir Yorumu"},
        {
          value: "4",          label: "Yıldızlı Otel"},
      ]}
      title="Misafir Yorumları"
      description="Misafirlerimizin We Nirvana Suit Otel deneyimlerini dinleyin ve neden bizi tercih ettiklerini keşfedin."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "1",          value: "4.0",          title: "Ortalama Puan",          items: [
            "Google Yorumları baz alınmıştır",            "135 misafir tarafından derecelendirildi",            "Yüksek misafir memnuniyeti"],
        },
        {
          id: "2",          value: "14:00",          title: "Giriş Saati",          items: [
            "Hızlı ve kolay check-in",            "Erken giriş seçenekleri",            "Misafir konforu ön planda"],
        },
        {
          id: "3",          value: "12:00",          title: "Çıkış Saati",          items: [
            "Rahat ve stressiz check-out",            "Geç çıkış seçenekleri",            "Maksimum konaklama süresi"],
        },
      ]}
      title="Otelimizin Değeri"
      description="Konuklarımızın gözünden We Nirvana Suit Otel'in temel değerleri ve başarıları."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",          title: "Oteliniz kaç yıldızlı?",          content: "Otelimiz 4 yıldızlı olup, misafirlerimize yüksek kalitede hizmet sunmaktadır."},
        {
          id: "2",          title: "Giriş ve çıkış saatleri nedir?",          content: "Giriş saati 14:00, çıkış saati 12:00'dir. Özel istekleriniz için resepsiyonla iletişime geçebilirsiniz."},
        {
          id: "3",          title: "Otopark imkanınız var mı?",          content: "Evet, misafirlerimiz için ücretsiz park alanı mevcuttur."},
        {
          id: "4",          title: "Otelinizde evcil hayvan kabul ediliyor mu?",          content: "Maalesef, otelimizde evcil hayvan kabul edilmemektedir."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/receptionist-elegant-suit-work-with-customer_23-2149714431.jpg"
      imageAlt="Otel Resepsiyonu"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Sıkça Sorulan Sorular"
      description="We Nirvana Suit Otel ile ilgili merak ettiğiniz tüm soruların cevapları burada."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="İletişim"
      title="Bize Ulaşın & Rezervasyon Yapın"
      description="Fatih, 30006. Sk. Taş Plaza No = 1, İç kapı no = 1, 33000 Mezitli/Mersin adresindeki otelimizle iletişime geçin veya online rezervasyon yapın. Size özel tekliflerimiz için şimdi formu doldurun."
      tagAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/low-angle-shot-multistory-apartment-complex-building_181624-5114.jpg"
      imageAlt="We Nirvana Suit Otel Konumu"
      mediaAnimation="blur-reveal"
      mediaPosition="left"
      inputPlaceholder="Adınız Soyadınız"
      buttonText="Rezervasyon İsteği Gönder"
      termsText="Rezervasyon talebi göndererek Şartlar ve Koşullarımızı kabul etmiş olursunuz."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoSrc="http://img.b2bpic.net/free-vector/season-badges-collection_23-2147498590.jpg"
      logoAlt="We Nirvana Suit Otel Logo"
      logoText="We Nirvana Suit Otel"
      leftLink={{
        text: "Hakkımızda",        href: "#about"}}
      rightLink={{
        text: "İletişim",        href: "#contact"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
