"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardRotatedCarousel from '@/components/sections/hero/HeroBillboardRotatedCarousel';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="medium"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "الرئيسية",
          id: "#hero",
        },
        {
          name: "المنيو",
          id: "#menu",
        },
        {
          name: "اتصل بنا",
          id: "#contact",
        },
      ]}
      brandName="وطني برجر مكة"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardRotatedCarousel
      background={{
        variant: "plain",
      }}
      title="طعم يرضيك.. وسعر يهمّك! ✨"
      description="أفضل برجر في حي النزهة بمكة المكرمة"
      carouselItems={[
        {
          id: "1",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-meat-white-fried-cheese_140725-2355.jpg",
        },
        {
          id: "2",
          imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
        },
        {
          id: "3",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-burger-ingredients-cutting-board_23-2148235077.jpg",
        },
        {
          id: "4",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-empty-cafeteria_181624-29282.jpg",
        },
        {
          id: "5",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-hamburger-inside-round-plate-dark-floor_140725-11629.jpg",
        },
        {
          id: "6",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-burger-fries-with-salad-table_613910-7517.jpg",
        },
      ]}
    />
  </div>

  <div id="menu-basic" data-section="menu-basic">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",
          brand: "وطني",
          name: "برجر لحم",
          price: "7 ريال",
          rating: 5,
          reviewCount: "100+",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-fast-food-truck-illustration_1308-171256.jpg",
        },
        {
          id: "p2",
          brand: "وطني",
          name: "برجر دجاج",
          price: "7 ريال",
          rating: 5,
          reviewCount: "80+",
          imageSrc: "http://img.b2bpic.net/free-vector/food-doodle-set_78370-9454.jpg",
        },
        {
          id: "p3",
          brand: "وطني",
          name: "برجر سمك",
          price: "10 ريال",
          rating: 4,
          reviewCount: "40+",
          imageSrc: "http://img.b2bpic.net/free-photo/drawn-fruit-good-from-brain-white-background_23-2147865376.jpg",
        },
      ]}
      title="برجر وطني (سادة)"
      description="خياراتنا الأساسية بجودة عالية"
    />
  </div>

  <div id="menu-cheese" data-section="menu-cheese">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p4",
          brand: "وطني",
          name: "لحم بالجبنة",
          price: "8 ريال",
          rating: 5,
          reviewCount: "150+",
          imageSrc: "http://img.b2bpic.net/free-vector/burger-with-text-icon_1308-149412.jpg",
        },
        {
          id: "p5",
          brand: "وطني",
          name: "دجاج بالجبنة",
          price: "8 ريال",
          rating: 5,
          reviewCount: "90+",
          imageSrc: "http://img.b2bpic.net/free-photo/delicious-big-burger-with-meat-bread-lettuce-tomatoes-generative-ai_169016-28842.jpg",
        },
        {
          id: "p6",
          brand: "وطني",
          name: "سمك بالجبنة",
          price: "11 ريال",
          rating: 4,
          reviewCount: "50+",
          imageSrc: "http://img.b2bpic.net/free-photo/lobster-roll-isolated-white-background_123827-30668.jpg",
        },
      ]}
      title="برجر بالجبنة 🧀"
      description="لمسة إضافية من الجبنة لزيادة المتعة"
    />
  </div>

  <div id="menu-double" data-section="menu-double">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "p7",
          brand: "وطني",
          name: "دبل برجر لحم",
          price: "13 ريال",
          rating: 5,
          reviewCount: "200+",
          imageSrc: "http://img.b2bpic.net/free-vector/vintage-background-classic-burger_23-2147627734.jpg",
        },
        {
          id: "p8",
          brand: "وطني",
          name: "دبل لحم بالجبنة",
          price: "14 ريال",
          rating: 5,
          reviewCount: "250+",
          imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-monocolor-retro-cartoon-illustration_23-2151193591.jpg",
        },
      ]}
      title="طلبات الدبل (للعيبة) 💪"
      description="للمحترفين فقط"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={true}
      title="📍 موقعنا في مكة"
      description="حي النزهة - شارع الشيخ عبدالله الخليفي\n📞 للطلب: 0501291013\n⏰ من ١ ظهراً إلى ٢ فجراً"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "اسمك الكريم",
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "رقم الجوال للطلب",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762885.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="🍔 وطني برجر مكة"
      columns={[
        {
          title: "روابط سريعة",
          items: [
            {
              label: "الرئيسية",
              href: "#hero",
            },
            {
              label: "المنيو",
              href: "#menu",
            },
            {
              label: "الموقع",
              href: "#contact",
            },
          ],
        },
      ]}
      copyrightText="© 2024 مطعم وطني برجر مكة - جميع الحقوق محفوظة"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
