Update src/app/videos/page.tsx

Merge version_1 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 { Award, BookOpen, Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
+import FooterCard from '@/components/sections/footer/FooterCard';
+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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "/",
-        },
-        {
-          name: "العقارات",
-          id: "/properties",
-        },
-        {
-          name: "الفيديوهات",
-          id: "/videos",
-        },
-        {
-          name: "الوسطاء",
-          id: "/agents",
-        },
-        {
-          name: "الأكاديمية",
-          id: "/academy",
-        },
-        {
-          name: "حاسبة التمويل",
-          id: "/calculator",
-        },
-        {
-          name: "تواصل",
-          id: "/contact",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
+        <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"
+              }
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
 
-  <div id="academy-about" data-section="academy-about">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="أكاديمية النجوم السبعة: ارتق بمسيرتك العقارية"
-      description="برامج تدريب واستشارات متخصصة للوسطاء والمكاتب العقارية الموثوقين. اكتسب المهارات والمعرفة اللازمة لتحقيق أقصى إمكاناتك في السوق."
-      metrics={[
-        {
-          value: "+100",
-          title: "خبير مدرب",
-        },
-        {
-          value: "60",
-          title: "دقيقة للجلسة",
-        },
-        {
-          value: "خاصة",
-          title: "جلسات فردية",
-        },
-      ]}
-      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-pricing" data-section="academy-pricing">
+          <PricingCardOne
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="برامج الأكاديمية التدريبية"
+            description="صُممت برامجنا التدريبية المتخصصة لتمكين وكلاء ووكالات العقارات من النجاح في السوق الإماراتي التنافسي."
+            tag="تدريب الخبراء"
+            tagIcon={GraduationCap}
+            plans={[
+              {
+                id: "training-session",                badge: "جلسة تدريب فردية",                badgeIcon: GraduationCap,
+                price: "500 درهم إماراتي / جلسة",                subtitle: "تدريب مكثف لمدة ساعة واحدة",                features: [
+                  "تدريب شخصي ومخصص",                  "استراتيجيات بيع وتسويق متقدمة",                  "تحسين مهارات التفاوض",                  "بناء علاقات العملاء الفعالة",                  "فهم عميق لسوق العقارات الإماراتي"
+                ]
+              }
+            ]}
+          />
+        </div>
 
-  <div id="academy-features" data-section="academy-features">
-      <FeatureCardTwentyThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={true}
-      features={[
-        {
-          id: "af1",
-          title: "المبيعات العقارية",
-          tags: [
-            "استراتيجيات",
-            "إغلاق الصفقات",
-          ],
-          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: "af2",
-          title: "التسويق العقاري",
-          tags: [
-            "سوشيال ميديا",
-            "فيديو",
-          ],
-          imageSrc: "http://img.b2bpic.net/free-photo/view-earnings-accounting-financial-money-concept_53876-15880.jpg",
-          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-features" data-section="academy-features">
+          <FeatureCardTwentyThree
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="أنظمة متكاملة لأكاديمية الوكلاء"
+            description="نقدم أدوات وتقنيات متطورة لدعم تدريب الوكلاء وتمكينهم من إدارة عملياتهم بكفاءة."
+            tag="التقنيات المتقدمة"
+            features={[
+              {
+                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"
+              },
+              {
+                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: "viewing-booking-system",                title: "نظام حجز معاينات العقارات",                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"
+              }
+            ]}
+          />
+        </div>
 
-  <div id="academy-pricing" data-section="academy-pricing">
-      <PricingCardTwo
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      plans={[
-        {
-          id: "aprice1",
-          badge: "جلسة فردية",
-          badgeIcon: BookOpen,
-          price: "500 درهم",
-          subtitle: "جلسة تدريب واستشارة لمدة 60 دقيقة",
-          buttons: [
-            {
-              text: "احجز جلستك الآن",
-              href: "#",
-            },
-          ],
-          features: [
-            "جلسة شخصية 1:1",
-            "استشارات مخصصة",
-            "تحليل احتياجاتك",
-            "دعم مستمر",
-          ],
-        },
-        {
-          id: "aprice2",
-          badge: "باقة 3 جلسات",
-          badgeIcon: Award,
-          price: "1350 درهم",
-          subtitle: "توفير 150 درهم",
-          buttons: [
-            {
-              text: "احجز الباقة",
-              href: "#",
-            },
-          ],
-          features: [
-            "3 جلسات تدريب فردية",
-            "خطة تطوير مخصصة",
-            "أولوية الحجز",
-            "متابعة دورية",
-          ],
-        },
-      ]}
-      title="أسعار جلسات الأكاديمية"
-      description="استثمر في نفسك ومهاراتك. جلسات فردية متخصصة لمساعدتك على التفوق."
-      tag="باقات التدريب"
-    />
-  </div>
+        <div id="academy-cta" data-section="academy-cta">
+          <ContactCTA
+            useInvertedBackground={false}
+            background={{
+              variant: "radial-gradient"
+            }}
+            tag="انضم إلينا"
+            tagIcon={MessageCircle}
+            title="ابدأ رحلتك نحو التميز العقاري اليوم"
+            description="سجل الآن في أكاديمية التدريب الخاصة بنا واستفد من خبرات قادتنا في المجال."
+            buttons={[
+              {
+                text: "سجل الآن",                href: "#academy-pricing"
+              },
+              {
+                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>
+        <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/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">
-      <NavbarStyleApple
-      navItems={[
-        {
-          name: "الرئيسية",
-          id: "/",
-        },
-        {
-          name: "العقارات",
-          id: "/properties",
-        },
-        {
-          name: "الفيديوهات",
-          id: "/videos",
-        },
-        {
-          name: "الوسطاء",
-          id: "/agents",
-        },
-        {
-          name: "الأكاديمية",
-          id: "/academy",
-        },
-        {
-          name: "حاسبة التمويل",
-          id: "/calculator",
-        },
-        {
-          name: "تواصل",
-          id: "/contact",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
+        <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"
+              }
+            ]}
+            brandName="النجوم السبعة للعقارات"
+          />
+        </div>
 
-  <div id="mortgage-calculator-intro" data-section="mortgage-calculator-intro">
-      <MetricSplitMediaAbout
-      useInvertedBackground={false}
-      title="حاسبة التمويل العقاري الذكية"
-      description="احسب أقساطك الشهرية واجمالي الفوائد بدقة. أدخل سعر العقار، الدفعة الأولى، نسبة الفائدة، ومدة التمويل واحصل على جدول سداد تقديري."
-      metrics={[
-        {
-          value: "سريع",
-          title: "نتائج فورية",
-        },
-        {
-          value: "دقيق",
-          title: "حسابات موثوقة",
-        },
-        {
-          value: "سهل",
-          title: "استخدام بسيط",
-        },
-      ]}
-      tag="أداة مجانية"
-      imageSrc="http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg"
-      imageAlt="Mortgage calculator interface"
-      mediaAnimation="slide-up"
-    />
-  </div>
-
-  <div id="calculator-contact-cta" data-section="calculator-contact-cta">
-      <ContactCTA
-      useInvertedBackground={true}
-      background={{
-        variant: "radial-gradient",
-      }}
-      tag="مساعدة التمويل"
-      title="هل تحتاج لمساعدة في التمويل العقاري؟"
-      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>
+        <div id="calculator-section" data-section="calculator-section">
+          <PricingCardTwo
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={true}
+            title="حاسبة التمويل العقاري"
+            description="احسب الأقساط الشهرية وتقديرات التمويل لعقارك المستقبلي بكل سهولة ودقة."
+            tag="ابدأ الآن"
+            tagIcon={Calculator}
+            plans={[
+              {
+                id: "p1",                badge: "قرض قياسي",                badgeIcon: Calculator,
+                price: "7,500 درهم/شهرياً",                subtitle: "فائدة ثابتة 3% على 25 سنة",                buttons: [{ text: "احسب الآن" }],
+                features: [
+                  "دفعة أولى 20%",                  "شروط سداد مرنة",                  "لا توجد رسوم خفية"
+                ]
+              },
+              {
+                id: "p2",                badge: "قرض مرن",                badgeIcon: Calculator,
+                price: "6,000 درهم/شهرياً",                subtitle: "فائدة متغيرة 2.5% على 30 سنة",                buttons: [{ text: "احسب الآن" }],
+                features: [
+                  "دفعة أولى 15%",                  "إمكانية إعادة التمويل",                  "خيارات دفع مسبق"
+                ]
+              },
+              {
+                id: "p3",                badge: "قرض استثماري",                badgeIcon: Calculator,
+                price: "10,000 درهم/شهرياً",                subtitle: "فائدة ثابتة 4% على 20 سنة",                buttons: [{ text: "احسب الآن" }],
+                features: [
+                  "دفعة أولى 25%",                  "مستشار استثماري مخصص",                  "عوائد تنافسية"
+                ]
+              }
+            ]}
+          />
+        </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,9 +9,8 @@ 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() {
   return (
@@ -179,14 +178,47 @@ export default function LandingPage() {
   </div>
 
   <div id="featured-agents" data-section="featured-agents">
-      <SocialProofOne
+      <TestimonialCardSixteen
+      animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      names={[
-        "محمد السبع",        "فاطمة الزهراء",        "علي الخالد",        "مريم العلي",        "أحمد الشمسي",        "نور الهدى",        "يوسف النجار"]}
-      title="تعرف على وسطائنا الموثوقين"
-      description="فريق من الخبراء العقاريين المعتمدين والموثوقين، جاهزون لتقديم أفضل الاستشارات والمساعدة في رحلتك العقارية."
-      tag="الوسطاء المميزون"
+      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",          imageAlt: "محمد السبع"
+        },
+        {
+          id: "a2",          name: "فاطمة الزهراء",          role: "خبير عقاري",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-arabic-businesswoman_181624-51783.jpg",          imageAlt: "فاطمة الزهراء"
+        },
+        {
+          id: "a3",          name: "علي الخالد",          role: "مستشار استثماري",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-making-thumbs-up_23-2148135891.jpg",          imageAlt: "علي الخالد"
+        },
+        {
+          id: "a4",          name: "مريم العلي",          role: "أخصائية عقارات",          company: "النجوم السبعة",          rating: 4,
+          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing-sari_23-2149405629.jpg",          imageAlt: "مريم العلي"
+        },
+        {
+          id: "a5",          name: "أحمد الشمسي",          role: "مدير مبيعات",          company: "النجوم السبعة",          rating: 5,
+          imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-young-man_181624-30691.jpg",          imageAlt: "أحمد الشمسي"
+        }
+      ]}
+      kpiItems={[
+        {
+          value: "+200",          label: "وسطاء معتمدون"
+        },
+        {
+          value: "4.8/5",          label: "متوسط التقييم"
+        },
+        {
+          value: "<CheckCircle />",          label: "وكالات موثوقة"
+        }
+      ]}
+      title="الوسطاء والوكالات المعتمدة"
+      description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
+      tag="تقييمات الوسطاء"
+      tagIcon={Star}
     />
   </div>
 
@@ -247,8 +279,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="النجوم السبعة للعقارات"
-      copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
+      logoText="النجوم السبعة للعقارات — منذ 2010"
+      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;
-  --card: #ffffff;
-  --foreground: #1c1c1c;
-  --primary-cta: #B2A28B;
-  --primary-cta-text: #ffffff;
+  --background: #efebe5;
+  --card: #f7f2ea;
+  --foreground: #000000;
+  --primary-cta: #000000;
+  --primary-cta-text: #efebe5;
   --secondary-cta: #ffffff;
-  --secondary-cta-text: #1c1c1c;
-  --accent: #B2A28B;
-  --background-accent: #e0d9cd;
+  --secondary-cta-text: #000000;
+  --accent: #ffffff;
+  --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"
-        defaultTextAnimation="reveal-blur"
-        borderRadius="pill"
-        contentWidth="smallMedium"
-        sizing="mediumLarge"
-        background="aurora"
-        cardStyle="glass-elevated"
-        primaryButtonStyle="flat"
-        secondaryButtonStyle="solid"
-        headingFontWeight="light"
+      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",
-        },
-      ]}
-      brandName="النجوم السبعة للعقارات"
-    />
-  </div>
+        <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="property-videos" data-section="property-videos">
-      <BlogCardThree
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="جولات عقارية بالفيديو (تيك توك و ريلز)"
-      description="استكشف العقارات الفاخرة بجولات فيديو قصيرة ومثيرة، مصممة خصيصًا لتجربة مشاهدة سريعة ومتكاملة على هاتفك. مرر لأعلى لمشاهدة المزيد!"
-      tag="فيديوهات"
-      blogs={[
-        {
-          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 className="min-h-[60vh] flex flex-col items-center justify-center p-8 text-center">
+          <h1 className="text-4xl font-bold mb-4">فيديوهات العقارات</h1>
+          <p className="text-lg text-foreground/80 mb-8 max-w-2xl">
+            استعرض أحدث الفيديوهات العقارية بأسلوب "تيك توك"، مع إمكانية التمرير، التشغيل التلقائي، وحفظ الفيديوهات المفضلة لديك.
+          </p>
+          <div className="w-full max-w-sm h-96 bg-card rounded-xl flex items-center justify-center text-foreground/60 border border-border">
+            <p>مساحة لعرض فيديوهات العقارات</p>
+          </div>
+        </div>
 
-  <div id="video-faq" data-section="video-faq">
-      <FaqBase
-      textboxLayout="default"
-      useInvertedBackground={true}
-      faqs={[
-        {
-          id: "vf1",
-          title: "كيف يمكنني تحميل فيديو عقاري؟",
-          content: "يمكن للمكاتب والوسطاء الموثقين تحميل الفيديوهات من خلال لوحة التحكم الخاصة بهم.",
-        },
-        {
-          id: "vf2",
-          title: "ما هي مدة الفيديو المسموح بها؟",
-          content: "يجب أن تتراوح مدة الفيديو بين 15 و 30 ثانية لضمان تجربة مشاهدة سريعة وجذابة.",
-        },
-        {
-          id: "vf3",
-          title: "هل يمكن للفيديوهات أن تعرض في الصفحة الرئيسية؟",
-          content: "نعم، يمكن ترقية الفيديو ليظهر كفيديو مميز أو مثبت في الصفحة الرئيسية مقابل رسوم إضافية.",
-        },
-      ]}
-      title="أسئلة شائعة حول فيديوهات العقارات"
-      description="كل ما تحتاج معرفته عن كيفية إنشاء وتحميل فيديوهات عقارك في منصة النجوم السبعة للعقارات."
-      tag="دعم"
-      faqsAnimation="slide-up"
-    />
-  </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="video-contact" data-section="video-contact">
-      <ContactCTA
-      useInvertedBackground={false}
-      background={{
-        variant: "sparkles-gradient",
-      }}
-      tag="تواصل"
-      title="هل لديك استفسارات حول فيديوهات العقارات؟"
-      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>
+        <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>
   );