Update src/app/page.tsx

src/app/page.tsx

@@ -25,216 +25,96 @@ export default function LandingPage() {
         headingFontWeight="semibold"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "لوحة التحكم",
-          id: "dashboard",
-        },
-        {
-          name: "المؤشرات الرقابية",
-          id: "compliance",
-        },
-        {
-          name: "المخزون",
-          id: "inventory",
-        },
-        {
-          name: "التواصل الميداني",
-          id: "field-ops",
-        },
-      ]}
-      brandName="Green Chain"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+            navItems={[
+              { name: "لوحة التحكم", id: "dashboard" },
+              { name: "المؤشرات الرقابية", id: "compliance" },
+              { name: "المخزون", id: "inventory" },
+              { name: "التواصل الميداني", id: "field-ops" },
+            ]}
+            brandName="Green Chain"
+          />
+        </div>
 
-  <div id="dashboard" data-section="dashboard">
-      <MetricCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "1",
-          title: "عمليات البيع اليوم",
-          value: "12,450",
-          items: [
-            "ارتفاع بنسبة 5% عن أمس",
-          ],
-        },
-        {
-          id: "2",
-          title: "إجمالي المخزون النشط",
-          value: "450k طن",
-          items: [
-            "تغطية للأمن الغذائي بنسبة 98%",
-          ],
-        },
-        {
-          id: "3",
-          title: "المؤسسات النشطة",
-          value: "892",
-          items: [
-            "تاجر جملة ومستورد معتمد",
-          ],
-        },
-      ]}
-      title="ملخص السوق الوطني"
-      description="نظرة عامة على أداء تداول الخضروات والفواكه اللحظي في المملكة."
-    />
-  </div>
+        <div id="dashboard" data-section="dashboard">
+            <MetricCardSeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "1", title: "عمليات البيع اليوم", value: "12,450", items: ["ارتفاع بنسبة 5% عن أمس"] },
+              { id: "2", title: "إجمالي المخزون النشط", value: "450k طن", items: ["تغطية للأمن الغذائي بنسبة 98%"] },
+              { id: "3", title: "المؤسسات النشطة", value: "892", items: ["تاجر جملة ومستورد معتمد"] },
+            ]}
+            title="ملخص السوق الوطني"
+            description="نظرة عامة على أداء تداول الخضروات والفواكه اللحظي في المملكة."
+          />
+        </div>
 
-  <div id="compliance" data-section="compliance">
-      <FeatureBento
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          title: "احتكار المخزون",
-          description: "تم رصد حالتين احتكار لمخزون هائل لصنف الخيار في السوق المركزي.",
-          bentoComponent: "reveal-icon",
-          icon: AlertTriangle,
-          imageSrc: "http://img.b2bpic.net/free-photo/luxurious-boardroom-space-within-multinational-company-used-meetings_482257-124520.jpg",
-          imageAlt: "professional sales growth chart UI",
-        },
-        {
-          title: "تجاوز معدلات الإتلاف",
-          description: "تنبيه: تم رصد اتلاف 35% من مخزون الطماطم لدى المورد 'ألف' وهو أعلى من الطبيعي.",
-          bentoComponent: "reveal-icon",
-          icon: Trash2,
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-d-logo-template-collection_23-2148904914.jpg?_wi=1",
-          imageAlt: "professional sales growth chart UI",
-        },
-        {
-          title: "مخاطر صلاحية المنتجات",
-          description: "تنبيه: تكدس مخزون يتجاوز فترة الصلاحية لدى تاجر بالمنطقة الشرقية.",
-          bentoComponent: "reveal-icon",
-          icon: Clock,
-          imageSrc: "http://img.b2bpic.net/free-vector/elements-pack-dashboard_23-2148370943.jpg",
-          imageAlt: "professional sales growth chart UI",
-        },
-        {
-          title: "تلاعب الأسعار",
-          description: "رصد شذوذ في أسعار الفواكه المستوردة بما يتجاوز نطاق السوق.",
-          bentoComponent: "reveal-icon",
-          icon: TrendingDown,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ba08od&_wi=1",
-          imageAlt: "professional sales growth chart UI",
-        },
-      ]}
-      title="رادار الأعلام الحمراء الرقابي"
-      description="تنبيهات فورية تعتمد على تحليل البيانات والذكاء الاصطناعي لرصد التجاوزات."
-    />
-  </div>
+        <div id="compliance" data-section="compliance">
+            <FeatureBento
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { title: "احتكار المخزون", description: "تم رصد حالتين احتكار لمخزون هائل لصنف الخيار في السوق المركزي.", bentoComponent: "reveal-icon", icon: AlertTriangle },
+              { title: "تجاوز معدلات الإتلاف", description: "تنبيه: تم رصد اتلاف 35% من مخزون الطماطم لدى المورد 'ألف' وهو أعلى من الطبيعي.", bentoComponent: "reveal-icon", icon: Trash2 },
+              { title: "مخاطر صلاحية المنتجات", description: "تنبيه: تكدس مخزون يتجاوز فترة الصلاحية لدى تاجر بالمنطقة الشرقية.", bentoComponent: "reveal-icon", icon: Clock },
+              { title: "تلاعب الأسعار", description: "رصد شذوذ في أسعار الفواكه المستوردة بما يتجاوز نطاق السوق.", bentoComponent: "reveal-icon", icon: TrendingDown },
+            ]}
+            title="رادار الأعلام الحمراء الرقابي"
+            description="تنبيهات فورية تعتمد على تحليل البيانات والذكاء الاصطناعي لرصد التجاوزات."
+          />
+        </div>
 
-  <div id="inventory" data-section="inventory">
-      <ProductCardThree
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "p1",
-          name: "طماطم (صندوق)",
-          price: "25 ر.س (ارتفاع 2%)",
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-d-logo-template-collection_23-2148904914.jpg?_wi=2",
-        },
-        {
-          id: "p2",
-          name: "خيار (صندوق)",
-          price: "18 ر.س (انخفاض 1%)",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ba08od&_wi=2",
-        },
-        {
-          id: "p3",
-          name: "تفاح مستورد (كرتون)",
-          price: "45 ر.س (ثابت)",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=78ex7b",
-        },
-        {
-          id: "p4",
-          name: "برتقال (كرتون)",
-          price: "30 ر.س (ارتفاع 4%)",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-organic-go-green-icons_53876-43402.jpg",
-        },
-        {
-          id: "p5",
-          name: "بطاطس (كيس)",
-          price: "12 ر.س (ثابت)",
-          imageSrc: "http://img.b2bpic.net/free-vector/logo-template-design_1289-234.jpg",
-        },
-        {
-          id: "p6",
-          name: "بصل (كيس)",
-          price: "15 ر.س (انخفاض 3%)",
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7ejip",
-        },
-      ]}
-      title="أسعار المنتجات اليومية"
-      description="تحديث لحظي لأسعار الأصناف الأكثر مبيعا في السوق المركزي."
-    />
-  </div>
+        <div id="inventory" data-section="inventory">
+            <ProductCardThree
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            animationType="slide-up"
+            useInvertedBackground={false}
+            products={[
+              { id: "p1", name: "طماطم (صندوق)", price: "25 ر.س", imageSrc: "http://img.b2bpic.net/free-vector/flat-design-d-logo-template-collection_23-2148904914.jpg" },
+              { id: "p2", name: "خيار (صندوق)", price: "18 ر.س", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=ba08od" },
+              { id: "p3", name: "تفاح مستورد (كرتون)", price: "45 ر.س", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=78ex7b" },
+              { id: "p4", name: "برتقال (كرتون)", price: "30 ر.س", imageSrc: "http://img.b2bpic.net/free-vector/set-organic-go-green-icons_53876-43402.jpg" },
+              { id: "p5", name: "بطاطس (كيس)", price: "12 ر.س", imageSrc: "http://img.b2bpic.net/free-vector/logo-template-design_1289-234.jpg" },
+              { id: "p6", name: "بصل (كيس)", price: "15 ر.س", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=y7ejip" },
+            ]}
+            title="أسعار المنتجات اليومية"
+            description="تحديث لحظي لأسعار الأصناف الأكثر مبيعا في السوق المركزي."
+          />
+        </div>
 
-  <div id="testimonial" data-section="testimonial">
-      <TestimonialCardThirteen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="آراء وتجارب الشركاء"
-      description="ماذا يقول تجارنا وموردونا عن التحول الرقمي في سلاسل الإمداد."
-      showRating={true}
-      testimonials={[
-        {
-          id: "t1",
-          name: "أحمد السلمي",
-          handle: "@ahmed_agri",
-          testimonial: "ساهمت المنصة بشكل كبير في تنظيم حركة التوريد وتقليل التالف اليومي.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg",
-        },
-        {
-          id: "t2",
-          name: "خالد القحطاني",
-          handle: "@khalid_wholesale",
-          testimonial: "البيانات الآن دقيقة وتصلنا في الوقت المناسب لاتخاذ قرارات الشراء.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg",
-        },
-        {
-          id: "t3",
-          name: "سارة المحمود",
-          handle: "@sara_market",
-          testimonial: "نظام احترافي يعزز الشفافية في الأسواق المحلية بشكل ملموس.",
-          rating: 4,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg",
-        },
-        {
-          id: "t4",
-          name: "محمد العتيبي",
-          handle: "@mohammed_food",
-          testimonial: "تسهيل الإجراءات الرقابية جعل العمل الميداني أكثر فعالية وسرعة.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div id="testimonial" data-section="testimonial">
+            <TestimonialCardThirteen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="آراء وتجارب الشركاء"
+            description="ماذا يقول تجارنا وموردونا عن التحول الرقمي في سلاسل الإمداد."
+            showRating={true}
+            testimonials={[
+              { id: "t1", name: "أحمد السلمي", handle: "@ahmed_agri", testimonial: "ساهمت المنصة بشكل كبير في تنظيم حركة التوريد وتقليل التالف اليومي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg" },
+              { id: "t2", name: "خالد القحطاني", handle: "@khalid_wholesale", testimonial: "البيانات الآن دقيقة وتصلنا في الوقت المناسب لاتخاذ قرارات الشراء.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/desktop-pc-wooden-desk-showcases-infographics-client-reach-data_482257-126353.jpg" },
+              { id: "t3", name: "سارة المحمود", handle: "@sara_market", testimonial: "نظام احترافي يعزز الشفافية في الأسواق المحلية بشكل ملموس.", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/business-chart-visual-graphics-report-concept_53876-167093.jpg" },
+              { id: "t4", name: "محمد العتيبي", handle: "@mohammed_food", testimonial: "تسهيل الإجراءات الرقابية جعل العمل الميداني أكثر فعالية وسرعة.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/modern-equipped-computer-lab_23-2149241207.jpg" },
+            ]}
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "animated-grid",
-      }}
-      title="التواصل مع الفرق الميدانية"
-      description="إرسال توجيهات فورية للفرق الرقابية والميدانية في السوق المركزي."
-      inputPlaceholder="اكتب نص التوجيه للفرق الميدانية..."
-      buttonText="إرسال التوجيه"
-      tag="الدعم الميداني"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+            <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "animated-grid" }}
+            title="التواصل مع الفرق الميدانية"
+            description="إرسال توجيهات فورية للفرق الرقابية والميدانية في السوق المركزي."
+            inputPlaceholder="اكتب نص التوجيه للفرق الميدانية..."
+            buttonText="إرسال التوجيه"
+            tag="الدعم الميداني"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );