"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="smallMedium"
        sizing="mediumLargeSizeMediumTitles"
        background="noise"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "الرئيسية",
          id: "hero",
        },
        {
          name: "قصتنا",
          id: "about",
        },
        {
          name: "القائمة",
          id: "product",
        },
        {
          name: "الآراء",
          id: "testimonial",
        },
      ]}
      brandName="مطعم التراث"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "plain",
      }}
      title="زورونا تجون ما يسركم"
      description="تجربة فريدة من قلب الحجاز، حيث يلتقي التراث بالأصالة في كل طبق."
      buttons={[
        {
          text: "احجز طاولتك",
          href: "#contact",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/breakfast-table-with-variety-foods-cheese-vegetables-omlettes-sausages-honey-olives_114579-1508.jpg?_wi=1"
      mediaAnimation="slide-up"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-latin-man-wearing-summer-clothes-listening-music-with-earphones-against-yellow-space_58466-11962.jpg",
          alt: "Portrait of young latin man",
        },
        {
          src: "http://img.b2bpic.net/free-photo/smiling-handsome-bearded-african-american-businessman-brown-classic-jacket-isolated-dark-background_613910-6626.jpg",
          alt: "Smiling handsome businessman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/guy-smiles-camera_140725-7884.jpg",
          alt: "A guy smiles on camera",
        },
        {
          src: "http://img.b2bpic.net/free-photo/bearded-man-black-t-shirt-happy-excited-showing-thumbs-up-standing-green-wall_141793-81905.jpg",
          alt: "Bearded man in black t-shirt",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-woman-wearing-hijab-isolated_23-2149208415.jpg",
          alt: "Portrait of woman wearing hijab",
        },
      ]}
      avatarText="انضم إلى أكثر من ٥٠٠٠ زبون سعيد"
      marqueeItems={[
        {
          type: "text",
          text: "طعم حجازي أصيل",
        },
        {
          type: "text",
          text: "مكونات طازجة يومياً",
        },
        {
          type: "text",
          text: "أجواء عائلية دافئة",
        },
        {
          type: "text",
          text: "خدمة راقية",
        },
        {
          type: "text",
          text: "مذاق لا يُنسى",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="قصتنا مع التراث"
      description="من أعماق الطائف والحجاز نأتيكم بألذ الوصفات التي توارثناها أباً عن جد، لنقدم لكم تجربة لا تُنسى في كل زيارة."
      metrics={[
        {
          value: "٣٠+",
          title: "سنة خبرة",
        },
        {
          value: "٥٠٠٠+",
          title: "زبون سعيد",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/woman-eating-breakfast-omlette-inside-pan-around-table-donated-with-olives-vegetables-black-tea_114579-1511.jpg?_wi=1"
      mediaAnimation="slide-up"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="product" data-section="product">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      products={[
        {
          id: "1",
          brand: "فطور",
          name: "كبدة الحجر",
          price: "٤٥ ر.س",
          rating: 5,
          reviewCount: "١٢٠",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-served-with-chopped-vegetables_114579-2895.jpg?_wi=1",
        },
        {
          id: "2",
          brand: "حلى",
          name: "عريكة الوادي",
          price: "٣٥ ر.س",
          rating: 5,
          reviewCount: "٨٠",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-portioned-layered-cacao-cake-with-white-cream-chocolate-pieces_141793-2162.jpg?_wi=1",
        },
        {
          id: "3",
          brand: "فطور",
          name: "معصوب الدخن",
          price: "٣٠ ر.س",
          rating: 4,
          reviewCount: "٩٥",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-tray-turkish-dishes_23-2148111770.jpg?_wi=1",
        },
        {
          id: "4",
          brand: "مقبلات",
          name: "مطبق مالح",
          price: "٢٥ ر.س",
          rating: 5,
          reviewCount: "٦٠",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-yummy-pies-sliced-with-red-berries-dark-table-pastry-pie-cake-sweet_140725-73129.jpg",
        },
        {
          id: "5",
          brand: "فطور",
          name: "شكشوكة عدني",
          price: "٢٨ ر.س",
          rating: 4,
          reviewCount: "٧٠",
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-delicious-jewish-food-composition_23-2148814509.jpg",
        },
        {
          id: "6",
          brand: "مشروبات",
          name: "عصائر طازجة",
          price: "١٥ ر.س",
          rating: 5,
          reviewCount: "٤٥",
          imageSrc: "http://img.b2bpic.net/free-photo/refreshing-glass-orange-juice_84443-83875.jpg",
        },
      ]}
      title="أطباقنا المميزة"
      description="استمتع بتشكيلة مختارة من الأصناف الحجازية التي تُقدم طازجة يومياً."
    />
  </div>

  <div id="testimonial" data-section="testimonial">
      <TestimonialCardFive
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "1",
          name: "محمد العتيبي",
          date: "منذ يوم",
          title: "مذهل",
          quote: "أفضل كبدة حجازية ذقتها في حياتي!",
          tag: "ممتاز",
          avatarSrc: "http://img.b2bpic.net/free-photo/close-up-shot-handsome-caucasian-man-with-beard-dressed-t-shirt-looking-smiling-with-happy-cheerful-expression-sitting-sidewalk-restaurant-sunny-day-waiting-friends_273609-6600.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-table-with-variety-foods-cheese-vegetables-omlettes-sausages-honey-olives_114579-1508.jpg?_wi=2",
          imageAlt: "portrait happy middle eastern man",
        },
        {
          id: "2",
          name: "سارة القحطاني",
          date: "منذ ٣ أيام",
          title: "أصالة",
          quote: "الأجواء تأخذك لزمن الطائف الجميل.",
          tag: "تجربة رائعة",
          avatarSrc: "http://img.b2bpic.net/free-photo/front-view-woman-wearing-halal-outdoors_23-2150701499.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-breakfast-omlette-inside-pan-around-table-donated-with-olives-vegetables-black-tea_114579-1511.jpg?_wi=2",
          imageAlt: "portrait happy middle eastern man",
        },
        {
          id: "3",
          name: "خالد القرني",
          date: "منذ أسبوع",
          title: "لذيذ",
          quote: "المعصوب ممتاز جداً والطعم لا يُعوض.",
          tag: "جودة عالية",
          avatarSrc: "http://img.b2bpic.net/free-photo/handsome-business-man-standing-office_1303-27571.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-mangal-salad-served-with-chopped-vegetables_114579-2895.jpg?_wi=2",
          imageAlt: "portrait happy middle eastern man",
        },
        {
          id: "4",
          name: "نورة السبيعي",
          date: "منذ أسبوعين",
          title: "ممتاز",
          quote: "مكان نظيف وخدمة راقية جداً.",
          tag: "أنصح به",
          avatarSrc: "http://img.b2bpic.net/free-photo/horizontal-shot-satisfied-college-student-uses-new-cool-app-cell-phone-carries-notepad-writing-notes-wears-spectacles-silk-scarf-knitted-sweater-isolated-blue-wall_273609-26316.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-portioned-layered-cacao-cake-with-white-cream-chocolate-pieces_141793-2162.jpg?_wi=2",
          imageAlt: "portrait happy middle eastern man",
        },
        {
          id: "5",
          name: "عبدالله الهاجري",
          date: "منذ شهر",
          title: "رائع",
          quote: "وجبة الإفطار كانت مثالية بكل معنى الكلمة.",
          tag: "تكرار الزيارة",
          avatarSrc: "http://img.b2bpic.net/free-photo/young-man-white-t-shirt-jacket-gray-cap-clenching-fists-looking-happy_176474-84281.jpg",
          imageSrc: "http://img.b2bpic.net/free-photo/coffee-tray-turkish-dishes_23-2148111770.jpg?_wi=2",
          imageAlt: "portrait happy middle eastern man",
        },
      ]}
      title="ماذا يقول زبائننا؟"
      description="رأيكم هو سر نجاحنا وتطويرنا الدائم."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "1",
          title: "هل يتوفر لديكم توصيل؟",
          content: "نعم، نوفر توصيل سريع لجميع المناطق المحيطة عبر تطبيقات التوصيل.",
        },
        {
          id: "2",
          title: "ما هي أوقات العمل؟",
          content: "نستقبلكم يومياً من ٦ صباحاً حتى ١٢ ظهراً.",
        },
        {
          id: "3",
          title: "هل يتوفر مواقف سيارات؟",
          content: "نعم، تتوفر مواقف خاصة لراحة زبائننا الكرام.",
        },
      ]}
      title="أسئلة شائعة"
      faqsAnimation="slide-up"
      description="إجابات على أكثر ما يهم ضيوفنا الكرام."
      imageSrc="http://img.b2bpic.net/free-photo/woman-eating-breakfast-omlette-inside-pan-around-table-donated-with-olives-vegetables-black-tea_114579-1511.jpg?_wi=3"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="احجز زيارتك الآن"
      description="نسعد بخدمتكم وتجهيز طاولتكم الخاصة."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "اسمك الكريم",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "رقم الجوال",
          required: true,
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/wine-glass_1203-3446.jpg"
      buttonText="حجز الطاولة"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "قصتنا",
              href: "#about",
            },
          ],
        },
        {
          items: [
            {
              label: "اتصل بنا",
              href: "#contact",
            },
            {
              label: "سياسة الخصوصية",
              href: "#",
            },
          ],
        },
      ]}
      logoText="مطعم التراث"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
