a0cb4092-19c3-4190-8f7d-64d603acf6a6/src/app/page.tsx

"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqBase from '@/components/sections/faq/FaqBase';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import MediaAbout from '@/components/sections/about/MediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="largeSmallSizeMediumTitles"
        background="noise"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        { name: "الرئيسية", id: "#hero" },
        { name: "عنّا", id: "#about" },
        { name: "القائمة", id: "#menu" },
        { name: "الآراء", id: "#testimonials" },
        { name: "تواصل معنا", id: "#contact" },
      ]}
      brandName="مأكولات نور فاطمة"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
        variant: "radial-gradient"}}
      title="مأكولات نور فاطمة: طعم المنزل في كل وجبة"
      description="نقدم لكم تشكيلة واسعة من المأكولات البيتية المحضرة بحب وعناية، باستخدام أفضل المكونات الطازجة لضمان تجربة لا تُنسى."
      buttons={[
        { text: "اطلب الآن", href: "#menu" },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893522.jpg"
      imageAlt="مأكولات منزلية"
      mediaAnimation="slide-up"
      avatars={[
        { src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-desk-dinner-cooking-meal-potato-dish_140725-102122.jpg" },
        { src: "http://img.b2bpic.net/free-photo/top-view-tasty-cooked-potatoes-delicious-dish-with-greens-seasonings-dark-surface-dinner-cooking-meal-potato-dish_140725-102121.jpg" },
        { src: "http://img.b2bpic.net/free-photo/top-view-food-banquet_23-2149893452.jpg" },
        { src: "http://img.b2bpic.net/free-photo/top-view-table-full-various-types-food_23-2149139471.jpg" },
        { src: "http://img.b2bpic.net/free-photo/top-view-fresh-peaches-bowl-with-persimmons-bucket-with-peanuts-wooden-bowl-white-wooden-background_141793-84376.jpg" },
      ]}
      avatarText="ينصح به من قبل عملائنا المميزين"
      marqueeItems={[
        { type: "text", text: "مكونات طبيعية" },
        { type: "text", text: "تحضير يومي طازج" },
        { type: "text", text: "نكهة منزلية أصيلة" },
        { type: "text", text: "توصيل سريع" },
        { type: "text", text: "جودة عالية" },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <MediaAbout
      useInvertedBackground={false}
      title="سرّ التميز في مطبخنا"
      description="تأسس مطبخ نور فاطمة على شغفنا بتقديم أصالة الطعام التقليدي بلمسة عصرية. كل طبق نحضره يروي قصة عائلة تعشق جودة المذاق الأصيل."
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-hands-holding-plate-with-pie_23-2149629049.jpg"
      imageAlt="مطبخنا"
    />
  </div>

  <div id="menu" data-section="menu">
      <ProductCardFour
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={true}
      products={[
        { id: "p1", name: "كبسة دجاج منزلية", price: "٨٠ ريال", variant: "وجبة غداء", imageSrc: "http://img.b2bpic.net/free-photo/plate-lamb-ribs-served-with-smoked-tomato-arugula-pepper_140725-4906.jpg" },
        { id: "p2", name: "محاشي مشكلة", price: "٦٠ ريال", variant: "طبق جانبي", imageSrc: "http://img.b2bpic.net/free-photo/pepper-dill-with-parsley-around-salad_23-2147778427.jpg" },
        { id: "p3", name: "حلى عائلي", price: "٤٥ ريال", variant: "حلويات", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-foods-ceramic-dishes_114579-15381.jpg" },
        { id: "p4", name: "شوربة عدس", price: "٢٠ ريال", variant: "شوربات", imageSrc: "http://img.b2bpic.net/free-photo/mussels-with-arugula-grilled-tomato-bread-sticks-sesame_140725-11084.jpg" },
        { id: "p5", name: "فتوش شامي", price: "٢٥ ريال", variant: "سلطات", imageSrc: "http://img.b2bpic.net/free-photo/front-view-salad-ingredients-with-greens-chicken-dark-table-diet-health-salad_140725-124876.jpg" },
        { id: "p6", name: "معجنات مشكلة", price: "٣٥ ريال", variant: "مقبلات", imageSrc: "http://img.b2bpic.net/free-photo/view-delicious-cake-decorated-orange-with-chocolate-biscuits-black-table_140725-86456.jpg" },
      ]}
      title="قائمة مأكولاتنا المختارة"
      description="اكتشفوا تشكيلتنا من الأطباق اللذيذة المحضرة يومياً."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        { id: "t1", name: "أحمد سعيد", imageSrc: "http://img.b2bpic.net/free-photo/happy-redhead-woman-eating-some-street-food_23-2148952874.jpg" },
        { id: "t2", name: "سارة علي", imageSrc: "http://img.b2bpic.net/free-photo/smiley-mother-daughter-side-view_23-2149854624.jpg" },
        { id: "t3", name: "محمد حسن", imageSrc: "http://img.b2bpic.net/free-photo/young-friends-having-laugh-together_23-2148395336.jpg" },
        { id: "t4", name: "ليلى محمود", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-taking-photos_23-2149250065.jpg" },
        { id: "t5", name: "خالد عمر", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-laptop-eating-salad_23-2148238949.jpg" },
      ]}
      cardTitle="ماذا يقول عملائنا؟"
      cardTag="آراء العملاء"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqBase
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        { id: "f1", title: "هل يتوفر توصيل للمنازل؟", content: "نعم، نوفر خدمة توصيل سريعة لكافة أحياء المدينة." },
        { id: "f2", title: "كيف يمكنني تقديم طلب؟", content: "يمكنك الطلب عبر الواتساب أو الاتصال بنا مباشرة." },
        { id: "f3", title: "هل تستخدمون مكونات طازجة؟", content: "بالتأكيد، كل وجباتنا تُحضر طازجة يومياً من أجود المكونات." },
      ]}
      title="أسئلة شائعة"
      description="إجابات على الأسئلة الأكثر تكراراً حول طلباتنا."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="يسعدنا تواصلكم معنا"
      description="لأي استفسار أو طلبات خاصة، لا تترددوا بمراسلتنا."
      inputs={[
        { name: "name", type: "text", placeholder: "الاسم الكريم", required: true },
        { name: "phone", type: "tel", placeholder: "رقم الهاتف", required: true },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/coffee-cup-restaurant-s-table_74190-10275.jpg"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="مأكولات نور فاطمة"
      columns={[
        {
          title: "روابط سريعة",          items: [
            { label: "الرئيسية", href: "#hero" },
            { label: "منيو", href: "#menu" },
          ],
        },
        {
          title: "اتصل بنا",          items: [
            { label: "واتساب", href: "#" },
            { label: "إنستغرام", href: "#" },
          ],
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}