From 6f73253606682bd036f2839fb577072f95c1b90f Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sat, 11 Apr 2026 13:37:17 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 333 +++++++++++++----------------------------------
 1 file changed, 87 insertions(+), 246 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f14d325..89bdbee 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,254 +1,95 @@
-"use client";
-
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
-import FooterSimple from '@/components/sections/footer/FooterSimple';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import FeatureHoverPattern from '@/components/sections/feature/featureHoverPattern/FeatureHoverPattern';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
-import { Code, Search, Volume2 } from "lucide-react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterSimple from '@/components/sections/footer/FooterSimple';
+import { Code, Volume2, Search } from 'lucide-react';
+
+export default function Page() {
+  const navItems = [{ name: "الرئيسية", id: "#hero" }, { name: "الخدمات", id: "#services" }, { name: "تواصل", id: "#contact" }];
 
-export default function LandingPage() {
   return (
-    <ThemeProvider
-        defaultButtonVariant="directional-hover"
-        defaultTextAnimation="background-highlight"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="grid"
-        cardStyle="gradient-bordered"
-        primaryButtonStyle="radial-glow"
-        secondaryButtonStyle="glass"
-        headingFontWeight="normal"
-    >
-      <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "hero",
-        },
-        {
-          name: "خدماتي",
-          id: "services",
-        },
-        {
-          name: "آراء العملاء",
-          id: "testimonials",
-        },
-        {
-          name: "تواصل معي",
-          id: "contact",
-        },
-      ]}
-      brandName="مومن مدحت"
-      button={{
-        text: "ابدأ مشروعك",
-        href: "#contact",
-      }}
-    />
-  </div>
-
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
-      description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
-      buttons={[
-        {
-          text: "ابدأ مشروعك الآن",
-          href: "#contact",
-        },
-        {
-          text: "تواصل عبر واتساب",
-          href: "https://wa.me/201095576046",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
-      imageAlt="خبير تسويق رقمي وتطوير مواقع"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="trust" data-section="trust">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "٥٠+",
-          title: "مشاريع ناجحة",
-          description: "مواقع إلكترونية وحملات إعلانية",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg",
-        },
-        {
-          id: "m2",
-          value: "٩٥٪",
-          title: "نسبة رضا العملاء",
-          description: "دعم مستمر واحترافية عالية",
-          imageSrc: "http://img.b2bpic.net/free-photo/female-it-specialist-working-project-sitting-office-with-international-colleagues_197531-4957.jpg",
-        },
-        {
-          id: "m3",
-          value: "٢٤/٧",
-          title: "دعم تقني",
-          description: "جاهز دائماً لمساعدتك",
-          imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg",
-        },
-      ]}
-      title="نتائج حقيقية، أرقام واضحة"
-      description="أعمل بشفافية مطلقة لضمان حصولك على أفضل عائد على الاستثمار."
-    />
-  </div>
-
-  <div id="services" data-section="services">
-      <FeatureHoverPattern
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          icon: Code,
-          title: "تصميم مواقع احترافية",
-          description: "إنشاء موقع إلكتروني متكامل وسريع، يبدأ من 3000 جنيه.",
-        },
-        {
-          icon: Volume2,
-          title: "Media Buying",
-          description: "إدارة حملات إعلانية احترافية لزيادة المبيعات والنتائج.",
-        },
-        {
-          icon: Search,
-          title: "تحسين محركات البحث",
-          description: "ظهور أفضل لموقعك في جوجل لزيادة الزوار والعملاء.",
-        },
-      ]}
-      title="خدماتنا الاحترافية"
-      description="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
-    />
-  </div>
-
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardTen
-      textboxLayout="default"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "1",
-          title: "شراكة ممتازة",
-          quote: "مومن مدحت محترف جداً، حملاتي الإعلانية تغيرت تماماً بفضله.",
-          name: "أحمد علي",
-          role: "صاحب متجر إلكتروني",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg",
-        },
-        {
-          id: "2",
-          title: "تصميم مبهر",
-          quote: "موقع سريع، جميل، وحقق لنا مبيعات من أول أسبوع.",
-          name: "سارة محمود",
-          role: "رائدة أعمال",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg",
-        },
-        {
-          id: "3",
-          title: "نتائج ملموسة",
-          quote: "أفضل خبير تعاملت معه، تركيزه على النتائج حقيقي.",
-          name: "خالد عمر",
-          role: "مدير تسويق",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg",
-        },
-        {
-          id: "4",
-          title: "دعم رائع",
-          quote: "خدمة عملاء ودعم فني لا يعلى عليه.",
-          name: "منى حسن",
-          role: "صاحبة شركة",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg",
-        },
-        {
-          id: "5",
-          title: "ثقة واحترافية",
-          quote: "مومن يضيف قيمة حقيقية لأي بيزنس يعمل معه.",
-          name: "ياسر إبراهيم",
-          role: "مستشار أعمال",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg",
-        },
-      ]}
-      title="ماذا يقول عملاؤنا؟"
-      description="قصص نجاح حقيقية حققناها مع شركاء عملنا."
-    />
-  </div>
-
-  <div id="contact" data-section="contact">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="تواصل معي"
-      title="جاهز تبدأ وتكبر شغلك؟"
-      description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
-      buttons={[
-        {
-          text: "راسلني عبر واتساب",
-          href: "https://wa.me/201095576046",
-        },
-        {
-          text: "مومن مدحت (Email)",
-          href: "mailto:momenmedhat22@gmail.com",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterSimple
-      columns={[
-        {
-          title: "روابط سريعة",
-          items: [
-            {
-              label: "الرئيسية",
-              href: "#hero",
-            },
-            {
-              label: "خدماتي",
-              href: "#services",
-            },
-            {
-              label: "تواصل معي",
-              href: "#contact",
-            },
-          ],
-        },
-        {
-          title: "تواصل",
-          items: [
-            {
-              label: "واتساب",
-              href: "https://wa.me/201095576046",
-            },
-            {
-              label: "momenmedhat22@gmail.com",
-              href: "mailto:momenmedhat22@gmail.com",
-            },
-          ],
-        },
-      ]}
-      bottomLeftText="© 2024 مومن مدحت. جميع الحقوق محفوظة."
-      bottomRightText="تصميم وتطوير الموقع بواسطة مومن مدحت"
-    />
-  </div>
-      </ReactLenis>
+    <ThemeProvider>
+      <div id="nav" data-section="nav">
+        <NavbarLayoutFloatingInline navItems={navItems} brandName="مومن مدحت" />
+      </div>
+      <div id="hero" data-section="hero">
+        <HeroLogoBillboard 
+          background={{ variant: "sparkles-gradient" }}
+          logoText="حوّل أفكارك إلى نتائج حقيقية مع خبير إعلانات وتطوير مواقع"
+          description="أنا مومن مدحت، أساعدك في زيادة مبيعاتك من خلال حملات إعلانية ناجحة ومواقع احترافية."
+          buttons={[{ text: "ابدأ مشروعك الآن", href: "#contact" }, { text: "تواصل عبر واتساب", href: "https://wa.me/201095576046" }]}
+          imageSrc="http://img.b2bpic.net/free-photo/laptop-with-camera-compass-table_23-2148036973.jpg"
+          imageAlt="خبير تسويق رقمي وتطوير مواقع"
+          mediaAnimation="slide-up"
+        />
+      </div>
+      <div id="trust" data-section="trust">
+        <MetricCardEleven 
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={false}
+          metrics={[
+            { id: "m1", value: "٥٠+", title: "مشاريع ناجحة", description: "مواقع إلكترونية وحملات إعلانية", imageSrc: "http://img.b2bpic.net/free-photo/close-up-binary-script-running-pc-monitors_482257-123753.jpg" },
+            { id: "m2", value: "٩٥٪", title: "نسبة رضا العملاء", description: "دعم مستمر واحترافية عالية", imageSrc: "http://img.b2bpic.net/free-photo/female-it-specialist-working-project-sitting-office-with-international-colleagues_197531-4957.jpg" },
+            { id: "m3", value: "٢٤/٧", title: "دعم تقني", description: "جاهز دائماً لمساعدتك", imageSrc: "http://img.b2bpic.net/free-photo/urban-apartment-with-minimalist-home-office-wooden-furniture_482257-120933.jpg" }
+          ]}
+          title="نتائج حقيقية، أرقام واضحة"
+          description="أعمل بشفافية مطلقة لضمان حصولك على أفضل عائد على الاستثمار."
+        />
+      </div>
+      <div id="services" data-section="services">
+        <FeatureHoverPattern
+          animationType="slide-up"
+          textboxLayout="default"
+          useInvertedBackground={true}
+          features={[
+            { icon: Code, title: "تصميم مواقع احترافية", description: "إنشاء موقع إلكتروني متكامل وسريع، يبدأ من 3000 جنيه." },
+            { icon: Volume2, title: "Media Buying", description: "إدارة حملات إعلانية احترافية لزيادة المبيعات والنتائج." },
+            { icon: Search, title: "تحسين محركات البحث", description: "ظهور أفضل لموقعك في جوجل لزيادة الزوار والعملاء." }
+          ]}
+          title="خدماتنا الاحترافية"
+          description="حلول متكاملة لبناء وتوسيع تواجدك الرقمي بأحدث التقنيات."
+        />
+      </div>
+      <div id="testimonials" data-section="testimonials">
+        <TestimonialCardTen 
+          textboxLayout="default"
+          useInvertedBackground={false}
+          testimonials={[
+            { id: "1", title: "شراكة ممتازة", quote: "مومن مدحت محترف جداً، حملاتي الإعلانية تغيرت تماماً بفضله.", name: "أحمد علي", role: "صاحب متجر إلكتروني", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg" },
+            { id: "2", title: "تصميم مبهر", quote: "موقع سريع، جميل، وحقق لنا مبيعات من أول أسبوع.", name: "سارة محمود", role: "رائدة أعمال", imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-resting-relaxing-sitting-cafe-smiling-drinking-coffee_176420-12323.jpg" },
+            { id: "3", title: "نتائج ملموسة", quote: "أفضل خبير تعاملت معه، تركيزه على النتائج حقيقي.", name: "خالد عمر", role: "مدير تسويق", imageSrc: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg" },
+            { id: "4", title: "دعم رائع", quote: "خدمة عملاء ودعم فني لا يعلى عليه.", name: "منى حسن", role: "صاحبة شركة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-man-with-long-hair-dressed-green-jacket_613910-10368.jpg" },
+            { id: "5", title: "ثقة واحترافية", quote: "مومن يضيف قيمة حقيقية لأي بيزنس يعمل معه.", name: "ياسر إبراهيم", role: "مستشار أعمال", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-businessman-walking-near-business-center_171337-19784.jpg" }
+          ]}
+          title="ماذا يقول عملاؤنا؟"
+          description="قصص نجاح حقيقية حققناها مع شركاء عملنا."
+        />
+      </div>
+      <div id="contact" data-section="contact">
+        <ContactCTA
+          tag="تواصل معي"
+          title="جاهز تبدأ وتكبر شغلك؟"
+          description="تواصل معي الآن عبر واتساب أو البريد الإلكتروني للبدء في مشروعك القادم."
+          buttons={[{ text: "راسلني عبر واتساب", href: "https://wa.me/201095576046" }, { text: "مومن مدحت (Email)", href: "mailto:momenmedhat22@gmail.com" }]}
+          useInvertedBackground={true}
+          background={{ variant: "sparkles-gradient" }}
+        />
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple 
+          columns={[
+            { title: "روابط سريعة", items: [{ label: "الرئيسية", href: "#hero" }, { label: "الخدمات", href: "#services" }, { label: "تواصل معي", href: "#contact" }] },
+            { title: "تواصل", items: [{ label: "واتساب", href: "https://wa.me/201095576046" }, { label: "momenmedhat22@gmail.com", href: "mailto:momenmedhat22@gmail.com" }] }
+          ]}
+          bottomLeftText="© 2024 مومن مدحت. جميع الحقوق محفوظة."
+          bottomRightText="تصميم وتطوير الموقع بواسطة مومن مدحت"
+        />
+      </div>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file