5ecc01f6-bc81-4bbd-80ac-ce7f26a3e599/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import { Coffee, ShoppingBag, Truck, ChefHat, Heart, Zap } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="small"
        sizing="mediumLargeSizeMediumTitles"
        background="fluid"
        cardStyle="layered-gradient"
        primaryButtonStyle="flat"
        secondaryButtonStyle="layered"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        { name: "الرئيسية", id: "hero" },
        { name: "المنيو", id: "products" },
        { name: "خدماتنا", id: "features" },
        { name: "آراء العملاء", id: "testimonials" },
        { name: "اتصل بنا", id: "contact" },
      ]}
      brandName="مطعم النصر"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{ variant: "sparkles-gradient" }}
      title="تجربة طعام استثنائية حتى الساعة ٣ صباحًا"
      description="استمتع بأجود الأطباق في أجواء فاخرة. نوفر خدمة مميزة للتناول داخل المطعم، سفري، وتوصيل بدون تلامس."
      buttons={[
        { text: "اطلب الآن", href: "#products" },
        { text: "اتصل بنا", href: "#contact" },
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190922.jpg", imageAlt: "luxury restaurant dinner ambiance" },
        { imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetablesin-plate_140725-759.jpg", imageAlt: "gourmet grilled steak dish" },
        { imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-6052.jpg", imageAlt: "delicious mediterranean appetizer" },
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      features={[
        { title: "طعام فاخر", description: "نقدم مزيجاً من المذاق الأصيل والابتكار الحديث.", icon: ChefHat, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-served-with-boiled-asparagus-spinach-sauce_140725-5091.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109440.jpg" }] },
        { title: "خدمة استثنائية", description: "فريقنا جاهز لخدمتكم بأعلى معايير الضيافة.", icon: Heart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527628.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" }] },
        { title: "سرعة فائقة", description: "نضمن وصول طلبك ساخناً وفي وقت قياسي.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-plate-cake-with-red-white-sauce_140725-74186.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/slice-three-layered-cake-with-white-vanilla-cream-chocolate-crumble_140725-4936.jpg" }] },
      ]}
      title="لماذا يختارنا عملاؤنا؟"
      description="نلتزم بتقديم تجربة لا تنسى في كل زيارة."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        { id: "1", brand: "مميز", name: "مشويات مشكلة فاخرة", price: "٣٥٠ ج.م", rating: 5, reviewCount: "١٥٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-mashed-potatoes-white-plate_9975-124470.jpg" },
        { id: "2", brand: "إيطالي", name: "باستا إيطالية بالروبيان", price: "٢٥٠ ج.م", rating: 4, reviewCount: "٨٠", imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-bread_141793-1261.jpg" },
        { id: "3", brand: "حلويات", name: "تشيز كيك الشوكولاتة", price: "٢٠٠ ج.م", rating: 5, reviewCount: "٢٠٠", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg" },
        { id: "4", brand: "مميز", name: "ساندوتش اللحم الخاص", price: "٢٢٠ ج.م", rating: 5, reviewCount: "١٢٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-served-with-potato-dish-mushroom-sauce_140725-5831.jpg" },
      ]}
      title="القائمة المختارة"
      description="اكتشف أطباقنا الأكثر طلباً والمحضرة بأجود المكونات."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      title="أرقامنا تعكس ثقتكم"
      tag="الجودة أولاً"
      metrics={[
        { id: "m1", value: "٥٠٠٠+", description: "وجبة سعيدة تم تقديمها" },
        { id: "m2", value: "١٥", description: "عاماً من التميز والخبرة" },
        { id: "m3", value: "٢٤/٧", description: "جاهزون لخدمتكم دائماً" },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwo
      animationType="slide-up"
      title="آراء عملائنا الكرام"
      description="نحن نفخر بكوننا جزءاً من ذكرياتكم السعيدة."
      testimonials={[
        { id: "t1", name: "محمد أحمد", role: "عميل دائم", testimonial: "أفضل تجربة عشاء بمدينة نصر! الخدمة أكثر من ممتازة." },
        { id: "t2", name: "سارة محمود", role: "عاشقة للطعام", testimonial: "الأكل طازج جداً والديكورات رائعة، سأعود بالتأكيد." },
      ]}
      useInvertedBackground={false}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      faqs={[
        { id: "f1", title: "ما هي ساعات العمل؟", content: "نستقبلكم يومياً حتى الساعة ٣ فجراً." },
        { id: "f2", title: "كيف يمكنني الحجز؟", content: "يمكنكم الحجز عبر الهاتف أو زيارتنا مباشرة." },
        { id: "f3", title: "هل تتوفر خيارات نباتية؟", content: "نعم، نوفر قائمة متنوعة من الأطباق النباتية والصحية." },
      ]}
      sideTitle="أسئلة متكررة"
      sideDescription="كل ما تحتاج معرفته عن تجربة المطعم."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      tag="اتصل بنا"
      title="جاهز لطلب وجبتك؟"
      description="نحن في انتظاركم لتقديم أفضل ما لدينا. تواصل معنا للحجز أو الطلبات الخارجية."
      background={{ variant: "sparkles-gradient" }}
      imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
    />
  </div>

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