From f221563cfdb1699e738b7c4a1f51e6955499b9ac Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 11 May 2026 14:26:19 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 525 ++++++++++++++---------------------------------
 1 file changed, 149 insertions(+), 376 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index 3c1bd75..b1031b0 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,17 +2,17 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import AboutMetric from '@/components/sections/about/AboutMetric';
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactCenter from '@/components/sections/contact/ContactCenter';
-import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
-import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
-import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
-import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import AboutMetric from '@/components/sections/about/AboutMetric';
+import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
+import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
+import BlogCardThree from '@/components/sections/blog/BlogCardThree';
 import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
-import { Award, Code, Lightbulb, PenTool, Rocket, TrendingUp } from "lucide-react";
+import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
+import { Rocket, Lightbulb, Award, Code, PenTool, TrendingUp } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,382 +29,155 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "#hero",
-        },
-        {
-          name: "عني",
-          id: "#about",
-        },
-        {
-          name: "الإنجازات",
-          id: "#achievements",
-        },
-        {
-          name: "تواصل",
-          id: "#contact",
-        },
-      ]}
-      brandName="أناس المعتصيم"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            navItems={[
+              { name: "الرئيسية", id: "#hero" },
+              { name: "عني", id: "#about" },
+              { name: "الإنجازات", id: "#achievements" },
+              { name: "تواصل", id: "#contact" }
+            ]}
+            brandName="أناس المعتصيم"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroSplitKpi
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      title="أناس المعتصيم"
-      description="رائد أعمال رقمي • صانع محتوى • مؤسس عالم النجاح"
-      kpis={[
-        {
-          value: "100K+",
-          label: "متابع",
-        },
-        {
-          value: "50+",
-          label: "مشروع",
-        },
-        {
-          value: "10k+",
-          label: "طالب",
-        },
-      ]}
-      enableKpiAnimation={true}
-      buttons={[
-        {
-          text: "ابدأ الرحلة",
-          href: "#contact",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1338.jpg"
-      mediaAnimation="slide-up"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",
-          alt: "Client 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/older-business-woman-working-laptop-smartphone-while-having-coffee_23-2148661240.jpg",
-          alt: "Client 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg",
-          alt: "Client 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg",
-          alt: "Client 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
-          alt: "Client 5",
-        },
-      ]}
-      avatarText="انضم إلى مجتمع المبدعين"
-      marqueeItems={[
-        {
-          type: "text-icon",
-          text: "ذكاء اصطناعي",
-          icon: Lightbulb,
-        },
-        {
-          type: "text-icon",
-          text: "ريادة أعمال",
-          icon: Rocket,
-        },
-        {
-          type: "text-icon",
-          text: "صناعة محتوى",
-          icon: PenTool,
-        },
-        {
-          type: "text-icon",
-          text: "تسويق رقمي",
-          icon: TrendingUp,
-        },
-        {
-          type: "text-icon",
-          text: "برمجة ويب",
-          icon: Code,
-        },
-      ]}
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
+            background={{ variant: "sparkles-gradient" }}
+            title="أناس المعتصيم"
+            description="رائد أعمال رقمي • صانع محتوى • مؤسس عالم النجاح"
+            kpis={[
+              { value: "100K+", label: "متابع" },
+              { value: "50+", label: "مشروع" },
+              { value: "10k+", label: "طالب" }
+            ]}
+            enableKpiAnimation={true}
+            buttons={[{ text: "ابدأ الرحلة", href: "#contact" }]}
+            imageSrc="http://img.b2bpic.net/free-photo/girl-posing-with-board_1321-1338.jpg"
+            mediaAnimation="slide-up"
+            avatars={[
+              { src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg", alt: "Client 1" },
+              { src: "http://img.b2bpic.net/free-photo/older-business-woman-working-laptop-smartphone-while-having-coffee_23-2148661240.jpg", alt: "Client 2" },
+              { src: "http://img.b2bpic.net/free-photo/closeup-happy-senior-businessman-with-flipchart_1262-1744.jpg", alt: "Client 3" },
+              { src: "http://img.b2bpic.net/free-photo/successful-man-pointing-camera-with-finger_1262-3118.jpg", alt: "Client 4" },
+              { src: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", alt: "Client 5" }
+            ]}
+            avatarText="انضم إلى مجتمع المبدعين"
+            marqueeItems={[
+              { type: "text-icon", text: "ذكاء اصطناعي", icon: Lightbulb },
+              { type: "text-icon", text: "ريادة أعمال", icon: Rocket },
+              { type: "text-icon", text: "صناعة محتوى", icon: PenTool },
+              { type: "text-icon", text: "تسويق رقمي", icon: TrendingUp },
+              { type: "text-icon", text: "برمجة ويب", icon: Code }
+            ]}
+          />
+        </div>
 
-  <div id="about" data-section="about">
-      <AboutMetric
-      useInvertedBackground={false}
-      title="من هو أناس المعتصيم؟"
-      metrics={[
-        {
-          icon: Rocket,
-          label: "الرؤية",
-          value: "طموح عالمي",
-        },
-        {
-          icon: Lightbulb,
-          label: "التخصص",
-          value: "ذكاء اصطناعي",
-        },
-        {
-          icon: Award,
-          label: "التأثير",
-          value: "صناعة محتوى",
-        },
-      ]}
-      metricsAnimation="blur-reveal"
-    />
-  </div>
+        <div id="about" data-section="about">
+          <AboutMetric
+            useInvertedBackground={false}
+            title="من هو أناس المعتصيم؟"
+            metrics={[
+              { icon: Rocket, label: "الرؤية", value: "طموح عالمي" },
+              { icon: Lightbulb, label: "التخصص", value: "ذكاء اصطناعي" },
+              { icon: Award, label: "التأثير", value: "صناعة محتوى" }
+            ]}
+            metricsAnimation="blur-reveal"
+          />
+        </div>
 
-  <div id="achievements" data-section="achievements">
-      <FeatureCardSixteen
-      animationType="depth-3d"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      negativeCard={{
-        items: [
-          "تطوير مشاريع تقنية ذكية",
-          "تقديم استشارات استراتيجية",
-          "بناء مجتمع تعليمي تفاعلي",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "تأسيس منصة عالم النجاح",
-          "إطلاق برامج تعليمية رقمية",
-          "دعم رواد الأعمال الناشئين",
-        ],
-      }}
-      title="إنجازات عالم النجاح"
-      description="نحن نبني جيلاً من القادة الرقميين"
-    />
-  </div>
+        <div id="achievements" data-section="achievements">
+          <FeatureCardSixteen
+            animationType="depth-3d"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            negativeCard={{ items: ["تطوير مشاريع تقنية ذكية", "تقديم استشارات استراتيجية", "بناء مجتمع تعليمي تفاعلي"] }}
+            positiveCard={{ items: ["تأسيس منصة عالم النجاح", "إطلاق برامج تعليمية رقمية", "دعم رواد الأعمال الناشئين"] }}
+            title="إنجازات عالم النجاح"
+            description="نحن نبني جيلاً من القادة الرقميين"
+          />
+        </div>
 
-  <div id="skills" data-section="skills">
-      <MetricCardSeven
-      animationType="scale-rotate"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "s1",
-          value: "95%",
-          title: "الذكاء الاصطناعي",
-          items: [
-            "Automation",
-            "LLMs",
-            "Data",
-          ],
-        },
-        {
-          id: "s2",
-          value: "90%",
-          title: "صناعة المحتوى",
-          items: [
-            "Video",
-            "Storytelling",
-            "Editing",
-          ],
-        },
-        {
-          id: "s3",
-          value: "85%",
-          title: "التسويق الرقمي",
-          items: [
-            "SEO",
-            "Performance",
-            "Strategy",
-          ],
-        },
-        {
-          id: "s4",
-          value: "80%",
-          title: "البرمجة",
-          items: [
-            "Next.js",
-            "React",
-            "Node",
-          ],
-        },
-      ]}
-      title="المهارات الرقمية"
-      description="أدواتي لبناء المستقبل الرقمي"
-    />
-  </div>
+        <div id="skills" data-section="skills">
+          <MetricCardSeven
+            animationType="scale-rotate"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "s1", value: "95%", title: "الذكاء الاصطناعي", items: ["Automation", "LLMs", "Data"] },
+              { id: "s2", value: "90%", title: "صناعة المحتوى", items: ["Video", "Storytelling", "Editing"] },
+              { id: "s3", value: "85%", title: "التسويق الرقمي", items: ["SEO", "Performance", "Strategy"] },
+              { id: "s4", value: "80%", title: "البرمجة", items: ["Next.js", "React", "Node"] }
+            ]}
+            title="المهارات الرقمية"
+            description="أدواتي لبناء المستقبل الرقمي"
+          />
+        </div>
 
-  <div id="videos" data-section="videos">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      title="المكتبة المرئية"
-      description="شاهد أحدث الدروس والدروس المستفادة"
-      blogs={[
-        {
-          id: "v1",
-          category: "تقنية",
-          title: "مستقبل الذكاء الاصطناعي",
-          excerpt: "كيف سيغير AI حياتك المهنية؟",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg",
-          authorName: "أناس المعتصيم",
-          authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg",
-          date: "2024",
-        },
-        {
-          id: "v2",
-          category: "ريادة",
-          title: "عقلية المليونير",
-          excerpt: "اسرار نجاح المشاريع الرقمية",
-          imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg",
-          authorName: "أناس المعتصيم",
-          authorAvatar: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg",
-          date: "2024",
-        },
-        {
-          id: "v3",
-          category: "صناعة محتوى",
-          title: "كيف تبدأ من الصفر",
-          excerpt: "دليل صناعة المحتوى الشامل",
-          imageSrc: "http://img.b2bpic.net/free-photo/digital-low-poly-abstract-background-with-connecting-lines-dots_1048-6337.jpg",
-          authorName: "أناس المعتصيم",
-          authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg",
-          date: "2024",
-        },
-      ]}
-    />
-  </div>
+        <div id="videos" data-section="videos">
+          <BlogCardThree
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            title="المكتبة المرئية"
+            description="شاهد أحدث الدروس والدروس المستفادة"
+            blogs={[
+              { id: "v1", category: "تقنية", title: "مستقبل الذكاء الاصطناعي", excerpt: "كيف سيغير AI حياتك المهنية؟", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-science-fiction-tunnel-corridor-with-lines-neon-blue-red-lights_181624-26525.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/close-up-portrait-handsome-man-black-shirt-poses-against-dark-background-standing-studio_613910-15100.jpg", date: "2024" },
+              { id: "v2", category: "ريادة", title: "عقلية المليونير", excerpt: "اسرار نجاح المشاريع الرقمية", imageSrc: "http://img.b2bpic.net/free-photo/abstract-swirl-background_1017-2756.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/confident-businessman_1098-16876.jpg", date: "2024" },
+              { id: "v3", category: "صناعة محتوى", title: "كيف تبدأ من الصفر", excerpt: "دليل صناعة المحتوى الشامل", imageSrc: "http://img.b2bpic.net/free-photo/digital-low-poly-abstract-background-with-connecting-lines-dots_1048-6337.jpg", authorName: "أناس المعتصيم", authorAvatar: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-5596.jpg", date: "2024" }
+            ]}
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardThirteen
-      animationType="depth-3d"
-      textboxLayout="split"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          name: "سارة أحمد",
-          handle: "@sarah_dev",
-          testimonial: "أناس غيّر نظرتي للعمل الحر بشكل كامل.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg",
-        },
-        {
-          id: "2",
-          name: "أحمد خليل",
-          handle: "@khalil_biz",
-          testimonial: "تجربة ملهمة في بناء المشاريع.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg",
-        },
-        {
-          id: "3",
-          name: "منى كمال",
-          handle: "@mona_design",
-          testimonial: "أشكر أناس على كل ما قدمه لنا.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg",
-        },
-        {
-          id: "4",
-          name: "يوسف محمد",
-          handle: "@youssef_tech",
-          testimonial: "أفضل مدرب رقمي قابلته بحياتي.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "5",
-          name: "نورة خالد",
-          handle: "@nora_growth",
-          testimonial: "عالم النجاح هو المنصة التي كنت أحتاجها.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg",
-        },
-      ]}
-      showRating={true}
-      title="ماذا يقول شركاؤنا"
-      description="شهادات المبدعين الذين ساعدناهم"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardThirteen
+            animationType="depth-3d"
+            textboxLayout="split"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "1", name: "سارة أحمد", handle: "@sarah_dev", testimonial: "أناس غيّر نظرتي للعمل الحر بشكل كامل.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/business-person-planning-alternative-energies_23-2149205442.jpg" },
+              { id: "2", name: "أحمد خليل", handle: "@khalil_biz", testimonial: "تجربة ملهمة في بناء المشاريع.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-with-folded-arms-looking-camera_23-2147955314.jpg" },
+              { id: "3", name: "منى كمال", handle: "@mona_design", testimonial: "أشكر أناس على كل ما قدمه لنا.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-sitting-cozy-cafe-bar-using-laptop-computer-looking-aside_342744-945.jpg" },
+              { id: "4", name: "يوسف محمد", handle: "@youssef_tech", testimonial: "أفضل مدرب رقمي قابلته بحياتي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
+              { id: "5", name: "نورة خالد", handle: "@nora_growth", testimonial: "عالم النجاح هو المنصة التي كنت أحتاجها.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/african-american-curly-businesswoman-standing-with-folded-hands-portrait-successful-confident-young-pretty-female-office-employer-suit-posing-work-business-company-management-concept_74855-6735.jpg" }
+            ]}
+            showRating={true}
+            title="ماذا يقول شركاؤنا"
+            description="شهادات المبدعين الذين ساعدناهم"
+          />
+        </div>
 
-  <div id="social-proof" data-section="social-proof">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={true}
-      names={[
-        "Google",
-        "Microsoft",
-        "Meta",
-        "Amazon",
-        "Twitter",
-        "LinkedIn",
-        "Apple",
-      ]}
-      title="نتواجد في"
-      description="منصات عالمية تتبنى رؤيتنا"
-    />
-  </div>
+        <div id="social-proof" data-section="social-proof">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={true}
+            names={["Google", "Microsoft", "Meta", "Amazon", "Twitter", "LinkedIn", "Apple"]}
+            title="نتواجد في"
+            description="منصات عالمية تتبنى رؤيتنا"
+          />
+        </div>
 
-  <div id="contact" data-section="contact">
-      <ContactCenter
-      useInvertedBackground={false}
-      background={{
-        variant: "rotated-rays-animated",
-      }}
-      tag="تواصل معي"
-      title="لنبدأ رحلتك نحو القمة"
-      description="أرسل بريدك لنبقيك على اطلاع بأحدث الإنجازات والدروس"
-    />
-  </div>
+        <div id="contact" data-section="contact">
+          <ContactCenter
+            useInvertedBackground={false}
+            background={{ variant: "rotated-rays-animated" }}
+            tag="تواصل معي"
+            title="لنبدأ رحلتك نحو القمة"
+            description="أرسل بريدك لنبقيك على اطلاع بأحدث الإنجازات والدروس"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBaseReveal
-      logoText="أناس المعتصيم"
-      columns={[
-        {
-          title: "الشركة",
-          items: [
-            {
-              label: "عن أناس",
-              href: "#about",
-            },
-            {
-              label: "المشاريع",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "الموارد",
-          items: [
-            {
-              label: "المدونة",
-              href: "#",
-            },
-            {
-              label: "الدعم",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "القانونية",
-          items: [
-            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBaseReveal
+            logoText="أناس المعتصيم"
+            columns={[
+              { title: "الشركة", items: [{ label: "عن أناس", href: "#about" }, { label: "المشاريع", href: "#" }] },
+              { title: "الموارد", items: [{ label: "المدونة", href: "#" }, { label: "الدعم", href: "#" }] },
+              { title: "القانونية", items: [{ label: "سياسة الخصوصية", href: "#" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file