From 38661656ba39fff49973dcd4d1b2a40f55a7b5b3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Thu, 14 May 2026 15:24:02 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 490 ++++++++++++++---------------------------------
 1 file changed, 139 insertions(+), 351 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7cf7c3..7e64a94 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -16,368 +16,156 @@ import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCar
 export default function LandingPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="text-shift"
-        defaultTextAnimation="entrance-slide"
-        borderRadius="pill"
+      defaultButtonVariant="text-shift"
+      defaultTextAnimation="entrance-slide"
+      borderRadius="pill"
+      contentWidth="medium"
+      sizing="medium"
+      background="circleGradient"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="gradient"
+      secondaryButtonStyle="glass"
+      headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "للموكلين",
-          id: "#how-it-works",
-        },
-        {
-          name: "للمحامين",
-          id: "#lawyers",
-        },
-        {
-          name: "الباقات",
-          id: "#pricing",
-        },
-        {
-          name: "عن أتعاب",
-          id: "#about",
-        },
-      ]}
-      button={{
-        text: "سجّل كمحامي",
-        href: "#contact",
-      }}
-      brandName="ATAAP"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "للموكلين", id: "#how-it-works" },
+              { name: "للمحامين", id: "#lawyers" },
+              { name: "الباقات", id: "#pricing" },
+              { name: "عن أتعاب", id: "#about" },
+            ]}
+            button={{ text: "سجّل كمحامي", href: "#contact" }}
+            brandName="ATAAP"
+          />
+        </div>
 
-  <div id="hero" data-section="hero">
-      <HeroLogoBillboard
-      background={{
-        variant: "canvas-reveal",
-      }}
-      logoText="ATAAP"
-      description="ابحث عن محاميك المناسب بكل ثقة وشفافية. أتعاب تربطك بمحامين موثوقين في مصر بأسعار واضحة."
-      buttons={[
-        {
-          text: "ابحث الآن",
-          href: "#how-it-works",
-        },
-        {
-          text: "سجّل كمحامي",
-          href: "#contact",
-        },
-      ]}
-      mediaAnimation="slide-up"
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg"
-      imageAlt="Abstract 3D podium with lighting gold color on a yellow background"
-    />
-  </div>
+        <div id="hero" data-section="hero">
+          <HeroLogoBillboard
+            background={{ variant: "canvas-reveal" }}
+            logoText="ATAAP"
+            description="ابحث عن محاميك المناسب بكل ثقة وشفافية. أتعاب تربطك بمحامين موثوقين في مصر بأسعار واضحة."
+            buttons={[
+              { text: "ابحث الآن", href: "#how-it-works" },
+              { text: "سجّل كمحامي", href: "#contact" },
+            ]}
+            mediaAnimation="slide-up"
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112769.jpg"
+            imageAlt="Abstract 3D podium with lighting gold color on a yellow background"
+          />
+        </div>
 
-  <div id="trust" data-section="trust">
-      <SocialProofOne
-      textboxLayout="default"
-      useInvertedBackground={false}
-      names={[
-        "Escrow مؤمّن",
-        "محامين موثقين",
-        "تقييمات حقيقية",
-        "AI 24/7",
-        "استشارات قانونية",
-        "دعم فني",
-      ]}
-      title="لماذا تختار أتعاب؟"
-      description="معايير الجودة والشفافية في عالم القانون"
-    />
-  </div>
+        <div id="trust" data-section="trust">
+          <SocialProofOne
+            textboxLayout="default"
+            useInvertedBackground={false}
+            names={["Escrow مؤمّن", "محامين موثوقين", "تقييمات حقيقية", "AI 24/7", "استشارات قانونية", "دعم فني"]}
+            title="لماذا تختار أتعاب؟"
+            description="معايير الجودة والشفافية في عالم القانون"
+          />
+        </div>
 
-  <div id="steps" data-section="steps">
-      <FeatureCardTwentySeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "s1",
-          title: "ابحث",
-          descriptions: [
-            "تصفح آلاف المحامين المعتمدين في مصر",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100716.jpg",
-        },
-        {
-          id: "s2",
-          title: "AI مجاني",
-          descriptions: [
-            "تحليل قانوني فوري لمشكلتك عبر الذكاء الاصطناعي",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100718.jpg",
-        },
-        {
-          id: "s3",
-          title: "Escrow",
-          descriptions: [
-            "حقوقك المالية محفوظة تماماً حتى انتهاء القضية",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-texture-copper_53876-63405.jpg",
-        },
-        {
-          id: "s4",
-          title: "تابع",
-          descriptions: [
-            "لوحة تحكم كاملة لمتابعة سير قضيتك لحظة بلحظة",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/success-business_1098-15281.jpg",
-        },
-      ]}
-      title="كيف تعمل منصة أتعاب؟"
-      description="خطوات بسيطة تضمن لك العدالة والوضوح"
-    />
-  </div>
+        <div id="steps" data-section="steps">
+          <FeatureCardTwentySeven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "s1", title: "ابحث", descriptions: ["تصفح آلاف المحامين المعتمدين في مصر"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100716.jpg" },
+              { id: "s2", title: "AI مجاني", descriptions: ["تحليل قانوني فوري لمشكلتك عبر الذكاء الاصطناعي"], imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-golden-elements-wallpaper_52683-100718.jpg" },
+              { id: "s3", title: "Escrow", descriptions: ["حقوقك المالية محفوظة تماماً حتى انتهاء القضية"], imageSrc: "http://img.b2bpic.net/free-photo/3d-geometric-texture-copper_53876-63405.jpg" },
+              { id: "s4", title: "تابع", descriptions: ["لوحة تحكم كاملة لمتابعة سير قضيتك لحظة بلحظة"], imageSrc: "http://img.b2bpic.net/free-photo/success-business_1098-15281.jpg" },
+            ]}
+            title="كيف تعمل منصة أتعاب؟"
+            description="خطوات بسيطة تضمن لك العدالة والوضوح"
+          />
+        </div>
 
-  <div id="lawyers" data-section="lawyers">
-      <ProductCardFour
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="three-columns-all-equal-width"
-      useInvertedBackground={false}
-      products={[
-        {
-          id: "l1",
-          name: "أ. محمد علي",
-          price: "500 EGP",
-          variant: "أحوال شخصية",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background-looking-camera_158538-21671.jpg",
-        },
-        {
-          id: "l2",
-          name: "أ. سارة حسن",
-          price: "800 EGP",
-          variant: "عقارات",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg",
-        },
-        {
-          id: "l3",
-          name: "أ. أحمد كمال",
-          price: "1200 EGP",
-          variant: "جنايات",
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg",
-        },
-        {
-          id: "l4",
-          name: "أ. هالة محمود",
-          price: "900 EGP",
-          variant: "قانون تجاري",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",
-        },
-        {
-          id: "l5",
-          name: "أ. يوسف مصطفى",
-          price: "1500 EGP",
-          variant: "تعويضات",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg",
-        },
-      ]}
-      title="محامون موثوقون"
-      description="اختر المحامي المناسب لتخصصك وخبرته"
-    />
-  </div>
+        <div id="lawyers" data-section="lawyers">
+          <ProductCardFour
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="three-columns-all-equal-width"
+            useInvertedBackground={false}
+            products={[
+              { id: "l1", name: "أ. محمد علي", price: "500 EGP", variant: "أحوال شخصية", imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-confident-stylish-hipster-lambersexual-model-sexy-modern-man-dressed-elegant-black-suit-fashion-male-posing-studio-dark-background-looking-camera_158538-21671.jpg" },
+              { id: "l2", name: "أ. سارة حسن", price: "800 EGP", variant: "عقارات", imageSrc: "http://img.b2bpic.net/free-photo/smiling-homosexual-man-official-suit-looking-camera-close-up-shot-happy-gay-getting-dressed-wedding-ceremony-standing-hotel-room-with-his-partner-background-love-emotion-concept_74855-22675.jpg" },
+              { id: "l3", name: "أ. أحمد كمال", price: "1200 EGP", variant: "جنايات", imageSrc: "http://img.b2bpic.net/free-photo/successful-businessman-imagines-great-career_1163-5478.jpg" },
+              { id: "l4", name: "أ. هالة محمود", price: "900 EGP", variant: "قانون تجاري", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg" },
+              { id: "l5", name: "أ. يوسف مصطفى", price: "1500 EGP", variant: "تعويضات", imageSrc: "http://img.b2bpic.net/free-photo/portrait-grey-haired-businessman-standing_74855-10324.jpg" },
+            ]}
+            title="محامون موثوقون"
+            description="اختر المحامي المناسب لتخصصك وخبرته"
+          />
+        </div>
 
-  <div id="escrow" data-section="escrow">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      metrics={[
-        {
-          id: "m1",
-          value: "30%",
-          title: "عند التوقيع",
-          description: "دفعة أولى آمنة",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg",
-        },
-        {
-          id: "m2",
-          value: "30%",
-          title: "أول جلسة",
-          description: "دفعة مقابل العمل التمهيدي",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg",
-        },
-        {
-          id: "m3",
-          value: "40%",
-          title: "إنهاء القضية",
-          description: "دفعة نهائية عند الإنجاز",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg",
-        },
-      ]}
-      title="نظام Escrow للضمان المالي"
-      description="حقوقك المالية محفوظة بذكاء لضمان الأداء"
-    />
-  </div>
+        <div id="escrow" data-section="escrow">
+          <MetricCardEleven
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            metrics={[
+              { id: "m1", value: "30%", title: "عند التوقيع", description: "دفعة أولى آمنة", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-standing-with-crossed-arms_23-2148095676.jpg" },
+              { id: "m2", value: "30%", title: "أول جلسة", description: "دفعة مقابل العمل التمهيدي", imageSrc: "http://img.b2bpic.net/free-photo/portrait-man-black-suit_23-2148401442.jpg" },
+              { id: "m3", value: "40%", title: "إنهاء القضية", description: "دفعة نهائية عند الإنجاز", imageSrc: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2623.jpg" },
+            ]}
+            title="نظام Escrow للضمان المالي"
+            description="حقوقك المالية محفوظة بذكاء لضمان الأداء"
+          />
+        </div>
 
-  <div id="ai-demo" data-section="ai-demo">
-      <InlineImageSplitTextAbout
-      useInvertedBackground={false}
-      heading={[
-        {
-          type: "text",
-          content: "مساعد قانوني بالذكاء الاصطناعي",
-        },
-      ]}
-      buttons={[
-        {
-          text: "جرّب الآن",
-          href: "#",
-        },
-      ]}
-    />
-  </div>
+        <div id="ai-demo" data-section="ai-demo">
+          <InlineImageSplitTextAbout
+            useInvertedBackground={false}
+            heading={[{ type: "text", content: "مساعد قانوني بالذكاء الاصطناعي" }]}
+            buttons={[{ text: "جرّب الآن", href: "#" }]}
+          />
+        </div>
 
-  <div id="pricing" data-section="pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "p1",
-          badge: "البداية",
-          price: "3,600 ج",
-          subtitle: "للمشكلات البسيطة",
-          buttons: [
-            {
-              text: "اشترك",
-            },
-          ],
-          features: [
-            "تحليل قانوني أساسي",
-            "دعم فني",
-          ],
-        },
-        {
-          id: "p2",
-          badge: "المحترف",
-          price: "8,400 ج",
-          subtitle: "الأكثر طلباً",
-          buttons: [
-            {
-              text: "اشترك",
-            },
-          ],
-          features: [
-            "تحليل قانوني شامل",
-            "متابعة خاصة",
-            "AI 24/7",
-          ],
-        },
-        {
-          id: "p3",
-          badge: "VIP",
-          price: "19,800 ج",
-          subtitle: "للقضايا المعقدة",
-          buttons: [
-            {
-              text: "اشترك",
-            },
-          ],
-          features: [
-            "فريق قانوني كامل",
-            "أولوية قصوى",
-            "زيارات ميدانية",
-          ],
-        },
-      ]}
-      title="الباقات المتاحة"
-      description="اختر ما يناسب طبيعة قضيتك واحتياجاتك"
-    />
-  </div>
+        <div id="pricing" data-section="pricing">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            plans={[
+              { id: "p1", badge: "البداية", price: "3,600 ج", subtitle: "للمشكلات البسيطة", buttons: [{ text: "اشترك" }], features: ["تحليل قانوني أساسي", "دعم فني"] },
+              { id: "p2", badge: "المحترف", price: "8,400 ج", subtitle: "الأكثر طلباً", buttons: [{ text: "اشترك" }], features: ["تحليل قانوني شامل", "متابعة خاصة", "AI 24/7"] },
+              { id: "p3", badge: "VIP", price: "19,800 ج", subtitle: "للقضايا المعقدة", buttons: [{ text: "اشترك" }], features: ["فريق قانوني كامل", "أولوية قصوى", "زيارات ميدانية"] },
+            ]}
+            title="الباقات المتاحة"
+            description="اختر ما يناسب طبيعة قضيتك واحتياجاتك"
+          />
+        </div>
 
-  <div id="testimonials" data-section="testimonials">
-      <TestimonialCardOne
-      animationType="slide-up"
-      textboxLayout="default"
-      gridVariant="uniform-all-items-equal"
-      useInvertedBackground={false}
-      testimonials={[
-        {
-          id: "t1",
-          name: "أحمد محمود",
-          role: "عميل",
-          company: "مستخدم أتعاب",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-jumping-celebrating-success_1262-5990.jpg",
-        },
-        {
-          id: "t2",
-          name: "منى سعيد",
-          role: "عميل",
-          company: "مستخدم أتعاب",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-standing-against-building-outdoors_1150-2638.jpg",
-        },
-        {
-          id: "t3",
-          name: "خالد عمر",
-          role: "عميل",
-          company: "مستخدم أتعاب",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-black-suit-going-up-escalator-talking-mobile-phone-saleswoman-wal_1258-123502.jpg",
-        },
-        {
-          id: "t4",
-          name: "نور هاني",
-          role: "عميل",
-          company: "مستخدم أتعاب",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg",
-        },
-        {
-          id: "t5",
-          name: "ياسر إبراهيم",
-          role: "عميل",
-          company: "مستخدم أتعاب",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",
-        },
-      ]}
-      title="آراء عملائنا"
-      description="ثقة عملائنا هي أساس نجاحنا ومصداقيتنا"
-    />
-  </div>
+        <div id="testimonials" data-section="testimonials">
+          <TestimonialCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            gridVariant="uniform-all-items-equal"
+            useInvertedBackground={false}
+            testimonials={[
+              { id: "t1", name: "أحمد محمود", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cheerful-businessman-jumping-celebrating-success_1262-5990.jpg" },
+              { id: "t2", name: "منى سعيد", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businessman-standing-against-building-outdoors_1150-2638.jpg" },
+              { id: "t3", name: "خالد عمر", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-businesswoman-black-suit-going-up-escalator-talking-mobile-phone-saleswoman-wal_1258-123502.jpg" },
+              { id: "t4", name: "نور هاني", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/successful-senior-businessman-standing-window_1262-3120.jpg" },
+              { id: "t5", name: "ياسر إبراهيم", role: "عميل", company: "مستخدم أتعاب", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg" },
+            ]}
+            title="آراء عملائنا"
+            description="ثقة عملائنا هي أساس نجاحنا ومصداقيتنا"
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterMedia
-      imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112765.jpg"
-      logoText="ATAAP"
-      columns={[
-        {
-          title: "روابط سريعة",
-          items: [
-            {
-              label: "للموكلين",
-              href: "#",
-            },
-            {
-              label: "للمحامين",
-              href: "#",
-            },
-          ],
-        },
-        {
-          title: "القانون",
-          items: [
-            {
-              label: "شروط الاستخدام",
-              href: "#",
-            },
-            {
-              label: "الخصوصية",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterMedia
+            imageSrc="http://img.b2bpic.net/free-photo/abstract-3d-podium-with-lighting-gold-color-yellow-background-podium-stage-award-ceremony-performance-by-artist-stock-3d-redering-illustration_1258-112765.jpg"
+            logoText="ATAAP"
+            columns={[
+              { title: "روابط سريعة", items: [{ label: "للموكلين", href: "#" }, { label: "للمحامين", href: "#" }] },
+              { title: "القانون", items: [{ label: "شروط الاستخدام", href: "#" }, { label: "الخصوصية", href: "#" }] },
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-- 
2.49.1