Update src/app/page.tsx

2026-05-08 22:35:18 +00:00
1 changed files with 50 additions and 169 deletions
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
-          name: "الرئيسية",
-          id: "#hero",
-        },
+          name: "الرئيسية",          id: "#hero"},
        {
-          name: "عن المطعم",
-          id: "#about",
-        },
+          name: "عن المطعم",          id: "#about"},
        {
-          name: "القائمة",
-          id: "#products",
-        },
+          name: "القائمة",          id: "#products"},
        {
-          name: "آراء العملاء",
-          id: "#testimonials",
-        },
+          name: "آراء العملاء",          id: "#testimonials"},
        {
-          name: "اتصل بنا",
-          id: "#contact",
-        },
+          name: "اتصل بنا",          id: "#contact"},
      ]}
      brandName="مطعم البركة البخاري"
    />
@@ -59,66 +49,43 @@ export default function LandingPage() {
  <div id="hero" data-section="hero">
      <HeroSplit
      background={{
-        variant: "plain",
-      }}
+        variant: "plain"}}
      title="مذاق الأصالة في كل طبق"
      description="استمتع بأشهى أطباق الأرز البخاري المحضر بعناية، باستخدام أفضل المكونات الطازجة والتوابل التقليدية التي تأخذك في رحلة إلى عالم النكهات الأصيلة."
      buttons={[
        {
-          text: "اكتشف قائمتنا",
-          href: "#products",
-        },
+          text: "اكتشف قائمتنا",          href: "#products"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=oj5hav"
      mediaAnimation="slide-up"
      avatars={[
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q6lnqj",
-          alt: "happy diner restaurant meal",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q6lnqj",          alt: "happy diner restaurant meal"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aei6uk",
-          alt: "customer enjoyment restaurant dining",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aei6uk",          alt: "customer enjoyment restaurant dining"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l18mqh",
-          alt: "professional reviewer restaurant food",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l18mqh",          alt: "professional reviewer restaurant food"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqnhua",
-          alt: "happy diner restaurant meal",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqnhua",          alt: "happy diner restaurant meal"},
        {
-          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhn2tu",
-          alt: "customer enjoyment restaurant dining",
-        },
+          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhn2tu",          alt: "customer enjoyment restaurant dining"},
      ]}
      avatarText="أكثر من ١٠٠٠ عميل سعيد"
      marqueeItems={[
        {
-          type: "text-icon",
-          text: "طعم أصيل",
-          icon: Flame,
+          type: "text-icon",          text: "طعم أصيل",          icon: Flame,
        },
        {
-          type: "text-icon",
-          text: "خدمة سريعة",
-          icon: Clock,
+          type: "text-icon",          text: "خدمة سريعة",          icon: Clock,
        },
        {
-          type: "text-icon",
-          text: "جودة عالية",
-          icon: Award,
+          type: "text-icon",          text: "جودة عالية",          icon: Award,
        },
        {
-          type: "text-icon",
-          text: "مكونات طازجة",
-          icon: Leaf,
+          type: "text-icon",          text: "مكونات طازجة",          icon: Leaf,
        },
        {
-          type: "text-icon",
-          text: "جلسات عائلية",
-          icon: Users,
+          type: "text-icon",          text: "جلسات عائلية",          icon: Users,
        },
      ]}
    />
@@ -131,17 +98,11 @@ export default function LandingPage() {
      description="منذ افتتاحنا، ونحن نسعى لتقديم تجربة طعام فريدة تجمع بين التقاليد العريقة والخدمة المتميزة، لنوفر لعملائنا أفضل أطباق الأرز البخاري في المدينة."
      metrics={[
        {
-          value: "10+",
-          title: "سنوات من الخبرة",
-        },
+          value: "10+",          title: "سنوات من الخبرة"},
        {
-          value: "1000+",
-          title: "عميل سعيد",
-        },
+          value: "1000+",          title: "عميل سعيد"},
        {
-          value: "50+",
-          title: "طبق متنوع",
-        },
+          value: "50+",          title: "طبق متنوع"},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=dfuzyd"
      mediaAnimation="blur-reveal"
@@ -157,41 +118,21 @@ export default function LandingPage() {
      useInvertedBackground={false}
      products={[
        {
-          id: "p1",
-          name: "بخاري دجاج",
-          price: "٢٥ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uwaa0k",
-        },
+          id: "p1",          name: "بخاري دجاج",          price: "٢٥ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=uwaa0k"},
        {
-          id: "p2",
-          name: "بخاري لحم",
-          price: "٣٥ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mryja7",
-        },
+          id: "p2",          name: "بخاري لحم",          price: "٣٥ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mryja7"},
        {
-          id: "p3",
-          name: "مشويات مشكلة",
-          price: "٤٥ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2marmk",
-        },
+          id: "p3",          name: "مشويات مشكلة",          price: "٤٥ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2marmk"},
        {
-          id: "p4",
-          name: "بخاري دجاج شواية",
-          price: "٢٢ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=do13gk",
-        },
+          id: "p4",          name: "بخاري دجاج شواية",          price: "٢٢ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=do13gk"},
        {
-          id: "p5",
-          name: "كباب دجاج",
-          price: "٢٨ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m93nch",
-        },
+          id: "p5",          name: "كباب دجاج",          price: "٢٨ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=m93nch"},
        {
-          id: "p6",
-          name: "مقبلات متنوعة",
-          price: "١٥ ريال",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dhjm9",
-        },
+          id: "p6",          name: "مقبلات متنوعة",          price: "١٥ ريال",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=5dhjm9"},
+      ]}
+      buttons={[
+        {
+          text: "اطلب عبر تطبيقات التوصيل",          href: "#contact"}
      ]}
      title="قائمة مأكولاتنا الشهية"
      description="اكتشف تشكيلتنا المختارة بعناية من أطباق الأرز البخاري الشهيرة والمقبلات الطازجة."
@@ -206,19 +147,13 @@ export default function LandingPage() {
      features={[
        {
          icon: Flame,
-          title: "مكونات طازجة",
-          description: "نختار أجود أنواع اللحوم والأرز يومياً.",
-        },
+          title: "مكونات طازجة",          description: "نختار أجود أنواع اللحوم والأرز يومياً."},
        {
          icon: Clock,
-          title: "سرعة الخدمة",
-          description: "تلبية طلباتكم بأسرع وقت ممكن وباحترافية.",
-        },
+          title: "سرعة الخدمة",          description: "تلبية طلباتكم بأسرع وقت ممكن وباحترافية."},
        {
          icon: Award,
-          title: "جودة عالية",
-          description: "نلتزم بأعلى معايير النظافة والجودة في مطبخنا.",
-        },
+          title: "جودة عالية",          description: "نلتزم بأعلى معايير النظافة والجودة في مطبخنا."},
      ]}
      title="لماذا تختار البركة؟"
      description="نحن نهتم بأدق التفاصيل لضمان تقديم تجربة طعام استثنائية."
@@ -232,40 +167,15 @@ export default function LandingPage() {
      useInvertedBackground={false}
      testimonials={[
        {
-          id: "1",
-          name: "محمد أحمد",
-          handle: "@mohammed",
-          testimonial: "أفضل بخاري دجاج في المدينة، النكهة خيالية!",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q6lnqj",
-        },
+          id: "1",          name: "محمد أحمد",          handle: "@mohammed",          testimonial: "أفضل بخاري دجاج في المدينة، النكهة خيالية!",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=q6lnqj"},
        {
-          id: "2",
-          name: "سارة خالد",
-          handle: "@sarah",
-          testimonial: "خدمة ممتازة وطعام طازج دائماً، أنصح به بشدة.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aei6uk",
-        },
+          id: "2",          name: "سارة خالد",          handle: "@sarah",          testimonial: "خدمة ممتازة وطعام طازج دائماً، أنصح به بشدة.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aei6uk"},
        {
-          id: "3",
-          name: "عبدالله فهد",
-          handle: "@abdullah",
-          testimonial: "الطعم أصيل والأسعار جداً مناسبة لكل العائلة.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l18mqh",
-        },
+          id: "3",          name: "عبدالله فهد",          handle: "@abdullah",          testimonial: "الطعم أصيل والأسعار جداً مناسبة لكل العائلة.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=l18mqh"},
        {
-          id: "4",
-          name: "نورة منصور",
-          handle: "@noura",
-          testimonial: "نظام الطلبات سريع والتقديم رائع جداً.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqnhua",
-        },
+          id: "4",          name: "نورة منصور",          handle: "@noura",          testimonial: "نظام الطلبات سريع والتقديم رائع جداً.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=pqnhua"},
        {
-          id: "5",
-          name: "خالد عمر",
-          handle: "@khalid",
-          testimonial: "وجبة مثالية بعد يوم عمل طويل وشاق.",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhn2tu",
-        },
+          id: "5",          name: "خالد عمر",          handle: "@khalid",          testimonial: "وجبة مثالية بعد يوم عمل طويل وشاق.",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=mhn2tu"},
      ]}
      title="ماذا يقول عملاؤنا"
      description="نسعد بخدمة الآلاف من العملاء الذين يستمتعون بوجباتنا."
@@ -278,20 +188,11 @@ export default function LandingPage() {
      useInvertedBackground={true}
      faqs={[
        {
-          id: "q1",
-          title: "هل يوجد توصيل للمنازل؟",
-          content: "نعم، نوفر خدمة التوصيل السريع عبر تطبيقات التوصيل المعروفة.",
-        },
+          id: "q1",          title: "هل يوجد توصيل للمنازل؟",          content: "نعم، نوفر خدمة التوصيل السريع عبر تطبيقات التوصيل المعروفة."},
        {
-          id: "q2",
-          title: "هل لديكم أماكن للعائلات؟",
-          content: "نعم، نوفر جلسات مريحة وخصوصية تامة للعائلات.",
-        },
+          id: "q2",          title: "هل لديكم أماكن للعائلات؟",          content: "نعم، نوفر جلسات مريحة وخصوصية تامة للعائلات."},
        {
-          id: "q3",
-          title: "هل تستخدمون زيوت صحية؟",
-          content: "نعم، نستخدم أجود أنواع الزيوت النباتية وبمعايير صحية صارمة.",
-        },
+          id: "q3",          title: "هل تستخدمون زيوت صحية؟",          content: "نعم، نستخدم أجود أنواع الزيوت النباتية وبمعايير صحية صارمة."},
      ]}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=nff9ow"
      title="الأسئلة المتكررة"
@@ -307,22 +208,14 @@ export default function LandingPage() {
      description="نحن هنا لخدمتكم، لا تترددوا في إرسال استفساراتكم أو اقتراحاتكم."
      inputs={[
        {
-          name: "name",
-          type: "text",
-          placeholder: "الاسم الكامل",
-          required: true,
+          name: "name",          type: "text",          placeholder: "الاسم الكامل",          required: true,
        },
        {
-          name: "email",
-          type: "email",
-          placeholder: "البريد الإلكتروني",
-          required: true,
+          name: "email",          type: "email",          placeholder: "البريد الإلكتروني",          required: true,
        },
      ]}
      textarea={{
-        name: "message",
-        placeholder: "رسالتك",
-        rows: 4,
+        name: "message",        placeholder: "رسالتك",        rows: 4,
      }}
      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=it32lp"
    />
@@ -334,37 +227,25 @@ export default function LandingPage() {
        {
          items: [
            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
+              label: "الرئيسية",              href: "#hero"},
            {
-              label: "عن المطعم",
-              href: "#about",
-            },
+              label: "عن المطعم",              href: "#about"},
          ],
        },
        {
          items: [
            {
-              label: "القائمة",
-              href: "#products",
-            },
+              label: "القائمة",              href: "#products"},
            {
-              label: "اتصل بنا",
-              href: "#contact",
-            },
+              label: "اتصل بنا",              href: "#contact"},
          ],
        },
        {
          items: [
            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
+              label: "سياسة الخصوصية",              href: "#"},
            {
-              label: "الشروط والأحكام",
-              href: "#",
-            },
+              label: "الشروط والأحكام",              href: "#"},
          ],
        },
      ]}