Update src/app/page.tsx

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 (
@@ -32,22 +32,10 @@ export default function LandingPage() {
         <div id="nav" data-section="nav">
           <NavbarLayoutFloatingOverlay
             navItems={[
-        {
+              { name: "الرئيسية", id: "#hero" },
-          name: "الرئيسية",
+              { name: "عني", id: "#about" },
-          id: "#hero",
+              { name: "الإنجازات", id: "#achievements" },
-        },
+              { name: "تواصل", id: "#contact" }
-        {
-          name: "عني",
-          id: "#about",
-        },
-        {
-          name: "الإنجازات",
-          id: "#achievements",
-        },
-        {
-          name: "تواصل",
-          id: "#contact",
-        },
             ]}
             brandName="أناس المعتصيم"
           />
@@ -55,83 +43,32 @@ export default function LandingPage() {
 
         <div id="hero" data-section="hero">
           <HeroSplitKpi
-      background={{
+            background={{ variant: "sparkles-gradient" }}
-        variant: "sparkles-gradient",
-      }}
             title="أناس المعتصيم"
             description="رائد أعمال رقمي • صانع محتوى • مؤسس عالم النجاح"
             kpis={[
-        {
+              { value: "100K+", label: "متابع" },
-          value: "100K+",
+              { value: "50+", label: "مشروع" },
-          label: "متابع",
+              { value: "10k+", label: "طالب" }
-        },
-        {
-          value: "50+",
-          label: "مشروع",
-        },
-        {
-          value: "10k+",
-          label: "طالب",
-        },
             ]}
             enableKpiAnimation={true}
-      buttons={[
+            buttons={[{ text: "ابدأ الرحلة", href: "#contact" }]}
-        {
-          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/portrait-happy-confident-young-businessman-with-arm-crossed-holding-mobile-phone-hand_23-2148096508.jpg",
+              { src: "http://img.b2bpic.net/free-photo/older-business-woman-working-laptop-smartphone-while-having-coffee_23-2148661240.jpg", alt: "Client 2" },
-          alt: "Client 1",
+              { 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" }
-          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",
+              { type: "text-icon", text: "ريادة أعمال", icon: Rocket },
-          text: "ذكاء اصطناعي",
+              { type: "text-icon", text: "صناعة محتوى", icon: PenTool },
-          icon: Lightbulb,
+              { type: "text-icon", text: "تسويق رقمي", icon: TrendingUp },
-        },
+              { type: "text-icon", text: "برمجة ويب", icon: Code }
-        {
-          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>
@@ -141,21 +78,9 @@ export default function LandingPage() {
             useInvertedBackground={false}
             title="من هو أناس المعتصيم؟"
             metrics={[
-        {
+              { icon: Rocket, label: "الرؤية", value: "طموح عالمي" },
-          icon: Rocket,
+              { icon: Lightbulb, label: "التخصص", value: "ذكاء اصطناعي" },
-          label: "الرؤية",
+              { icon: Award, label: "التأثير", value: "صناعة محتوى" }
-          value: "طموح عالمي",
-        },
-        {
-          icon: Lightbulb,
-          label: "التخصص",
-          value: "ذكاء اصطناعي",
-        },
-        {
-          icon: Award,
-          label: "التأثير",
-          value: "صناعة محتوى",
-        },
             ]}
             metricsAnimation="blur-reveal"
           />
@@ -166,20 +91,8 @@ export default function LandingPage() {
             animationType="depth-3d"
             textboxLayout="default"
             useInvertedBackground={true}
-      negativeCard={{
+            negativeCard={{ items: ["تطوير مشاريع تقنية ذكية", "تقديم استشارات استراتيجية", "بناء مجتمع تعليمي تفاعلي"] }}
-        items: [
+            positiveCard={{ items: ["تأسيس منصة عالم النجاح", "إطلاق برامج تعليمية رقمية", "دعم رواد الأعمال الناشئين"] }}
-          "تطوير مشاريع تقنية ذكية",
-          "تقديم استشارات استراتيجية",
-          "بناء مجتمع تعليمي تفاعلي",
-        ],
-      }}
-      positiveCard={{
-        items: [
-          "تأسيس منصة عالم النجاح",
-          "إطلاق برامج تعليمية رقمية",
-          "دعم رواد الأعمال الناشئين",
-        ],
-      }}
             title="إنجازات عالم النجاح"
             description="نحن نبني جيلاً من القادة الرقميين"
           />
@@ -191,46 +104,10 @@ export default function LandingPage() {
             textboxLayout="split"
             useInvertedBackground={false}
             metrics={[
-        {
+              { id: "s1", value: "95%", title: "الذكاء الاصطناعي", items: ["Automation", "LLMs", "Data"] },
-          id: "s1",
+              { id: "s2", value: "90%", title: "صناعة المحتوى", items: ["Video", "Storytelling", "Editing"] },
-          value: "95%",
+              { id: "s3", value: "85%", title: "التسويق الرقمي", items: ["SEO", "Performance", "Strategy"] },
-          title: "الذكاء الاصطناعي",
+              { id: "s4", value: "80%", title: "البرمجة", items: ["Next.js", "React", "Node"] }
-          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="أدواتي لبناء المستقبل الرقمي"
@@ -245,36 +122,9 @@ export default function LandingPage() {
             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: "v1",
+              { 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" },
-          category: "تقنية",
+              { 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" }
-          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>
@@ -285,46 +135,11 @@ export default function LandingPage() {
             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: "1",
+              { 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" },
-          name: "سارة أحمد",
+              { 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" },
-          handle: "@sarah_dev",
+              { id: "4", name: "يوسف محمد", handle: "@youssef_tech", testimonial: "أفضل مدرب رقمي قابلته بحياتي.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
-          testimonial: "أناس غيّر نظرتي للعمل الحر بشكل كامل.",
+              { 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" }
-          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="ماذا يقول شركاؤنا"
@@ -336,15 +151,7 @@ export default function LandingPage() {
           <SocialProofOne
             textboxLayout="default"
             useInvertedBackground={true}
-      names={[
+            names={["Google", "Microsoft", "Meta", "Amazon", "Twitter", "LinkedIn", "Apple"]}
-        "Google",
-        "Microsoft",
-        "Meta",
-        "Amazon",
-        "Twitter",
-        "LinkedIn",
-        "Apple",
-      ]}
             title="نتواجد في"
             description="منصات عالمية تتبنى رؤيتنا"
           />
@@ -353,9 +160,7 @@ export default function LandingPage() {
         <div id="contact" data-section="contact">
           <ContactCenter
             useInvertedBackground={false}
-      background={{
+            background={{ variant: "rotated-rays-animated" }}
-        variant: "rotated-rays-animated",
-      }}
             tag="تواصل معي"
             title="لنبدأ رحلتك نحو القمة"
             description="أرسل بريدك لنبقيك على اطلاع بأحدث الإنجازات والدروس"
@@ -366,41 +171,9 @@ export default function LandingPage() {
           <FooterBaseReveal
             logoText="أناس المعتصيم"
             columns={[
-        {
+              { title: "الشركة", items: [{ label: "عن أناس", href: "#about" }, { label: "المشاريع", href: "#" }] },
-          title: "الشركة",
+              { title: "الموارد", items: [{ label: "المدونة", href: "#" }, { label: "الدعم", href: "#" }] },
-          items: [
+              { title: "القانونية", items: [{ label: "سياسة الخصوصية", href: "#" }] }
-            {
-              label: "عن أناس",
-              href: "#about",
-            },
-            {
-              label: "المشاريع",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "الموارد",
-          items: [
-            {
-              label: "المدونة",
-              href: "#",
-            },
-            {
-              label: "الدعم",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "القانونية",
-          items: [
-            {
-              label: "سياسة الخصوصية",
-              href: "#",
-            },
-          ],
-        },
             ]}
           />
         </div>