From 5a6d4f06f95dee1af834f1d3c01c4cf5cdf783ae Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 9 May 2026 03:38:18 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 410 +++++++++++++++--------------------------------
 1 file changed, 130 insertions(+), 280 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 94ffe06..d71bbef 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -28,295 +28,145 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "عن التطبيق",
-          id: "about",
-        },
-        {
-          name: "المميزات",
-          id: "features",
-        },
-        {
-          name: "الأسعار",
-          id: "pricing",
-        },
-        {
-          name: "تواصل معنا",
-          id: "contact",
-        },
-      ]}
-      brandName="مونة البيت"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "الرئيسية", id: "hero" },
+              { name: "عن التطبيق", id: "about" },
+              { name: "المميزات", id: "features" },
+              { name: "الأسعار", id: "pricing" },
+              { name: "تواصل معنا", id: "contact" },
+            ]}
+            brandName="مونة البيت"
+            button={{ text: "ابدأ الآن", href: "#" }}
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroCarouselLogo
-      logoText="مونة البيت"
-      description="تطبيقك الذكي لإدارة مخزون المنزل والمقاضي. وفر جهدك ووقتك، وودع هدر الطعام بذكاء."
-      buttons={[
-        {
-          text: "ابدأ الآن",
-          href: "#",
-        },
-      ]}
-      slides={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1",
-          imageAlt: "تطبيق مونة البيت",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg",
-          imageAlt: "قائمة المقاضي الذكية",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg",
-          imageAlt: "إدارة المخزون",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg",
-          imageAlt: "تنبيهات الانتهاء",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg",
-          imageAlt: "وصفات سعودية",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-muslim-women_23-2149122796.jpg",
-          imageAlt: "تشاركية عائلية",
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroCarouselLogo
+            logoText="مونة البيت"
+            description="تطبيقك الذكي لإدارة مخزون المنزل والمقاضي. وفر جهدك ووقتك، وودع هدر الطعام بذكاء."
+            buttons={[{ text: "ابدأ الآن", href: "#" }]}
+            slides={[
+              { imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg", imageAlt: "تطبيق مونة البيت" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg", imageAlt: "قائمة المقاضي الذكية" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg", imageAlt: "إدارة المخزون" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg", imageAlt: "تنبيهات الانتهاء" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg", imageAlt: "وصفات سعودية" },
+              { imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-muslim-women_23-2149122796.jpg", imageAlt: "تشاركية عائلية" },
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "أكثر من مجرد تطبيق",
-        },
-        {
-          type: "image",
-          src: "http://img.b2bpic.net/free-photo/man-inquires-about-food-ethical-sourcing_482257-76734.jpg",
-          alt: "مخزون المنزل",
-        },
-      ]}
-      buttons={[
-        {
-          text: "اكتشف المزيد",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="about" data-section="about">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[
+              { type: "text", content: "أكثر من مجرد تطبيق" },
+              { type: "image", src: "http://img.b2bpic.net/free-photo/man-inquires-about-food-ethical-sourcing_482257-76734.jpg", alt: "مخزون المنزل" },
+            ]}
+            buttons={[{ text: "اكتشف المزيد", href: "#" }]}
+          />
+        </div>
 
-  <div id="features" data-section="features">
-      <FeatureCardSixteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      negativeCard={{
-        items: [
-          "تكرار الشراء غير الضروري",
-          "هدر المواد الغذائية",
-          "نسيان قائمة المقاضي",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "مخزون منظم دائماً",
-          "قائمة تسوق تشاركية",
-          "تنبيهات ذكية للانتهاء",
-        ],
-      }}
-      title="حل جذري لمشاكل المطبخ"
-      description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
-    />
-  </div>
+        <div id="features" data-section="features">
+          <FeatureCardSixteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            negativeCard={{ items: ["تكرار الشراء غير الضروري", "هدر المواد الغذائية", "نسيان قائمة المقاضي"] }}
+            positiveCard={{ items: ["مخزون منظم دائماً", "قائمة تسوق تشاركية", "تنبيهات ذكية للانتهاء"] }}
+            title="حل جذري لمشاكل المطبخ"
+            description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
+          />
+        </div>
 
-  <div id="metrics" data-section="metrics">
-      <MetricCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "30%",
-          description: "تقليل هدر الطعام",
-        },
-        {
-          id: "m2",
-          value: "15+",
-          description: "عائلة جربت التطبيق",
-        },
-        {
-          id: "m3",
-          value: "95%",
-          description: "رضا المستخدمين",
-        },
-      ]}
-      title="نتائج ملموسة"
-      description="مؤشرات نجاح نعتز بها في تطبيق مونة البيت"
-    />
-  </div>
+        <div id="metrics" data-section="metrics">
+          <MetricCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "30%", description: "تقليل هدر الطعام" },
+              { id: "m2", value: "15+", description: "عائلة جربت التطبيق" },
+              { id: "m3", value: "95%", description: "رضا المستخدمين" },
+            ]}
+            title="نتائج ملموسة"
+            description="مؤشرات نجاح نعتز بها في تطبيق مونة البيت"
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardNine
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "free",
-          title: "خطة التجربة",
-          price: "مجاني",
-          period: "للأبد",
-          features: [
-            "إدارة 20 منتج",
-            "قائمة تسوق فردية",
-          ],
-          button: {
-            text: "ابدأ مجاناً",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-350.jpg",
-          imageAlt: "Table with vegetables and a tablet",
-        },
-        {
-          id: "pro",
-          title: "خطة العائلة",
-          price: "19 ريال",
-          period: "شهرياً",
-          features: [
-            "مخزون غير محدود",
-            "تشاركية عائلية",
-            "تنبيهات ذكية",
-          ],
-          button: {
-            text: "اشترك الآن",
-          },
-          imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=2",
-          imageAlt: "Table with vegetables and a tablet",
-        },
-      ]}
-      title="خطط تناسب عائلتك"
-      description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardNine
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              {
+                id: "free",                title: "خطة التجربة",                price: "مجاني",                period: "للأبد",                features: ["إدارة 20 منتج", "قائمة تسوق فردية"],
+                button: { text: "ابدأ مجاناً" },
+                imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-350.jpg",                imageAlt: "Table with vegetables and a tablet"},
+              {
+                id: "pro",                title: "خطة العائلة",                price: "19 ريال",                period: "شهرياً",                features: ["مخزون غير محدود", "تشاركية عائلية", "تنبيهات ذكية"],
+                button: { text: "اشترك الآن" },
+                imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg",                imageAlt: "Table with vegetables and a tablet"},
+            ]}
+            title="خطط تناسب عائلتك"
+            description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "سارة محمد",
-          handle: "@sarah_m",
-          testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg",
-        },
-        {
-          id: "2",
-          name: "عبدالله خالد",
-          handle: "@abdullah_k",
-          testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg",
-        },
-        {
-          id: "3",
-          name: "أم محمد",
-          handle: "@om_mohammed",
-          testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg",
-        },
-        {
-          id: "4",
-          name: "أحمد سعد",
-          handle: "@ahmed_s",
-          testimonial: "تجربة رائعة وتشاركية فعالة جداً.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg",
-        },
-        {
-          id: "5",
-          name: "فاطمة عيسى",
-          handle: "@fatima_e",
-          testimonial: "تنبيهات الانتهاء منقذة فعلاً.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197971.jpg",
-        },
-      ]}
-      showRating={true}
-      title="آراء مستخدمينا"
-      description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "سارة محمد", handle: "@sarah_m", testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg" },
+              { id: "2", name: "عبدالله خالد", handle: "@abdullah_k", testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg" },
+              { id: "3", name: "أم محمد", handle: "@om_mohammed", testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg" },
+              { id: "4", name: "أحمد سعد", handle: "@ahmed_s", testimonial: "تجربة رائعة وتشاركية فعالة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg" },
+              { id: "5", name: "فاطمة عيسى", handle: "@fatima_e", testimonial: "تنبيهات الانتهاء منقذة فعلاً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197971.jpg" },
+            ]}
+            showRating={true}
+            title="آراء مستخدمينا"
+            description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
+          />
+        </div>
 
-  <div id="faq" data-section="faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={false}
-      faqs={[
-        {
-          id: "q1",
-          title: "هل التطبيق يدعم الباركود؟",
-          content: "نعم، ندعم مسح الباركود للمنتجات بسهولة.",
-        },
-        {
-          id: "q2",
-          title: "كيف أشارك القائمة مع عائلتي؟",
-          content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة.",
-        },
-        {
-          id: "q3",
-          title: "هل التطبيق مجاني؟",
-          content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة.",
-        },
-      ]}
-      title="أسئلة شائعة"
-      description="إجابات على أهم تساؤلاتكم"
-      faqsAnimation="slide-up"
-    />
-  </div>
+        <div id="faq" data-section="faq">
+          <FaqBase
+            textboxLayout="default"
+            useInvertedBackground={false}
+            faqs={[
+              { id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
+              { id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
+              { id: "q3", title: "هل التطبيق مجاني؟", content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة." },
+            ]}
+            title="أسئلة شائعة"
+            description="إجابات على أهم تساؤلاتكم"
+            faqsAnimation="slide-up"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "plain",
-      }}
-      tag="تواصل معنا"
-      title="هل لديك اقتراحات؟"
-      description="نسعد دائماً بسماع آرائكم لتطوير مونة البيت"
-      buttons={[
-        {
-          text: "أرسل رسالة",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{ variant: "plain" }}
+            tag="تواصل معنا"
+            title="هل لديك اقتراحات؟"
+            description="نسعد دائماً بسماع آرائكم لتطوير مونة البيت"
+            buttons={[{ text: "أرسل رسالة", href: "#" }]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoText="مونة البيت"
-      copyrightText="© 2026 مونة البيت | جميع الحقوق محفوظة"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoText="مونة البيت"
+            copyrightText="© 2026 مونة البيت | جميع الحقوق محفوظة"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1