Update src/app/page.tsx

Merge version_4 into main

src/app/academy/page.tsx

@@ -2,14 +2,14 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import FooterCard from '@/components/sections/footer/FooterCard';
-import { Award, BookOpen, Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import { Facebook, GraduationCap, Instagram, Linkedin, MessageCircle, Twitter, CalendarDays, Home, Eye } from "lucide-react";
 
-export default function LandingPage() {
+export default function AcademyPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -24,192 +24,127 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "الرئيسية",
+                name: "الرئيسية",                id: "/"
-          id: "/",
+              },
-        },
+              {
-        {
+                name: "العقارات",                id: "/properties"
-          name: "العقارات",
+              },
-          id: "/properties",
+              {
-        },
+                name: "الفيديوهات",                id: "/videos"
-        {
+              },
-          name: "الفيديوهات",
+              {
-          id: "/videos",
+                name: "الوسطاء",                id: "/agents"
-        },
+              },
-        {
+              {
-          name: "الوسطاء",
+                name: "الأكاديمية",                id: "/academy"
-          id: "/agents",
+              },
-        },
+              {
-        {
+                name: "حاسبة التمويل",                id: "/calculator"
-          name: "الأكاديمية",
+              },
-          id: "/academy",
+              {
-        },
+                name: "تواصل",                id: "/contact"
-        {
+              }
-          name: "حاسبة التمويل",
+            ]}
-          id: "/calculator",
+            brandName="النجوم السبعة للعقارات"
-        },
+          />
-        {
+        </div>
-          name: "تواصل",
-          id: "/contact",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
 
-  <div id="academy-about" data-section="academy-about">
+        <div id="academy-pricing" data-section="academy-pricing">
-      <MetricSplitMediaAbout
+          <PricingCardOne
-      useInvertedBackground={false}
+            animationType="slide-up"
-      title="أكاديمية النجوم السبعة: ارتق بمسيرتك العقارية"
+            textboxLayout="default"
-      description="برامج تدريب واستشارات متخصصة للوسطاء والمكاتب العقارية الموثوقين. اكتسب المهارات والمعرفة اللازمة لتحقيق أقصى إمكاناتك في السوق."
+            useInvertedBackground={false}
-      metrics={[
+            title="برامج الأكاديمية التدريبية"
-        {
+            description="صُممت برامجنا التدريبية المتخصصة لتمكين وكلاء ووكالات العقارات من النجاح في السوق الإماراتي التنافسي."
-          value: "+100",
+            tag="تدريب الخبراء"
-          title: "خبير مدرب",
+            tagIcon={GraduationCap}
-        },
+            plans={[
-        {
+              {
-          value: "60",
+                id: "training-session",                badge: "جلسة تدريب فردية",                badgeIcon: GraduationCap,
-          title: "دقيقة للجلسة",
+                price: "500 درهم إماراتي / جلسة",                subtitle: "تدريب مكثف لمدة ساعة واحدة",                features: [
-        },
+                  "تدريب شخصي ومخصص",                  "استراتيجيات بيع وتسويق متقدمة",                  "تحسين مهارات التفاوض",                  "بناء علاقات العملاء الفعالة",                  "فهم عميق لسوق العقارات الإماراتي"
-        {
+                ]
-          value: "خاصة",
+              }
-          title: "جلسات فردية",
+            ]}
-        },
+          />
-      ]}
+        </div>
-      tag="تدريب احترافي"
-      imageSrc="http://img.b2bpic.net/free-photo/multiethnic-group-women-working-together-copy-space-display_482257-119110.jpg"
-      imageAlt="Professional real estate training session"
-      mediaAnimation="slide-up"
-    />
-  </div>
 
-  <div id="academy-features" data-section="academy-features">
+        <div id="academy-features" data-section="academy-features">
-      <FeatureCardTwentyThree
+          <FeatureCardTwentyThree
-      animationType="slide-up"
+            animationType="slide-up"
-      textboxLayout="default"
+            textboxLayout="default"
-      useInvertedBackground={true}
+            useInvertedBackground={true}
-      features={[
+            title="أنظمة متكاملة لأكاديمية الوكلاء"
-        {
+            description="نقدم أدوات وتقنيات متطورة لدعم تدريب الوكلاء وتمكينهم من إدارة عملياتهم بكفاءة."
-          id: "af1",
+            tag="التقنيات المتقدمة"
-          title: "المبيعات العقارية",
+            features={[
-          tags: [
+              {
-            "استراتيجيات",
+                id: "booking-system",                title: "نظام حجوزات وجدولة",                tags: ["مواعيد", "تذكيرات"],
-            "إغلاق الصفقات",
+                imageSrc: "http://img.b2bpic.net/free-photo/appointment-booking-concept-with-date-hand_23-2149724036.jpg",                imageAlt: "Booking and scheduling system"
-          ],
+              },
-          imageSrc: "http://img.b2bpic.net/free-photo/european-african-american-business-partners-discussing-contract-business-meeting_181624-30969.jpg",
+              {
-          imageAlt: "Real estate sales strategies",
+                id: "property-request-system",                title: "نظام طلبات العقارات",                tags: ["بحث", "تخصيص"],
-        },
+                imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-meeting-consulting-with-client-customer-selling-house-property-contract_1150-10657.jpg",                imageAlt: "Property request system"
-        {
+              },
-          id: "af2",
+              {
-          title: "التسويق العقاري",
+                id: "viewing-booking-system",                title: "نظام حجز معاينات العقارات",                tags: ["معاينة", "تقويم"],
-          tags: [
+                imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-architect-business-man-holding-blueprints-standing-city_176420-21342.jpg",                imageAlt: "Property viewing booking system"
-            "سوشيال ميديا",
+              }
-            "فيديو",
+            ]}
-          ],
+          />
-          imageSrc: "http://img.b2bpic.net/free-photo/view-earnings-accounting-financial-money-concept_53876-15880.jpg",
+        </div>
-          imageAlt: "Real estate marketing strategies",
-        },
-        {
-          id: "af3",
-          title: "قوانين الإمارات",
-          tags: [
-            "تحديثات",
-            "تشريعات",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041840.jpg",
-          imageAlt: "UAE real estate laws",
-        },
-      ]}
-      title="موضوعات تدريبية متقدمة"
-      description="نغطي جميع الجوانب الحيوية لنجاحك في السوق العقاري، من المبيعات والتسويق إلى القوانين وبناء العلامة الشخصية."
-      tag="محتوى حصري"
-    />
-  </div>
 
-  <div id="academy-pricing" data-section="academy-pricing">
+        <div id="academy-cta" data-section="academy-cta">
-      <PricingCardTwo
+          <ContactCTA
-      animationType="slide-up"
+            useInvertedBackground={false}
-      textboxLayout="default"
+            background={{
-      useInvertedBackground={false}
+              variant: "radial-gradient"
-      plans={[
+            }}
-        {
+            tag="انضم إلينا"
-          id: "aprice1",
+            tagIcon={MessageCircle}
-          badge: "جلسة فردية",
+            title="ابدأ رحلتك نحو التميز العقاري اليوم"
-          badgeIcon: BookOpen,
+            description="سجل الآن في أكاديمية التدريب الخاصة بنا واستفد من خبرات قادتنا في المجال."
-          price: "500 درهم",
+            buttons={[
-          subtitle: "جلسة تدريب واستشارة لمدة 60 دقيقة",
+              {
-          buttons: [
+                text: "سجل الآن",                href: "#academy-pricing"
-            {
+              },
-              text: "احجز جلستك الآن",
+              {
-              href: "#",
+                text: "تحدث مع مستشار",                href: "/contact"
-            },
+              }
-          ],
+            ]}
-          features: [
+          />
-            "جلسة شخصية 1:1",
+        </div>
-            "استشارات مخصصة",
-            "تحليل احتياجاتك",
-            "دعم مستمر",
-          ],
-        },
-        {
-          id: "aprice2",
-          badge: "باقة 3 جلسات",
-          badgeIcon: Award,
-          price: "1350 درهم",
-          subtitle: "توفير 150 درهم",
-          buttons: [
-            {
-              text: "احجز الباقة",
-              href: "#",
-            },
-          ],
-          features: [
-            "3 جلسات تدريب فردية",
-            "خطة تطوير مخصصة",
-            "أولوية الحجز",
-            "متابعة دورية",
-          ],
-        },
-      ]}
-      title="أسعار جلسات الأكاديمية"
-      description="استثمر في نفسك ومهاراتك. جلسات فردية متخصصة لمساعدتك على التفوق."
-      tag="باقات التدريب"
-    />
-  </div>
 
-  <div id="footer" data-section="footer">
+        <div id="footer" data-section="footer">
-      <FooterCard
+          <FooterCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
-      logoAlt="النجوم السبعة للعقارات"
+            logoAlt="النجوم السبعة للعقارات"
-      logoText="النجوم السبعة للعقارات"
+            logoText="النجوم السبعة للعقارات"
-      copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
+            copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
-      socialLinks={[
+            socialLinks={[
-        {
+              {
-          icon: Facebook,
+                icon: Facebook,
-          href: "#",
+                href: "#",                ariaLabel: "Facebook"
-          ariaLabel: "Facebook",
+              },
-        },
+              {
-        {
+                icon: Instagram,
-          icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"
-          href: "#",
+              },
-          ariaLabel: "Instagram",
+              {
-        },
+                icon: Twitter,
-        {
+                href: "#",                ariaLabel: "Twitter"
-          icon: Twitter,
+              },
-          href: "#",
+              {
-          ariaLabel: "Twitter",
+                icon: Linkedin,
-        },
+                href: "#",                ariaLabel: "LinkedIn"
-        {
+              }
-          icon: Linkedin,
+            ]}
-          href: "#",
+          />
-          ariaLabel: "LinkedIn",
+        </div>
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/accounts/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function AccountsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "إدارة العقارات",                id: "/properties/manage"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "إدارة الفيديوهات",                id: "/videos/manage"},
+              {
+                name: "الحسابات",                id: "/accounts"},
+              {
+                name: "إدارة العملاء",                id: "/leads"},
+              {
+                name: "لوحة التحليل",                id: "/analytics"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+        <main className="relative flex flex-col items-center justify-center py-20 min-h-[500px]">
+          <h1 className="text-4xl font-bold mb-4">إدارة الحسابات</h1>
+          <p className="text-lg text-gray-600">صفحة لإدارة حسابات وكالات العقارات.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/page.tsx

@@ -0,0 +1,110 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import Link from 'next/link';
+import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية", id: "/"},
+              {
+                name: "العقارات", id: "/properties"},
+              {
+                name: "الفيديوهات", id: "/videos"},
+              {
+                name: "الوسطاء", id: "/agents"},
+              {
+                name: "الأكاديمية", id: "/academy"},
+              {
+                name: "حاسبة التمويل", id: "/calculator"},
+              {
+                name: "تواصل", id: "/contact"},
+              {
+                name: "لوحة التحكم", id: "/admin"}
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+
+        <div id="admin-dashboard" data-section="admin-dashboard" className="relative z-10 py-16 lg:py-24">
+          <div className="container mx-auto px-4">
+            <div className="text-center mb-12">
+              <h1 className="text-4xl lg:text-5xl font-extrabold mb-4">لوحة تحكم المسؤول</h1>
+              <p className="text-lg text-gray-600 dark:text-gray-300">إدارة شاملة للمنصة العقارية.</p>
+            </div>
+
+            <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
+              {[{
+                title: "إدارة المستخدمين",                description: "عرض، إضافة، تعديل، وحذف حسابات المستخدمين.",                href: "/admin/users"
+              },
+              {
+                title: "إدارة الوكالات",                description: "إدارة بيانات الوكالات العقارية والتحكم في صلاحياتها.",                href: "/admin/agencies"
+              },
+              {
+                title: "إدارة العقارات",                description: "الإشراف على قائمة العقارات، الموافقات، والتعديلات.",                href: "/admin/properties"
+              },
+              {
+                title: "إدارة الفيديوهات",                description: "تحميل، تنظيم، وحذف الفيديوهات التسويقية.",                href: "/admin/videos"
+              },
+              {
+                title: "إدارة المدفوعات",                description: "متابعة المعاملات المالية، الفواتير، والاشتراكات.",                href: "/admin/payments"
+              },
+              {
+                title: "إدارة الإعلانات",                description: "إنشاء، تعديل، ومراقبة حملات الإعلانات.",                href: "/admin/advertisements"
+              },
+              ].map((item, index) => (
+                <Link key={index} href={item.href} className="block p-6 bg-card-background rounded-lg shadow-lg hover:shadow-xl transition-shadow duration-300">
+                  <h3 className="text-2xl font-semibold mb-2 text-foreground">{item.title}</h3>
+                  <p className="text-gray-700 dark:text-gray-400">{item.description}</p>
+                </Link>
+              ))}
+            </div>
+          </div>
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
+            logoAlt="النجوم السبعة للعقارات"
+            logoText="النجوم السبعة للعقارات"
+            copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#", ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#", ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#", ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#", ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/analytics/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function AnalyticsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "إدارة العقارات",                id: "/properties/manage"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "إدارة الفيديوهات",                id: "/videos/manage"},
+              {
+                name: "الحسابات",                id: "/accounts"},
+              {
+                name: "إدارة العملاء",                id: "/leads"},
+              {
+                name: "لوحة التحليل",                id: "/analytics"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+        <main className="relative flex flex-col items-center justify-center py-20 min-h-[500px]">
+          <h1 className="text-4xl font-bold mb-4">لوحة التحليل</h1>
+          <p className="text-lg text-gray-600">صفحة عرض تحليلات وأداء وكالة العقارات.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/calculator/page.tsx

@@ -2,13 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FooterCard from '@/components/sections/footer/FooterCard';
-import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
-import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import { Calculator, Check } from "lucide-react";
 
-export default function LandingPage() {
+export default function CalculatorPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -23,116 +21,69 @@ export default function LandingPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "الرئيسية",
+                name: "الرئيسية",                id: "/"
-          id: "/",
+              },
-        },
+              {
-        {
+                name: "العقارات",                id: "/properties"
-          name: "العقارات",
+              },
-          id: "/properties",
+              {
-        },
+                name: "الفيديوهات",                id: "/videos"
-        {
+              },
-          name: "الفيديوهات",
+              {
-          id: "/videos",
+                name: "الوسطاء",                id: "/agents"
-        },
+              },
-        {
+              {
-          name: "الوسطاء",
+                name: "الأكاديمية",                id: "/academy"
-          id: "/agents",
+              },
-        },
+              {
-        {
+                name: "حاسبة التمويل",                id: "/calculator"
-          name: "الأكاديمية",
+              },
-          id: "/academy",
+              {
-        },
+                name: "تواصل",                id: "/contact"
-        {
+              }
-          name: "حاسبة التمويل",
+            ]}
-          id: "/calculator",
+            brandName="النجوم السبعة للعقارات"
-        },
+          />
-        {
+        </div>
-          name: "تواصل",
-          id: "/contact",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
 
-  <div id="mortgage-calculator-intro" data-section="mortgage-calculator-intro">
+        <div id="calculator-section" data-section="calculator-section">
-      <MetricSplitMediaAbout
+          <PricingCardTwo
-      useInvertedBackground={false}
+            animationType="slide-up"
-      title="حاسبة التمويل العقاري الذكية"
+            textboxLayout="default"
-      description="احسب أقساطك الشهرية واجمالي الفوائد بدقة. أدخل سعر العقار، الدفعة الأولى، نسبة الفائدة، ومدة التمويل واحصل على جدول سداد تقديري."
+            useInvertedBackground={true}
-      metrics={[
+            title="حاسبة التمويل العقاري"
-        {
+            description="احسب الأقساط الشهرية وتقديرات التمويل لعقارك المستقبلي بكل سهولة ودقة."
-          value: "سريع",
+            tag="ابدأ الآن"
-          title: "نتائج فورية",
+            tagIcon={Calculator}
-        },
+            plans={[
-        {
+              {
-          value: "دقيق",
+                id: "p1",                badge: "قرض قياسي",                badgeIcon: Calculator,
-          title: "حسابات موثوقة",
+                price: "7,500 درهم/شهرياً",                subtitle: "فائدة ثابتة 3% على 25 سنة",                buttons: [{ text: "احسب الآن" }],
-        },
+                features: [
-        {
+                  "دفعة أولى 20%",                  "شروط سداد مرنة",                  "لا توجد رسوم خفية"
-          value: "سهل",
+                ]
-          title: "استخدام بسيط",
+              },
-        },
+              {
-      ]}
+                id: "p2",                badge: "قرض مرن",                badgeIcon: Calculator,
-      tag="أداة مجانية"
+                price: "6,000 درهم/شهرياً",                subtitle: "فائدة متغيرة 2.5% على 30 سنة",                buttons: [{ text: "احسب الآن" }],
-      imageSrc="http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg"
+                features: [
-      imageAlt="Mortgage calculator interface"
+                  "دفعة أولى 15%",                  "إمكانية إعادة التمويل",                  "خيارات دفع مسبق"
-      mediaAnimation="slide-up"
+                ]
-    />
+              },
-  </div>
+              {
-
+                id: "p3",                badge: "قرض استثماري",                badgeIcon: Calculator,
-  <div id="calculator-contact-cta" data-section="calculator-contact-cta">
+                price: "10,000 درهم/شهرياً",                subtitle: "فائدة ثابتة 4% على 20 سنة",                buttons: [{ text: "احسب الآن" }],
-      <ContactCTA
+                features: [
-      useInvertedBackground={true}
+                  "دفعة أولى 25%",                  "مستشار استثماري مخصص",                  "عوائد تنافسية"
-      background={{
+                ]
-        variant: "radial-gradient",
+              }
-      }}
+            ]}
-      tag="مساعدة التمويل"
+          />
-      title="هل تحتاج لمساعدة في التمويل العقاري؟"
+        </div>
-      description="خبراؤنا الماليون جاهزون لتقديم الاستشارات ومساعدتك في الحصول على أفضل عروض التمويل."
-      buttons={[
-        {
-          text: "تحدث مع مستشار مالي",
-          href: "/contact",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterCard
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
-      logoAlt="النجوم السبعة للعقارات"
-      logoText="النجوم السبعة للعقارات"
-      copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );

src/app/home/page.tsx

@@ -0,0 +1,297 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ProductCardFour from '@/components/sections/product/ProductCardFour';
+import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
+import { Facebook, Home, Instagram, Linkedin, Twitter, Users, CheckCircle, Star } from "lucide-react";
+
+export default function LandingPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="icon-arrow"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumLarge"
+        background="aurora"
+        cardStyle="glass-elevated"
+        primaryButtonStyle="flat"
+        secondaryButtonStyle="solid"
+        headingFontWeight="light"
+    >
+      <ReactLenis root>
+  <div id="nav" data-section="nav">
+      <NavbarStyleApple
+      navItems={[
+        { name: "تسجيل الدخول", id: "/" },
+        { name: "الرئيسية", id: "/home" },
+        { name: "العقارات", id: "/properties" },
+        { name: "الفيديوهات", id: "/videos" },
+        { name: "الوسطاء", id: "/agents" },
+        { name: "الأكاديمية", id: "/academy" },
+        { name: "حاسبة التمويل", id: "/calculator" },
+        { name: "تواصل", id: "/contact" },
+      ]}
+      brandName="النجوم السبعة للعقارات"
+    />
+  </div>
+
+  <div id="hero" data-section="hero">
+      <HeroSplitKpi
+      background={{
+        variant: "radial-gradient"}}
+      title="اكتشف عالم الفخامة في العقارات بدولة الإمارات"
+      description="منصة النجوم السبعة للعقارات هي بوابتك للعقارات المميزة في دبي وأبوظبي وجميع أنحاء الإمارات. ابحث عن فيلتك أو شقتك الفاخرة المثالية."
+      kpis={[
+        {
+          value: "+1000",          label: "عقار معروض"},
+        {
+          value: "+500",          label: "عميل سعيد"},
+        {
+          value: "2010",          label: "تأسست عام"},
+      ]}
+      enableKpiAnimation={true}
+      tag="النجوم السبعة للعقارات"
+      buttons={[
+        {
+          text: "ابحث عن عقارك الآن",          href: "/properties"},
+        {
+          text: "اطلب عقارك الخاص",          href: "/contact"},
+      ]}
+      imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg?_wi=2"
+      imageAlt="Luxurious real estate in Dubai"
+      mediaAnimation="slide-up"
+      avatars={[
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064844.jpg",          alt: "Real estate agent profile 1"},
+        {
+          src: "http://img.b2bpic.net/free-photo/medium-shot-man-working-as-real-estate-agent_23-2151064840.jpg",          alt: "Real estate agent profile 2"},
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-man-with-glasses-blue-suit-with-tie-lights-with-blurry-background_181624-17456.jpg",          alt: "Real estate agent profile 3"},
+        {
+          src: "http://img.b2bpic.net/free-photo/businessman-with-amrs-crossed-looking-camera_23-2148113008.jpg",          alt: "Real estate agent profile 4"},
+        {
+          src: "http://img.b2bpic.net/free-photo/portrait-happy-confident-muslim-businesswoman-standing-with-arms-crossed-office-looking-camera_637285-6459.jpg",          alt: "Real estate agent profile 5"},
+      ]}
+      avatarText="+1000 عميل موثوق"
+      marqueeItems={[
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/analog-city-landscape-with-buildings_23-2149661414.jpg",          alt: "Dubai Cityscape"},
+        {
+          type: "text-icon",          text: "عقارات فاخرة",          icon: Home,
+        },
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/amazing-view-dome-luxury-royal-hotel-bodrum-turkey_627829-7208.jpg",          alt: "Modern Architecture"},
+        {
+          type: "text",          text: "خدمات استشارية"},
+        {
+          type: "image",          src: "http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg",          alt: "Skyscraper view"},
+        {
+          type: "text-icon",          text: "وسطاء معتمدون",          icon: Users,
+        },
+      ]}
+    />
+  </div>
+
+  <div id="about" data-section="about">
+      <MetricSplitMediaAbout
+      useInvertedBackground={true}
+      title="خبرة تمتد لأكثر من عقد في سوق العقارات الإماراتي"
+      description="منذ عام 2010، والنجوم السبعة للعقارات هي الشريك الموثوق لك في عالم العقارات الفاخرة. نلتزم بتقديم أفضل الفرص الاستثمارية والحلول العقارية المبتكرة لعملائنا الكرام."
+      metrics={[
+        {
+          value: "+10",          title: "سنوات خبرة"},
+        {
+          value: "+200",          title: "وسيط معتمد"},
+        {
+          value: "أبوظبي",          title: "من دبي إلى"},
+      ]}
+      tag="قصتنا"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=2"
+      imageAlt="Modern real estate office interior"
+      mediaAnimation="slide-up"
+    />
+  </div>
+
+  <div id="featured-properties" data-section="featured-properties">
+      <ProductCardFour
+      animationType="slide-up"
+      textboxLayout="default"
+      gridVariant="bento-grid"
+      useInvertedBackground={false}
+      products={[
+        {
+          id: "p1",          name: "فيلا فاخرة في تلال الإمارات",          price: "35,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041530379-villa-interior-1.jpg?_wi=1",          imageAlt: "Luxury villa interior in Emirates Hills"},
+        {
+          id: "p2",          name: "شقة بنتهاوس بإطلالة على برج خليفة",          price: "12,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041531235-penthouse-view-2.jpg?_wi=1",          imageAlt: "Penthouse living room with Burj Khalifa view"},
+        {
+          id: "p3",          name: "منزل تاون هاوس حديث في دبي هيلز",          price: "5,800,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532057-townhouse-exterior-3.jpg?_wi=1",          imageAlt: "Modern townhouse exterior in Dubai Hills"},
+        {
+          id: "p4",          name: "فيلا شاطئية حصرية في نخلة جميرا",          price: "50,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532822-beach-villa-interior-4.jpg?_wi=1",          imageAlt: "Exclusive beachfront villa living area in Palm Jumeirah"},
+        {
+          id: "p5",          name: "شقة فاخرة بغرفتي نوم في وسط مدينة دبي",          price: "3,200,000 درهم",          variant: "للإيجار",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041533681-apartment-bedroom-5.jpg?_wi=1",          imageAlt: "Luxury 2-bedroom apartment master bedroom in Downtown Dubai"},
+        {
+          id: "p6",          name: "فيلا واسعة بـ 5 غرف نوم في المرابع العربية",          price: "9,500,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041534440-villa-pool-6.jpg?_wi=1",          imageAlt: "Spacious 5-bedroom villa with private pool in Arabian Ranches"},
+      ]}
+      title="العقارات الفاخرة المميزة"
+      description="استعرض مجموعتنا المختارة بعناية من العقارات الأكثر فخامة وتميزاً في أرقى أحياء الإمارات. فرص استثمارية فريدة ومنازل الأحلام."
+      tag="حصري"
+    />
+  </div>
+
+  <div id="property-categories" data-section="property-categories">
+      <FeatureCardTwentyThree
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      features={[
+        {
+          id: "cat1",          title: "الفلل الفاخرة",          tags: [
+            "للبيع",            "للإيجار"],
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr&_wi=2",          imageAlt: "Luxury Villa Icon"},
+        {
+          id: "cat2",          title: "الشقق العصرية",          tags: [
+            "مفروشة",            "غير مفروشة"],
+          imageSrc: "http://img.b2bpic.net/free-vector/real-estate-infographic-with-skyscrapers_23-2147550989.jpg?_wi=2",          imageAlt: "Modern Apartment Icon"},
+        {
+          id: "cat3",          title: "العقارات التجارية",          tags: [
+            "مكاتب",            "محلات"],
+          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-house-silhouette_23-2150281528.jpg?_wi=2",          imageAlt: "Commercial Property Icon"},
+      ]}
+      title="اكتشف العقارات حسب الفئة"
+      description="سواء كنت تبحث عن فيلا عائلية، شقة عصرية، أو عقار تجاري، لدينا الخيار المثالي لك."
+      tag="تصفح"
+    />
+  </div>
+
+  <div id="featured-agents" data-section="featured-agents">
+      <TestimonialCardSixteen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      testimonials={[
+        {
+          id: "a1",          name: "محمد السبع",          role: "وسيط عقاري معتمد",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-guy-posing-against-white-wall_176420-30580.jpg?_wi=2",          imageAlt: "محمد السبع"
+        },
+        {
+          id: "a2",          name: "فاطمة الزهراء",          role: "خبير عقاري",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-arabic-businesswoman_181624-51783.jpg?_wi=2",          imageAlt: "فاطمة الزهراء"
+        },
+        {
+          id: "a3",          name: "علي الخالد",          role: "مستشار استثماري",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-making-thumbs-up_23-2148135891.jpg?_wi=2",          imageAlt: "علي الخالد"
+        },
+        {
+          id: "a4",          name: "مريم العلي",          role: "أخصائية عقارات",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing-sari_23-2149405629.jpg?_wi=2",          imageAlt: "مريم العلي"
+        },
+        {
+          id: "a5",          name: "أحمد الشمسي",          role: "مدير مبيعات",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-young-man_181624-30691.jpg?_wi=2",          imageAlt: "أحمد الشمسي"
+        }
+      ]}
+      kpiItems={[
+        {
+          value: "+200",          label: "وسطاء معتمدون"
+        },
+        {
+          value: "4.8/5",          label: "متوسط التقييم"
+        },
+        {
+          value: "<CheckCircle />",          label: "وكالات موثوقة"
+        }
+      ]}
+      title="الوسطاء والوكالات المعتمدة"
+      description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
+      tag="تقييمات الوسطاء"
+      tagIcon={Star}
+    />
+  </div>
+
+  <div id="testimonials" data-section="testimonials">
+      <TestimonialCardSixteen
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      testimonials={[
+        {
+          id: "t1",          name: "سارة محمد",          role: "مستثمرة",          company: "مجموعة الفجر",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=2",          imageAlt: "Sarah Mohammad"},
+        {
+          id: "t2",          name: "خالد أحمد",          role: "رجل أعمال",          company: "الشركة الدولية",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-with-hijab-leaving-hotel-smiling-while-being-vacation_23-2149309153.jpg?_wi=2",          imageAlt: "Khaled Ahmed"},
+        {
+          id: "t3",          name: "ليلى حسن",          role: "مديرة تسويق",          company: "إبداع ديزاين",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg?_wi=2",          imageAlt: "Laila Hassan"},
+        {
+          id: "t4",          name: "يوسف منصور",          role: "مهندس",          company: "العمران الحديث",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=2",          imageAlt: "Youssef Mansour"},
+        {
+          id: "t5",          name: "فاطمة سعيد",          role: "طبيبة",          company: "مستشفى الأمل",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/business-people-handsome-corporate-man-suit-smiling-showing-thumbs-up-praise-work-good-job-saying-yes-standing-white-background_176420-49993.jpg?_wi=2",          imageAlt: "Fatima Said"},
+      ]}
+      kpiItems={[
+        {
+          value: "+500",          label: "عميل سعيد"},
+        {
+          value: "4.9/5",          label: "متوسط التقييم"},
+        {
+          value: "+1000",          label: "صفقة ناجحة"},
+      ]}
+      title="ماذا يقول عملاؤنا عنا؟"
+      description="نحن نفخر بالثقة التي نكتسبها من عملائنا وبالتجارب الإيجابية التي نقدمها لهم. استمع إلى قصص نجاحهم."
+      tag="آراء العملاء"
+    />
+  </div>
+
+  <div id="contact-cta" data-section="contact-cta">
+      <ContactCTA
+      useInvertedBackground={false}
+      background={{
+        variant: "radial-gradient"}}
+      tag="تواصل معنا"
+      title="هل أنت مستعد للعثور على عقارك المثالي؟"
+      description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
+      buttons={[
+        {
+          text: "تحدث مع خبير",          href: "/contact"},
+        {
+          text: "اطلب عقاراً",          href: "/contact"},
+      ]}
+    />
+  </div>
+
+  <div id="footer" data-section="footer">
+      <FooterCard
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
+      logoAlt="النجوم السبعة للعقارات"
+      logoText="النجوم السبعة للعقارات — منذ 2010"
+      copyrightText="© 2024 النجوم السبعة للعقارات. جميع الحقوق محفوظة."
+      socialLinks={[
+        {
+          icon: Facebook,
+          href: "#",          ariaLabel: "Facebook"},
+        {
+          icon: Instagram,
+          href: "#",          ariaLabel: "Instagram"},
+        {
+          icon: Twitter,
+          href: "#",          ariaLabel: "Twitter"},
+        {
+          icon: Linkedin,
+          href: "#",          ariaLabel: "LinkedIn"},
+      ]}
+    />
+  </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/leads/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function LeadsPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "إدارة العقارات",                id: "/properties/manage"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "إدارة الفيديوهات",                id: "/videos/manage"},
+              {
+                name: "الحسابات",                id: "/accounts"},
+              {
+                name: "إدارة العملاء",                id: "/leads"},
+              {
+                name: "لوحة التحليل",                id: "/analytics"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+        <main className="relative flex flex-col items-center justify-center py-20 min-h-[500px]">
+          <h1 className="text-4xl font-bold mb-4">إدارة العملاء المحتملين</h1>
+          <p className="text-lg text-gray-600">صفحة لإدارة العملاء المحتملين وتتبعهم.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/page.tsx

@@ -9,11 +9,15 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
-import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
-import { Facebook, Home, Instagram, Linkedin, Twitter, Users } from "lucide-react";
+import { Facebook, Home, Instagram, Linkedin, Twitter, Users, CheckCircle, Star } from "lucide-react";
 
 export default function LandingPage() {
+  const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.';
+  const whatsappNumber = '971501234567'; // Placeholder for office WhatsApp
+  const encodedWhatsappMessage = encodeURIComponent(whatsappMessage);
+  const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`;
+
   return (
     <ThemeProvider
         defaultButtonVariant="icon-arrow"
@@ -34,17 +38,11 @@ export default function LandingPage() {
         {
           name: "الرئيسية",          id: "/"},
         {
-          name: "العقارات",          id: "/properties"},
+          name: "العقارات",          id: "#featured-properties"},
         {
-          name: "الفيديوهات",          id: "/videos"},
+          name: "الوسطاء",          id: "#featured-agents"},
         {
-          name: "الوسطاء",          id: "/agents"},
+          name: "تواصل",          id: "#contact-cta"},
-        {
-          name: "الأكاديمية",          id: "/academy"},
-        {
-          name: "حاسبة التمويل",          id: "/calculator"},
-        {
-          name: "تواصل",          id: "/contact"},
       ]}
       brandName="النجوم السبعة للعقارات"
     />
@@ -68,11 +66,11 @@ export default function LandingPage() {
       tag="النجوم السبعة للعقارات"
       buttons={[
         {
-          text: "ابحث عن عقارك الآن",          href: "/properties"},
+          text: "ابحث عن عقارك الآن",          href: "#featured-properties"},
         {
-          text: "اطلب عقارك الخاص",          href: "/contact"},
+          text: "اطلب عقارك الخاص",          href: "#contact-cta"},
       ]}
-      imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg?_wi=1"
       imageAlt="Luxurious real estate in Dubai"
       mediaAnimation="slide-up"
       avatars={[
@@ -121,7 +119,7 @@ export default function LandingPage() {
           value: "أبوظبي",          title: "من دبي إلى"},
       ]}
       tag="قصتنا"
-      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
+      imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg?_wi=1"
       imageAlt="Modern real estate office interior"
       mediaAnimation="slide-up"
     />
@@ -135,21 +133,26 @@ export default function LandingPage() {
       useInvertedBackground={false}
       products={[
         {
-          id: "p1",          name: "فيلا فاخرة في تلال الإمارات",          price: "35,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-albinism-spending-time-home_23-2150321723.jpg",          imageAlt: "Luxury villa in Emirates Hills"},
+          id: "p1",          name: "فيلا فاخرة في تلال الإمارات",          price: "35,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041530379-villa-interior-1.jpg?_wi=2",          imageAlt: "Luxury villa interior in Emirates Hills"},
         {
-          id: "p2",          name: "شقة بنتهاوس بإطلالة على برج خليفة",          price: "12,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912524.jpg",          imageAlt: "Penthouse apartment with Burj Khalifa view"},
+          id: "p2",          name: "شقة بنتهاوس بإطلالة على برج خليفة",          price: "12,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041531235-penthouse-view-2.jpg?_wi=2",          imageAlt: "Penthouse living room with Burj Khalifa view"},
         {
-          id: "p3",          name: "منزل تاون هاوس حديث في دبي هيلز",          price: "5,800,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-pathway-kilkenny-dukesmeadows_181624-27700.jpg",          imageAlt: "Modern townhouse in Dubai Hills"},
+          id: "p3",          name: "منزل تاون هاوس حديث في دبي هيلز",          price: "5,800,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532057-townhouse-exterior-3.jpg?_wi=2",          imageAlt: "Modern townhouse exterior in Dubai Hills"},
         {
-          id: "p4",          name: "فيلا شاطئية حصرية في نخلة جميرا",          price: "50,000,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg",          imageAlt: "Exclusive beachfront villa in Palm Jumeirah"},
+          id: "p4",          name: "فيلا شاطئية حصرية في نخلة جميرا",          price: "50,000,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532822-beach-villa-interior-4.jpg?_wi=2",          imageAlt: "Exclusive beachfront villa living area in Palm Jumeirah"},
         {
-          id: "p5",          name: "شقة فاخرة بغرفتي نوم في وسط مدينة دبي",          price: "3,200,000 درهم",          variant: "للإيجار",          imageSrc: "http://img.b2bpic.net/free-photo/woman-using-digital-assistant-her-tablet_23-2149108007.jpg",          imageAlt: "Luxury 2-bedroom apartment in Downtown Dubai"},
+          id: "p5",          name: "شقة فاخرة بغرفتي نوم في وسط مدينة دبي",          price: "3,200,000 درهم",          variant: "للإيجار",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041533681-apartment-bedroom-5.jpg?_wi=2",          imageAlt: "Luxury 2-bedroom apartment master bedroom in Downtown Dubai"},
         {
-          id: "p6",          name: "فيلا واسعة بـ 5 غرف نوم في المرابع العربية",          price: "9,500,000 درهم",          variant: "للبيع",          imageSrc: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151759.jpg",          imageAlt: "Spacious 5-bedroom villa in Arabian Ranches"},
+          id: "p6",          name: "فيلا واسعة بـ 5 غرف نوم في المرابع العربية",          price: "9,500,000 درهم",          variant: "للبيع",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041534440-villa-pool-6.jpg?_wi=2",          imageAlt: "Spacious 5-bedroom villa with private pool in Arabian Ranches"},
       ]}
       title="العقارات الفاخرة المميزة"
       description="استعرض مجموعتنا المختارة بعناية من العقارات الأكثر فخامة وتميزاً في أرقى أحياء الإمارات. فرص استثمارية فريدة ومنازل الأحلام."
       tag="حصري"
+      buttons={[
+        {
+          text: "تواصل عبر واتساب",          href: whatsappLink
+        }
+      ]}
     />
   </div>
 
@@ -162,15 +165,15 @@ export default function LandingPage() {
         {
           id: "cat1",          title: "الفلل الفاخرة",          tags: [
             "للبيع",            "للإيجار"],
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr",          imageAlt: "Luxury Villa Icon"},
+          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr&_wi=1",          imageAlt: "Luxury Villa Icon"},
         {
           id: "cat2",          title: "الشقق العصرية",          tags: [
             "مفروشة",            "غير مفروشة"],
-          imageSrc: "http://img.b2bpic.net/free-vector/real-estate-infographic-with-skyscrapers_23-2147550989.jpg",          imageAlt: "Modern Apartment Icon"},
+          imageSrc: "http://img.b2bpic.net/free-vector/real-estate-infographic-with-skyscrapers_23-2147550989.jpg?_wi=1",          imageAlt: "Modern Apartment Icon"},
         {
           id: "cat3",          title: "العقارات التجارية",          tags: [
             "مكاتب",            "محلات"],
-          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-house-silhouette_23-2150281528.jpg",          imageAlt: "Commercial Property Icon"},
+          imageSrc: "http://img.b2bpic.net/free-vector/flat-design-house-silhouette_23-2150281528.jpg?_wi=1",          imageAlt: "Commercial Property Icon"},
       ]}
       title="اكتشف العقارات حسب الفئة"
       description="سواء كنت تبحث عن فيلا عائلية، شقة عصرية، أو عقار تجاري، لدينا الخيار المثالي لك."
@@ -179,14 +182,52 @@ export default function LandingPage() {
   </div>
 
   <div id="featured-agents" data-section="featured-agents">
-      <SocialProofOne
+      <TestimonialCardSixteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
+      testimonials={[
-        "محمد السبع",        "فاطمة الزهراء",        "علي الخالد",        "مريم العلي",        "أحمد الشمسي",        "نور الهدى",        "يوسف النجار"]}
+        {
-      title="تعرف على وسطائنا الموثوقين"
+          id: "a1",          name: "محمد السبع",          role: "وسيط عقاري معتمد",          company: "النجوم السبعة",          rating: 5,
-      description="فريق من الخبراء العقاريين المعتمدين والموثوقين، جاهزون لتقديم أفضل الاستشارات والمساعدة في رحلتك العقارية."
+          imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-guy-posing-against-white-wall_176420-30580.jpg?_wi=1",          imageAlt: "محمد السبع"
-      tag="الوسطاء المميزون"
+        },
+        {
+          id: "a2",          name: "فاطمة الزهراء",          role: "خبير عقاري",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-arabic-businesswoman_181624-51783.jpg?_wi=1",          imageAlt: "فاطمة الزهراء"
+        },
+        {
+          id: "a3",          name: "علي الخالد",          role: "مستشار استثماري",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-making-thumbs-up_23-2148135891.jpg?_wi=1",          imageAlt: "علي الخالد"
+        },
+        {
+          id: "a4",          name: "مريم العلي",          role: "أخصائية عقارات",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing-sari_23-2149405629.jpg?_wi=1",          imageAlt: "مريم العلي"
+        },
+        {
+          id: "a5",          name: "أحمد الشمسي",          role: "مدير مبيعات",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-young-man_181624-30691.jpg?_wi=1",          imageAlt: "أحمد الشمسي"
+        }
+      ]}
+      kpiItems={[
+        {
+          value: "+200",          label: "وسطاء معتمدون"
+        },
+        {
+          value: "4.8/5",          label: "متوسط التقييم"
+        },
+        {
+          value: "<CheckCircle />",          label: "وكالات موثوقة"
+        }
+      ]}
+      title="الوسطاء والوكالات المعتمدة"
+      description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
+      tag="تقييمات الوسطاء"
+      tagIcon={Star}
+      buttons={[
+        {
+          text: "تحدث مع وسيط عبر واتساب",          href: whatsappLink
+        }
+      ]}
     />
   </div>
 
@@ -198,19 +239,19 @@ export default function LandingPage() {
       testimonials={[
         {
           id: "t1",          name: "سارة محمد",          role: "مستثمرة",          company: "مجموعة الفجر",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg",          imageAlt: "Sarah Mohammad"},
+          imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg?_wi=1",          imageAlt: "Sarah Mohammad"},
         {
           id: "t2",          name: "خالد أحمد",          role: "رجل أعمال",          company: "الشركة الدولية",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-with-hijab-leaving-hotel-smiling-while-being-vacation_23-2149309153.jpg",          imageAlt: "Khaled Ahmed"},
+          imageSrc: "http://img.b2bpic.net/free-photo/muslim-woman-with-hijab-leaving-hotel-smiling-while-being-vacation_23-2149309153.jpg?_wi=1",          imageAlt: "Khaled Ahmed"},
         {
           id: "t3",          name: "ليلى حسن",          role: "مديرة تسويق",          company: "إبداع ديزاين",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg",          imageAlt: "Laila Hassan"},
+          imageSrc: "http://img.b2bpic.net/free-photo/confident-office-employers-thumbing-up-smiling-two-happy-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-cooperation-concept_74855-6924.jpg?_wi=1",          imageAlt: "Laila Hassan"},
         {
           id: "t4",          name: "يوسف منصور",          role: "مهندس",          company: "العمران الحديث",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg",          imageAlt: "Youssef Mansour"},
+          imageSrc: "http://img.b2bpic.net/free-photo/happy-successful-mature-business-leader-with-laptop_74855-3534.jpg?_wi=1",          imageAlt: "Youssef Mansour"},
         {
           id: "t5",          name: "فاطمة سعيد",          role: "طبيبة",          company: "مستشفى الأمل",          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-people-handsome-corporate-man-suit-smiling-showing-thumbs-up-praise-work-good-job-saying-yes-standing-white-background_176420-49993.jpg",          imageAlt: "Fatima Said"},
+          imageSrc: "http://img.b2bpic.net/free-photo/business-people-handsome-corporate-man-suit-smiling-showing-thumbs-up-praise-work-good-job-saying-yes-standing-white-background_176420-49993.jpg?_wi=1",          imageAlt: "Fatima Said"},
       ]}
       kpiItems={[
         {
@@ -236,9 +277,12 @@ export default function LandingPage() {
       description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
       buttons={[
         {
-          text: "تحدث مع خبير",          href: "/contact"},
+          text: "تحدث مع خبير",          href: "#contact-cta"},
         {
-          text: "اطلب عقاراً",          href: "/contact"},
+          text: "اطلب عقاراً",          href: "#contact-cta"},
+        {
+          text: "تواصل عبر واتساب",          href: whatsappLink
+        }
       ]}
     />
   </div>
@@ -247,8 +291,8 @@ export default function LandingPage() {
       <FooterCard
       logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
       logoAlt="النجوم السبعة للعقارات"
-      logoText="النجوم السبعة للعقارات"
+      logoText="النجوم السبعة للعقارات — منذ 2010"
-      copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
+      copyrightText="© 2024 النجوم السبعة للعقارات. جميع الحقوق محفوظة."
       socialLinks={[
         {
           icon: Facebook,

src/app/pricing/page.tsx

@@ -0,0 +1,133 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Crown, Facebook, Instagram, Linkedin, PlayCircle, Rocket, Star, Twitter } from "lucide-react";
+
+export default function PricingPage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "الإعلانات المميزة",                id: "/pricing"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+
+        <div id="pricing" data-section="pricing">
+          <PricingCardThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="خيارات الإعلانات المميزة"
+            description="اختر الخطة المثالية لتعزيز ظهور عقارك والوصول إلى المزيد من المشترين المحتملين."
+            tag="روّج لعقارك"
+            plans={[
+              {
+                id: "standard",                badge: "قياسي",                badgeIcon: Rocket,
+                price: "مجاناً",                name: "إدراج قياسي",                buttons: [{ text: "ابدأ الآن", href: "/contact" }],
+                features: [
+                  "إدراج لمدة 30 يوماً",                  "5 صور للعقار",                  "دعم أساسي عبر البريد الإلكتروني"
+                ]
+              },
+              {
+                id: "featured",                badge: "مميز",                badgeIcon: Star,
+                price: "199 درهم/شهر",                name: "إدراج مميز",                buttons: [{ text: "اختر الخطة", href: "/contact" }],
+                features: [
+                  "إدراج لمدة 60 يوماً",                  "10 صور عالية الجودة",                  "دعم ذو أولوية",                  "ظهور في نتائج البحث المميزة"
+                ]
+              },
+              {
+                id: "homepage",                badge: "الصفحة الرئيسية",                badgeIcon: Crown,
+                price: "499 درهم/شهر",                name: "إدراج الصفحة الرئيسية",                buttons: [{ text: "اختر الخطة", href: "/contact" }],
+                features: [
+                  "إدراج لمدة 90 يوماً",                  "15 صورة عالية الجودة + جولة افتراضية",                  "دعم مخصص 24/7",                  "ظهور بارز على الصفحة الرئيسية"
+                ]
+              },
+              {
+                id: "video-ad",                badge: "إعلان فيديو مميز",                badgeIcon: PlayCircle,
+                price: "999 درهم/شهر",                name: "إعلان فيديو مميز",                buttons: [{ text: "اختر الخطة", href: "/contact" }],
+                features: [
+                  "إدراج لمدة 120 يوماً",                  "20 صورة + جولة افتراضية + فيديو احترافي",                  "دعم كبار العملاء",                  "ظهور على الصفحة الرئيسية وقسم الفيديوهات",                  "حملة إعلانية ممولة"
+                ]
+              }
+            ]}
+          />
+        </div>
+
+        <div id="contact-cta" data-section="contact-cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"}}
+            tag="تواصل معنا"
+            title="هل أنت مستعد للعثور على عقارك المثالي؟"
+            description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
+            buttons={[
+              {
+                text: "تحدث مع خبير",                href: "/contact"},
+              {
+                text: "اطلب عقاراً",                href: "/contact"},
+            ]}
+          />
+        </div>
+
+        <div id="footer" data-section="footer">
+          <FooterCard
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
+            logoAlt="النجوم السبعة للعقارات"
+            logoText="النجوم السبعة للعقارات"
+            copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
+            socialLinks={[
+              {
+                icon: Facebook,
+                href: "#",                ariaLabel: "Facebook"},
+              {
+                icon: Instagram,
+                href: "#",                ariaLabel: "Instagram"},
+              {
+                icon: Twitter,
+                href: "#",                ariaLabel: "Twitter"},
+              {
+                icon: Linkedin,
+                href: "#",                ariaLabel: "LinkedIn"},
+            ]}
+          />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/properties/manage/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function PropertyManagePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "إدارة العقارات",                id: "/properties/manage"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "إدارة الفيديوهات",                id: "/videos/manage"},
+              {
+                name: "الحسابات",                id: "/accounts"},
+              {
+                name: "إدارة العملاء",                id: "/leads"},
+              {
+                name: "لوحة التحليل",                id: "/analytics"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+        <main className="relative flex flex-col items-center justify-center py-20 min-h-[500px]">
+          <h1 className="text-4xl font-bold mb-4">إدارة العقارات (إضافة/تعديل)</h1>
+          <p className="text-lg text-gray-600">صفحة لإضافة وتعديل بيانات العقارات.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/styles/base.css

@@ -11,7 +11,7 @@ html {
 body {
   background-color: var(--background);
   color: var(--foreground);
-  font-family: var(--font-inter), sans-serif;
+  font-family: var(--font-libre-baskerville), sans-serif;
   position: relative;
   min-height: 100vh;
   overscroll-behavior: none;

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #fcfcfc;
+  --background: #efebe5;
-  --card: #ffffff;
+  --card: #f7f2ea;
-  --foreground: #1c1c1c;
+  --foreground: #000000;
-  --primary-cta: #B2A28B;
+  --primary-cta: #000000;
-  --primary-cta-text: #ffffff;
+  --primary-cta-text: #efebe5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
+  --secondary-cta-text: #000000;
-  --accent: #B2A28B;
+  --accent: #ffffff;
-  --background-accent: #e0d9cd;
+  --background-accent: #e1b875;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);

src/app/videos/manage/page.tsx

@@ -0,0 +1,60 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+
+export default function VideoManagePage() {
+  return (
+    <ThemeProvider
+      defaultButtonVariant="icon-arrow"
+      defaultTextAnimation="reveal-blur"
+      borderRadius="pill"
+      contentWidth="smallMedium"
+      sizing="mediumLarge"
+      background="aurora"
+      cardStyle="glass-elevated"
+      primaryButtonStyle="flat"
+      secondaryButtonStyle="solid"
+      headingFontWeight="light"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+          <NavbarStyleApple
+            navItems={[
+              {
+                name: "الرئيسية",                id: "/"},
+              {
+                name: "العقارات",                id: "/properties"},
+              {
+                name: "إدارة العقارات",                id: "/properties/manage"},
+              {
+                name: "الفيديوهات",                id: "/videos"},
+              {
+                name: "إدارة الفيديوهات",                id: "/videos/manage"},
+              {
+                name: "الحسابات",                id: "/accounts"},
+              {
+                name: "إدارة العملاء",                id: "/leads"},
+              {
+                name: "لوحة التحليل",                id: "/analytics"},
+              {
+                name: "الوسطاء",                id: "/agents"},
+              {
+                name: "الأكاديمية",                id: "/academy"},
+              {
+                name: "حاسبة التمويل",                id: "/calculator"},
+              {
+                name: "تواصل",                id: "/contact"},
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
+        <main className="relative flex flex-col items-center justify-center py-20 min-h-[500px]">
+          <h1 className="text-4xl font-bold mb-4">نظام رفع الفيديو</h1>
+          <p className="text-lg text-gray-600">صفحة لإدارة ورفع مقاطع الفيديو للعقارات.</p>
+        </main>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/videos/page.tsx

@@ -2,219 +2,99 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import BlogCardThree from '@/components/sections/blog/BlogCardThree';
-import ContactCTA from '@/components/sections/contact/ContactCTA';
-import FaqBase from '@/components/sections/faq/FaqBase';
-import FooterCard from '@/components/sections/footer/FooterCard';
 import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import ContactCTA from '@/components/sections/contact/ContactCTA';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
 
-export default function LandingPage() {
+export default function VideosPage() {
   return (
     <ThemeProvider
-        defaultButtonVariant="icon-arrow"
+      defaultButtonVariant="icon-arrow"
-        defaultTextAnimation="reveal-blur"
+      defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
+      borderRadius="pill"
-        contentWidth="smallMedium"
+      contentWidth="smallMedium"
-        sizing="mediumLarge"
+      sizing="mediumLarge"
-        background="aurora"
+      background="aurora"
-        cardStyle="glass-elevated"
+      cardStyle="glass-elevated"
-        primaryButtonStyle="flat"
+      primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
+      secondaryButtonStyle="solid"
-        headingFontWeight="light"
+      headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
+        <div id="nav" data-section="nav">
-      <NavbarStyleApple
+          <NavbarStyleApple
-      navItems={[
+            navItems={[
-        {
+              {
-          name: "الرئيسية",
+                name: "الرئيسية",                id: "/"},
-          id: "/",
+              {
-        },
+                name: "العقارات",                id: "/properties"},
-        {
+              {
-          name: "العقارات",
+                name: "الفيديوهات",                id: "/videos"},
-          id: "/properties",
+              {
-        },
+                name: "الإعلانات المميزة",                id: "/pricing"},
-        {
+              {
-          name: "الفيديوهات",
+                name: "الوسطاء",                id: "/agents"},
-          id: "/videos",
+              {
-        },
+                name: "الأكاديمية",                id: "/academy"},
-        {
+              {
-          name: "الوسطاء",
+                name: "حاسبة التمويل",                id: "/calculator"},
-          id: "/agents",
+              {
-        },
+                name: "تواصل",                id: "/contact"},
-        {
+            ]}
-          name: "الأكاديمية",
+            brandName="النجوم السبعة للعقارات"
-          id: "/academy",
+          />
-        },
+        </div>
-        {
-          name: "حاسبة التمويل",
-          id: "/calculator",
-        },
-        {
-          name: "تواصل",
-          id: "/contact",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
 
-  <div id="property-videos" data-section="property-videos">
+        <div className="min-h-[60vh] flex flex-col items-center justify-center p-8 text-center">
-      <BlogCardThree
+          <h1 className="text-4xl font-bold mb-4">فيديوهات العقارات</h1>
-      animationType="slide-up"
+          <p className="text-lg text-foreground/80 mb-8 max-w-2xl">
-      textboxLayout="default"
+            استعرض أحدث الفيديوهات العقارية بأسلوب "تيك توك"، مع إمكانية التمرير، التشغيل التلقائي، وحفظ الفيديوهات المفضلة لديك.
-      useInvertedBackground={false}
+          </p>
-      title="جولات عقارية بالفيديو (تيك توك و ريلز)"
+          <div className="w-full max-w-sm h-96 bg-card rounded-xl flex items-center justify-center text-foreground/60 border border-border">
-      description="استكشف العقارات الفاخرة بجولات فيديو قصيرة ومثيرة، مصممة خصيصًا لتجربة مشاهدة سريعة ومتكاملة على هاتفك. مرر لأعلى لمشاهدة المزيد!"
+            <p>مساحة لعرض فيديوهات العقارات</p>
-      tag="فيديوهات"
+          </div>
-      blogs={[
+        </div>
-        {
-          id: "v1",
-          category: "فيلا فاخرة",
-          title: "جولة سريعة: فيلا الأحلام في تلال الإمارات",
-          excerpt: "شاهد جمال التصميم والتشطيبات الفاخرة في هذه الفيلا الحصرية.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624886.jpg",
-          imageAlt: "Video thumbnail for Emirates Hills villa",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-20",
-        },
-        {
-          id: "v2",
-          category: "شقة بنتهاوس",
-          title: "إطلالة ساحرة: بنتهاوس في برج خليفة",
-          excerpt: "تجربة معيشة لا مثيل لها مع إطلالة بانورامية على أفق دبي.",
-          imageSrc: "http://img.b2bpic.net/free-photo/woman-reading-book-street_23-2147737638.jpg",
-          imageAlt: "Video thumbnail for Burj Khalifa penthouse",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-19",
-        },
-        {
-          id: "v3",
-          category: "تاون هاوس",
-          title: "عصري ومريح: تاون هاوس في دبي هيلز",
-          excerpt: "تصميم حديث ومساحات واسعة مثالية للعائلات في مجتمع دبي هيلز.",
-          imageSrc: "http://img.b2bpic.net/free-photo/person-showcasing-their-home-through-smartphone_23-2151624884.jpg",
-          imageAlt: "Video thumbnail for Dubai Hills townhouse",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-18",
-        },
-        {
-          id: "v4",
-          category: "فيلا شاطئية",
-          title: "استمتع بالبحر: فيلا على نخلة جميرا",
-          excerpt: "عش الرفاهية المطلقة مع وصول خاص إلى الشاطئ في نخلة جميرا.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-cute-woman-lifestyle-blogger-sits-her-room-with-daily-journal-planner_1258-281953.jpg",
-          imageAlt: "Video thumbnail for Palm Jumeirah villa",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-17",
-        },
-        {
-          id: "v5",
-          category: "شقة فاخرة",
-          title: "حياة المدن: شقة غرفتين نوم في وسط دبي",
-          excerpt: "موقع مثالي ووسائل راحة عالمية في قلب مدينة دبي النابض.",
-          imageSrc: "http://img.b2bpic.net/free-photo/fashion-models-paper-cut-out-style_23-2149374794.jpg",
-          imageAlt: "Video thumbnail for Downtown Dubai apartment",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-16",
-        },
-        {
-          id: "v6",
-          category: "فيلا عائلية",
-          title: "الخصوصية والهدوء: فيلا في المرابع العربية",
-          excerpt: "مساحة خضراء واسعة ومرافق ترفيهية لعائلة تستحق الأفضل.",
-          imageSrc: "http://img.b2bpic.net/free-photo/grey-concrete-building-daytime_250224-255.jpg",
-          imageAlt: "Video thumbnail for Arabian Ranches villa",
-          authorName: "النجوم السبعة للعقارات",
-          authorAvatar: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg",
-          date: "2024-07-15",
-        },
-      ]}
-    />
-  </div>
 
-  <div id="video-faq" data-section="video-faq">
+        <div id="contact-cta" data-section="contact-cta">
-      <FaqBase
+          <ContactCTA
-      textboxLayout="default"
+            useInvertedBackground={false}
-      useInvertedBackground={true}
+            background={{
-      faqs={[
+              variant: "radial-gradient"}}
-        {
+            tag="تواصل معنا"
-          id: "vf1",
+            title="هل أنت مستعد للعثور على عقارك المثالي؟"
-          title: "كيف يمكنني تحميل فيديو عقاري؟",
+            description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
-          content: "يمكن للمكاتب والوسطاء الموثقين تحميل الفيديوهات من خلال لوحة التحكم الخاصة بهم.",
+            buttons={[
-        },
+              {
-        {
+                text: "تحدث مع خبير",                href: "/contact"},
-          id: "vf2",
+              {
-          title: "ما هي مدة الفيديو المسموح بها؟",
+                text: "اطلب عقاراً",                href: "/contact"},
-          content: "يجب أن تتراوح مدة الفيديو بين 15 و 30 ثانية لضمان تجربة مشاهدة سريعة وجذابة.",
+            ]}
-        },
+          />
-        {
+        </div>
-          id: "vf3",
-          title: "هل يمكن للفيديوهات أن تعرض في الصفحة الرئيسية؟",
-          content: "نعم، يمكن ترقية الفيديو ليظهر كفيديو مميز أو مثبت في الصفحة الرئيسية مقابل رسوم إضافية.",
-        },
-      ]}
-      title="أسئلة شائعة حول فيديوهات العقارات"
-      description="كل ما تحتاج معرفته عن كيفية إنشاء وتحميل فيديوهات عقارك في منصة النجوم السبعة للعقارات."
-      tag="دعم"
-      faqsAnimation="slide-up"
-    />
-  </div>
 
-  <div id="video-contact" data-section="video-contact">
+        <div id="footer" data-section="footer">
-      <ContactCTA
+          <FooterCard
-      useInvertedBackground={false}
+            logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
-      background={{
+            logoAlt="النجوم السبعة للعقارات"
-        variant: "sparkles-gradient",
+            logoText="النجوم السبعة للعقارات"
-      }}
+            copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
-      tag="تواصل"
+            socialLinks={[
-      title="هل لديك استفسارات حول فيديوهات العقارات؟"
+              {
-      description="تواصل مع فريق الدعم لدينا للحصول على المساعدة في إنشاء أو تحميل فيديوهاتك العقارية."
+                icon: Facebook,
-      buttons={[
+                href: "#",                ariaLabel: "Facebook"},
-        {
+              {
-          text: "تحدث مع الدعم",
+                icon: Instagram,
-          href: "/contact",
+                href: "#",                ariaLabel: "Instagram"},
-        },
+              {
-      ]}
+                icon: Twitter,
-    />
+                href: "#",                ariaLabel: "Twitter"},
-  </div>
+              {
-
+                icon: Linkedin,
-  <div id="footer" data-section="footer">
+                href: "#",                ariaLabel: "LinkedIn"},
-      <FooterCard
+            ]}
-      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
+          />
-      logoAlt="النجوم السبعة للعقارات"
+        </div>
-      logoText="النجوم السبعة للعقارات"
-      copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
-      socialLinks={[
-        {
-          icon: Facebook,
-          href: "#",
-          ariaLabel: "Facebook",
-        },
-        {
-          icon: Instagram,
-          href: "#",
-          ariaLabel: "Instagram",
-        },
-        {
-          icon: Twitter,
-          href: "#",
-          ariaLabel: "Twitter",
-        },
-        {
-          icon: Linkedin,
-          href: "#",
-          ariaLabel: "LinkedIn",
-        },
-      ]}
-    />
-  </div>
       </ReactLenis>
     </ThemeProvider>
   );