49 Commits

Author SHA1 Message Date
b3d7c62498 Update src/app/admin/page.tsx 2026-05-30 14:18:45 +00:00
97a4cb5099 Update src/app/admin/page.tsx 2026-05-30 14:17:15 +00:00
8b7a939b7e Update src/app/contact/page.tsx 2026-05-30 14:16:56 +00:00
842c3cc484 Update src/app/calculator/page.tsx 2026-05-30 14:16:56 +00:00
cba9a129bf Update src/app/analytics/page.tsx 2026-05-30 14:16:55 +00:00
f765ace9ce Update src/app/agents/page.tsx 2026-05-30 14:16:55 +00:00
4a2207655d Update src/app/admin/page.tsx 2026-05-30 14:16:55 +00:00
d8a77cbef9 Update src/app/accounts/page.tsx 2026-05-30 14:16:54 +00:00
aea19de2bb Update src/app/academy/page.tsx 2026-05-30 14:16:54 +00:00
c87536427b Merge version_7 into main
Merge version_7 into main
2026-05-30 14:14:49 +00:00
41ed174ae3 Update src/app/styles/base.css 2026-05-30 14:14:46 +00:00
90e86e392d Update src/app/properties/page.tsx 2026-05-30 14:14:46 +00:00
51770835b3 Update src/app/page.tsx 2026-05-30 14:14:45 +00:00
a00f5a4bf7 Add src/app/new-projects/page.tsx 2026-05-30 14:14:45 +00:00
0bd7b86f3f Add src/app/listings/page.tsx 2026-05-30 14:14:45 +00:00
a40b61680c Merge version_6 into main
Merge version_6 into main
2026-05-30 13:54:48 +00:00
c72c6c9d09 Update src/app/home/page.tsx 2026-05-30 13:54:45 +00:00
7e1f26677e Update src/app/contact/page.tsx 2026-05-30 13:54:45 +00:00
18890f6085 Update src/app/academy/page.tsx 2026-05-30 13:54:44 +00:00
3fce3d63c9 Merge version_5 into main
Merge version_5 into main
2026-05-30 13:52:31 +00:00
328f618f5f Update src/app/page.tsx 2026-05-30 13:52:28 +00:00
6e6ad4f5e2 Update src/app/home/page.tsx 2026-05-30 13:52:28 +00:00
47c80cfc37 Merge version_5 into main
Merge version_5 into main
2026-05-30 13:52:07 +00:00
86e8371720 Update src/app/page.tsx 2026-05-30 13:52:04 +00:00
61da46a884 Update src/app/home/page.tsx 2026-05-30 13:52:03 +00:00
00d79099a0 Merge version_4 into main
Merge version_4 into main
2026-05-30 13:49:15 +00:00
9a6f4c274e Update src/app/page.tsx 2026-05-30 13:49:09 +00:00
66d80001b9 Merge version_3 into main
Merge version_3 into main
2026-05-30 13:41:10 +00:00
8b9d8dd8cc Update src/app/page.tsx 2026-05-30 13:41:04 +00:00
242717b591 Update src/app/home/page.tsx 2026-05-30 13:41:04 +00:00
925fda9986 Merge version_3 into main
Merge version_3 into main
2026-05-30 13:40:43 +00:00
baad6b78df Update src/app/page.tsx 2026-05-30 13:40:40 +00:00
b83385c79b Add src/app/home/page.tsx 2026-05-30 13:40:39 +00:00
b6454647bd Merge version_2 into main
Merge version_2 into main
2026-05-30 13:32:42 +00:00
3c6342231f Update src/app/videos/page.tsx 2026-05-30 13:32:36 +00:00
2eedb2d482 Add src/app/videos/manage/page.tsx 2026-05-30 13:32:35 +00:00
16e06895ea Update src/app/styles/variables.css 2026-05-30 13:32:35 +00:00
95c00889c5 Update src/app/styles/base.css 2026-05-30 13:32:35 +00:00
d8de2764dd Add src/app/properties/manage/page.tsx 2026-05-30 13:32:34 +00:00
0b016c3d64 Add src/app/pricing/page.tsx 2026-05-30 13:32:34 +00:00
f12aedde06 Update src/app/page.tsx 2026-05-30 13:32:33 +00:00
d42b9b8fd2 Add src/app/leads/page.tsx 2026-05-30 13:32:33 +00:00
407d46263d Update src/app/calculator/page.tsx 2026-05-30 13:32:32 +00:00
7f9d788e6c Add src/app/analytics/page.tsx 2026-05-30 13:32:32 +00:00
b5074a2e91 Add src/app/admin/page.tsx 2026-05-30 13:32:32 +00:00
4028bfeb2f Add src/app/accounts/page.tsx 2026-05-30 13:32:31 +00:00
9e55d3a579 Update src/app/academy/page.tsx 2026-05-30 13:32:31 +00:00
9e8e8ff463 Merge version_1 into main
Merge version_1 into main
2026-05-30 13:27:46 +00:00
0964d5386c Merge version_1 into main
Merge version_1 into main
2026-05-30 13:25:37 +00:00
19 changed files with 1492 additions and 962 deletions

View File

@@ -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,193 +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="انضم إلينا"
title="ابدأ رحلتك نحو التميز العقاري اليوم"
description="سجل الآن في أكاديمية التدريب الخاصة بنا واستفد من خبرات قادتنا في المجال."
buttons={[
{
text: "سجل الآن", href: "#academy-pricing"
},
{
text: "تحدث مع مستشار", href: "/contact/advisor"
}
]}
/>
</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>
);
}
}

60
src/app/accounts/page.tsx Normal file
View File

@@ -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>
);
}

110
src/app/admin/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -28,33 +28,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "الرئيسية",
id: "/",
},
name: "الرئيسية", id: "/"},
{
name: "العقارات",
id: "/properties",
},
name: "العقارات", id: "/properties"},
{
name: "الفيديوهات",
id: "/videos",
},
name: "الفيديوهات", id: "/videos"},
{
name: "الوسطاء",
id: "/agents",
},
name: "الوسطاء", id: "/agents"},
{
name: "الأكاديمية",
id: "/academy",
},
name: "الأكاديمية", id: "/academy"},
{
name: "حاسبة التمويل",
id: "/calculator",
},
name: "حاسبة التمويل", id: "/calculator"},
{
name: "تواصل",
id: "/contact",
},
name: "تواصل", id: "/contact"},
]}
brandName="النجوم السبعة للعقارات"
/>
@@ -68,41 +54,17 @@ export default function LandingPage() {
membersAnimation="slide-up"
members={[
{
id: "m1",
name: "أحمد السبع",
imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg",
imageAlt: "Ahmed Al Saba",
},
id: "m1", name: "أحمد السبع", imageSrc: "http://img.b2bpic.net/free-photo/handsome-gay-official-suit-looking-camera-front-view-bearded-caucasian-man-smiling-camera-getting-dressed-wedding-ceremony-with-lover-lgbt-love-marriage-concept_74855-22937.jpg", imageAlt: "Ahmed Al Saba"},
{
id: "m2",
name: "ليلى الزهراء",
imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951459.jpg",
imageAlt: "Laila Al Zahraa",
},
id: "m2", name: "ليلى الزهراء", imageSrc: "http://img.b2bpic.net/free-photo/people-taking-part-high-protocol-event_23-2150951459.jpg", imageAlt: "Laila Al Zahraa"},
{
id: "m3",
name: "يوسف الخالد",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg",
imageAlt: "Youssef Al Khaled",
},
id: "m3", name: "يوسف الخالد", imageSrc: "http://img.b2bpic.net/free-photo/portrait-outdoors-successful-business-person_23-2148763862.jpg", imageAlt: "Youssef Al Khaled"},
{
id: "m4",
name: "نور العلي",
imageSrc: "http://img.b2bpic.net/free-photo/happy-business-partners-reading-news-tablet-computer-outdoors_1262-12345.jpg",
imageAlt: "Noor Al Ali",
},
id: "m4", name: "نور العلي", imageSrc: "http://img.b2bpic.net/free-photo/happy-business-partners-reading-news-tablet-computer-outdoors_1262-12345.jpg", imageAlt: "Noor Al Ali"},
{
id: "m5",
name: "سعيد الشمسي",
imageSrc: "http://img.b2bpic.net/free-photo/confident-people-holding-toy-house-together_23-2147764167.jpg",
imageAlt: "Saeed Al Shamsi",
},
id: "m5", name: "سعيد الشمسي", imageSrc: "http://img.b2bpic.net/free-photo/confident-people-holding-toy-house-together_23-2147764167.jpg", imageAlt: "Saeed Al Shamsi"},
{
id: "m6",
name: "مريم الهدى",
imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg",
imageAlt: "Maryam Al Huda",
},
id: "m6", name: "مريم الهدى", imageSrc: "http://img.b2bpic.net/free-photo/female-realtor-showing-new-house-smiley-couple-laptop_23-2148895494.jpg", imageAlt: "Maryam Al Huda"},
]}
memberVariant="card"
/>
@@ -115,20 +77,11 @@ export default function LandingPage() {
tag="الوسطاء الموثقون"
metrics={[
{
id: "am1",
value: "100%",
description: "وسطاء موثقون",
},
id: "am1", value: "100%", description: "وسطاء موثقون"},
{
id: "am2",
value: "+200",
description: "سنة خبرة مجتمعة",
},
id: "am2", value: "+200", description: "سنة خبرة مجتمعة"},
{
id: "am3",
value: "+5000",
description: "صفقة ناجحة",
},
id: "am3", value: "+5000", description: "صفقة ناجحة"},
]}
metricsAnimation="slide-up"
/>
@@ -141,64 +94,28 @@ export default function LandingPage() {
useInvertedBackground={false}
testimonials={[
{
id: "att1",
name: "جاسم المطروشي",
role: "مستثمر",
company: "عقارات أبوظبي",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg",
imageAlt: "Jassim Al Matroushi",
},
id: "att1", name: "جاسم المطروشي", role: "مستثمر", company: "عقارات أبوظبي", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-emotional-girl-business-style-clothes-plain-white-background-office-audience_78826-2259.jpg", imageAlt: "Jassim Al Matroushi"},
{
id: "att2",
name: "ريم البلوشي",
role: "مديرة مشتريات",
company: "مجموعة الخليج",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg",
imageAlt: "Reem Al Balushi",
},
id: "att2", name: "ريم البلوشي", role: "مديرة مشتريات", company: "مجموعة الخليج", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-showing-thumbs-up-posing-camera-park_1262-20571.jpg", imageAlt: "Reem Al Balushi"},
{
id: "att3",
name: "ناصر العامري",
role: "رائد أعمال",
company: "ستارت أب",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg",
imageAlt: "Nasser Al Ameri",
},
id: "att3", name: "ناصر العامري", role: "رائد أعمال", company: "ستارت أب", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/relaxing-fume-banking-adult-absence_1134-936.jpg", imageAlt: "Nasser Al Ameri"},
{
id: "att4",
name: "منى سعيد",
role: "خبيرة مالية",
company: "جلوبال فينانس",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg",
imageAlt: "Mona Saeed",
},
id: "att4", name: "منى سعيد", role: "خبيرة مالية", company: "جلوبال فينانس", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-office-workers-thumbing-up-smiling-two-cheerful-professional-businesswomen-standing-together-posing-meeting-room-teamwork-business-success-cooperation-concept_74855-7378.jpg", imageAlt: "Mona Saeed"},
{
id: "att5",
name: "سيف علي",
role: "مدير عقارات",
company: "إدارة العقار",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hr-manager-congratulating-with-getting-job_1262-19403.jpg",
imageAlt: "Saif Ali",
},
id: "att5", name: "سيف علي", role: "مدير عقارات", company: "إدارة العقار", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/smiling-hr-manager-congratulating-with-getting-job_1262-19403.jpg", imageAlt: "Saif Ali"},
]}
kpiItems={[
{
value: "5/5",
label: "احترافية",
},
value: "5/5", label: "احترافية"},
{
value: "ممتاز",
label: "سرعة الاستجابة",
},
value: "ممتاز", label: "سرعة الاستجابة"},
{
value: "عالي",
label: "جودة الخدمة",
},
value: "عالي", label: "جودة الخدمة"},
]}
title="تقييمات عملائنا لوسطائنا"
description="شفافية وثقة: استمع إلى ما يقوله عملاؤنا عن جودة خدمة وسطائنا المحترفين."
@@ -215,28 +132,20 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

View File

@@ -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>
);
}

View File

@@ -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,117 +21,70 @@ 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>
);
}
}

View File

@@ -27,33 +27,19 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "الرئيسية",
id: "/",
},
name: "الرئيسية", id: "/"},
{
name: "العقارات",
id: "/properties",
},
name: "العقارات", id: "/properties"},
{
name: "الفيديوهات",
id: "/videos",
},
name: "الفيديوهات", id: "/videos"},
{
name: "الوسطاء",
id: "/agents",
},
name: "الوسطاء", id: "/agents"},
{
name: "الأكاديمية",
id: "/academy",
},
name: "الأكاديمية", id: "/academy"},
{
name: "حاسبة التمويل",
id: "/calculator",
},
name: "حاسبة التمويل", id: "/calculator"},
{
name: "تواصل",
id: "/contact",
},
name: "تواصل", id: "/contact"},
]}
brandName="النجوم السبعة للعقارات"
/>
@@ -63,20 +49,15 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "plain",
}}
variant: "plain"}}
tag="تواصل معنا"
title="تواصل مع النجوم السبعة للعقارات"
description="نحن هنا للإجابة على جميع استفساراتك وتقديم الدعم. تواصل معنا عبر الهاتف، البريد الإلكتروني، أو قم بزيارة مكتبنا."
buttons={[
{
text: "أرسل رسالة",
href: "#",
},
text: "أرسل رسالة", href: "/contact/message"},
{
text: "النجوم السبعة واتساب",
href: "https://wa.me/971501234567",
},
text: "النجوم السبعة واتساب", href: "https://wa.me/971501234567"},
]}
/>
</div>
@@ -87,20 +68,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "fq1",
title: "كيف يمكنني البحث عن عقار؟",
content: "يمكنك استخدام محرك البحث المتقدم في الصفحة الرئيسية لتصفية العقارات حسب المدينة، النوع، السعر، وغيرها من المعايير.",
},
id: "fq1", title: "كيف يمكنني البحث عن عقار؟", content: "يمكنك استخدام محرك البحث المتقدم في الصفحة الرئيسية لتصفية العقارات حسب المدينة، النوع، السعر، وغيرها من المعايير."},
{
id: "fq2",
title: "هل يمكنني حجز موعد لمعاينة عقار؟",
content: "نعم، يمكنك حجز موعد معاينة مباشرة من صفحة تفاصيل العقار مع الوسيط المسؤول.",
},
id: "fq2", title: "هل يمكنني حجز موعد لمعاينة عقار؟", content: "نعم، يمكنك حجز موعد معاينة مباشرة من صفحة تفاصيل العقار مع الوسيط المسؤول."},
{
id: "fq3",
title: "ما هي الفوائد من حساب العميل؟",
content: "يمكنك حفظ العقارات والفيديوهات المفضلة، التواصل مع الوسطاء، وتلقي إشعارات مخصصة.",
},
id: "fq3", title: "ما هي الفوائد من حساب العميل؟", content: "يمكنك حفظ العقارات والفيديوهات المفضلة، التواصل مع الوسطاء، وتلقي إشعارات مخصصة."},
]}
title="أسئلة شائعة"
description="ابحث عن إجابات لأسئلتك المتكررة حول العقارات، خدماتنا، وعملية الشراء أو الإيجار."
@@ -118,28 +90,20 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "#",
ariaLabel: "Facebook",
},
href: "#", ariaLabel: "Facebook"},
{
icon: Instagram,
href: "#",
ariaLabel: "Instagram",
},
href: "#", ariaLabel: "Instagram"},
{
icon: Twitter,
href: "#",
ariaLabel: "Twitter",
},
href: "#", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "#",
ariaLabel: "LinkedIn",
},
href: "#", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}

297
src/app/home/page.tsx Normal file
View File

@@ -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/property-request"},
]}
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/expert"},
{
text: "اطلب عقاراً", href: "/contact/property-request"},
]}
/>
</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>
);
}

60
src/app/leads/page.tsx Normal file
View File

@@ -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>
);
}

129
src/app/listings/page.tsx Normal file
View File

@@ -0,0 +1,129 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ProductCatalog from "@/components/ecommerce/productCatalog/ProductCatalog";
import React from "react";
export default function ListingsPage() {
const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.';
const whatsappNumber = '971501234567'; // Placeholder for office WhatsApp
const encodedWhatsappMessage = encodeURIComponent(whatsappMessage);
const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`;
const sampleProperties = [
{
id: "prop1", category: "Villa", name: "فيلا فاخرة في دبي هيلز", price: "15,000,000 درهم", rating: 5,
reviewCount: "42", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041530379-villa-interior-1.jpg?_wi=2", imageAlt: "Luxury villa in Dubai Hills"},
{
id: "prop2", category: "Apartment", name: "شقة بنتهاوس مطلة على البحر", price: "8,500,000 درهم", rating: 4,
reviewCount: "28", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041531235-penthouse-view-2.jpg?_wi=2", imageAlt: "Sea view penthouse apartment"},
{
id: "prop3", category: "Townhouse", name: "تاون هاوس عصري في المرابع العربية", price: "4,200,000 درهم", rating: 4,
reviewCount: "19", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532057-townhouse-exterior-3.jpg?_wi=2", imageAlt: "Modern townhouse in Arabian Ranches"},
{
id: "prop4", category: "Villa", name: "فيلا شاطئية في نخلة جميرا", price: "30,000,000 درهم", rating: 5,
reviewCount: "55", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041532822-beach-villa-interior-4.jpg?_wi=2", imageAlt: "Beachfront villa in Palm Jumeirah"},
{
id: "prop5", category: "Apartment", name: "شقة استوديو في وسط مدينة دبي", price: "1,500,000 درهم", rating: 3,
reviewCount: "12", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041533681-apartment-bedroom-5.jpg?_wi=2", imageAlt: "Studio apartment in Downtown Dubai"},
{
id: "prop6", category: "Commercial", name: "مكتب تجاري في مركز دبي المالي", price: "7,000,000 درهم", rating: 4,
reviewCount: "20", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1718041534440-villa-pool-6.jpg?_wi=2", imageAlt: "Commercial office in DIFC"},
{
id: "prop7", category: "Villa", name: "فيلا عائلية في البراري", price: "18,000,000 درهم", rating: 4,
reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/house-with-green-garden_1203-3467.jpg", imageAlt: "Family villa in Al Barari"},
{
id: "prop8", category: "Apartment", name: "شقة بغرفتي نوم في دبي مارينا", price: "2,800,000 درهم", rating: 5,
reviewCount: "48", imageSrc: "http://img.b2bpic.net/free-photo/exterior-modern-building_1203-3636.jpg", imageAlt: "Two-bedroom apartment in Dubai Marina"}
];
const [searchQuery, setSearchQuery] = React.useState("");
const [selectedCategory, setSelectedCategory] = React.useState("All");
const [selectedSort, setSelectedSort] = React.useState("Price: Low to High");
const categories = ["All", "Villa", "Apartment", "Townhouse", "Commercial"];
const sortOptions = ["Price: Low to High", "Price: High to Low", "Rating: High to Low"];
const filters = [
{
label: "الفئة", options: categories,
selected: selectedCategory,
onChange: setSelectedCategory,
},
{
label: "الترتيب حسب", options: sortOptions,
selected: selectedSort,
onChange: setSelectedSort,
},
];
const filteredAndSortedProducts = React.useMemo(() => {
return sampleProperties
.filter((product) =>
selectedCategory === "All" || product.category === selectedCategory
)
.filter((product) =>
product.name.toLowerCase().includes(searchQuery.toLowerCase()) ||
product.category?.toLowerCase().includes(searchQuery.toLowerCase())
)
.sort((a, b) => {
if (selectedSort === "Price: Low to High") {
return parseFloat(a.price.replace(/[^0-9.]/g, '')) - parseFloat(b.price.replace(/[^0-9.]/g, ''));
}
if (selectedSort === "Price: High to Low") {
return parseFloat(b.price.replace(/[^0-9.]/g, '')) - parseFloat(a.price.replace(/[^0-9.]/g, ''));
}
if (selectedSort === "Rating: High to Low") {
return b.rating - a.rating;
}
return 0;
});
}, [searchQuery, selectedCategory, selectedSort]);
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: "/listings"},
{
name: "الوسطاء", id: "/#featured-agents"},
{
name: "تواصل", id: "/#contact-cta"},
]}
brandName="النجوم السبعة للعقارات"
/>
</div>
<div id="property-listings" data-section="property-listings">
<ProductCatalog
layout="page"
products={filteredAndSortedProducts}
searchValue={searchQuery}
onSearchChange={setSearchQuery}
searchPlaceholder="ابحث عن عقارك المثالي..."
filters={filters}
emptyMessage="لم يتم العثور على عقارات مطابقة لبحثك."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}

View File

@@ -0,0 +1,66 @@
"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 { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
export default function NewProjectsPage() {
const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.';
const whatsappNumber = '971501234567';
const encodedWhatsappMessage = encodeURIComponent(whatsappMessage);
const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`;
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" className="sticky top-0 z-50">
<NavbarStyleApple
navItems={[
{ name: "الرئيسية", id: "/" },
{ name: "العقارات", id: "/properties" },
{ name: "المشاريع الجديدة", id: "/new-projects" },
{ name: "الوسطاء العقاريون", id: "/real-estate-agents" },
{ name: "فيديوهات العقارات", id: "/property-videos" },
{ name: "طلب عقار", id: "/property-request" },
{ name: "تواصل معنا", id: "/contact-us" }
]}
brandName="النجوم السبعة للعقارات"
/>
</div>
<main className="min-h-screen p-8 text-center">
<h1 className="text-4xl font-bold mb-4">صفحة المشاريع الجديدة</h1>
<p className="text-lg">اكتشف أحدث المشاريع العقارية الواعدة.</p>
</main>
<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>
);
}

View File

@@ -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: "/academy"},
{
name: "حاسبة التمويل", id: "/calculator"},
{
name: "تواصل", id: "/contact"},
name: "تواصل", id: "#contact-cta"},
]}
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,51 @@ 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?_wi=1", imageAlt: "محمد السبع"
},
{
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: "✓", label: "وكالات موثوقة"}
]}
title="الوسطاء والوكالات المعتمدة"
description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
tag="تقييمات الوسطاء"
tagIcon={Star}
buttons={[
{
text: "تحدث مع وسيط عبر واتساب", href: whatsappLink
}
]}
/>
</div>
@@ -198,19 +238,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 +276,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 +290,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,
@@ -268,4 +311,4 @@ export default function LandingPage() {
</ReactLenis>
</ThemeProvider>
);
}
}

133
src/app/pricing/page.tsx Normal file
View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -2,14 +2,16 @@
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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
export default function LandingPage() {
export default function PropertiesPage() {
const whatsappMessage = 'مرحبًا، أود الاستفسار عن أحد العقارات المعروضة على منصة النجوم السبعة للعقارات.';
const whatsappNumber = '971501234567';
const encodedWhatsappMessage = encodeURIComponent(whatsappMessage);
const whatsappLink = `https://wa.me/${whatsappNumber}?text=${encodedWhatsappMessage}`;
return (
<ThemeProvider
defaultButtonVariant="icon-arrow"
@@ -24,229 +26,41 @@ 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" className="sticky top-0 z-50">
<NavbarStyleApple
navItems={[
{ name: "الرئيسية", id: "/" },
{ name: "العقارات", id: "/properties" },
{ name: "المشاريع الجديدة", id: "/new-projects" },
{ name: "الوسطاء العقاريون", id: "/real-estate-agents" },
{ name: "فيديوهات العقارات", id: "/property-videos" },
{ name: "طلب عقار", id: "/property-request" },
{ name: "تواصل معنا", id: "/contact-us" }
]}
brandName="النجوم السبعة للعقارات"
/>
</div>
<div id="all-properties" data-section="all-properties">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={false}
products={[
{
id: "ap1",
name: "شقة حديثة في دبي مارينا",
price: "2,500,000 درهم",
variant: "للبيع",
imageSrc: "http://img.b2bpic.net/free-photo/modern-building-with-multiple-large-windows_250224-148.jpg",
imageAlt: "Modern apartment in Dubai Marina",
},
{
id: "ap2",
name: "فيلا فسيحة في الجولف",
price: "18,000,000 درهم",
variant: "للبيع",
imageSrc: "http://img.b2bpic.net/free-photo/studio-arrangement-work_23-2151976859.jpg",
imageAlt: "Spacious villa in The Meadows",
},
{
id: "ap3",
name: "استوديو مفروش في وسط البلد",
price: "80,000 درهم/سنة",
variant: "للإيجار",
imageSrc: "http://img.b2bpic.net/free-photo/luxury-outdoor-hotel_1150-12915.jpg",
imageAlt: "Furnished studio in Downtown",
},
{
id: "ap4",
name: "فيلا عائلية بـ 4 غرف في البراري",
price: "7,000,000 درهم",
variant: "للبيع",
imageSrc: "http://img.b2bpic.net/free-photo/chair-pool_74190-1324.jpg",
imageAlt: "4-bedroom family villa in Al Barari",
},
{
id: "ap5",
name: "شقة فاخرة بإطلالة بحرية",
price: "3,800,000 درهم",
variant: "للبيع",
imageSrc: "http://img.b2bpic.net/free-photo/man-holding-smartphone-with-home-automation-app_23-2149036831.jpg",
imageAlt: "Luxury apartment with sea view",
},
{
id: "ap6",
name: "تاون هاوس عصري في مجتمع هادئ",
price: "150,000 درهم/سنة",
variant: "للإيجار",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girls-gym-sports-ladies-sportswear-friends-race-track_1157-43974.jpg",
imageAlt: "Modern townhouse in a quiet community",
},
]}
title="جميع العقارات المعروضة"
description="تصفح أحدث العقارات المتاحة للبيع والإيجار في جميع أنحاء الإمارات. استخدم الفلاتر للعثور على ما يناسبك."
tag="تصفح"
/>
</div>
<main className="min-h-screen p-8 text-center">
<h1 className="text-4xl font-bold mb-4">صفحة العقارات</h1>
<p className="text-lg">اكتشف مجموعتنا الواسعة من العقارات المعروضة.</p>
</main>
<div id="property-contact-cta" data-section="property-contact-cta">
<ContactCTA
useInvertedBackground={true}
background={{
variant: "plain",
}}
tag="استفسار"
title="لم تجد عقارك؟ اطلب مساعدة خبير!"
description="فريقنا المتخصص مستعد لمساعدتك في البحث عن العقار الذي يلبي جميع احتياجاتك. تواصل معنا الآن."
buttons={[
{
text: "تواصل مع وسيط",
href: "/contact",
},
{
text: "اطلب عقاراً خاصاً",
href: "/contact",
},
]}
/>
</div>
<div id="property-testimonials" data-section="property-testimonials">
<TestimonialCardSixteen
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "pt1",
name: "علياء الفهيم",
role: "مستشارة قانونية",
company: "مؤسسة العدل",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1604.jpg",
imageAlt: "Aliya Al Fahim",
},
{
id: "pt2",
name: "فهد القاسمي",
role: "مطور عقاري",
company: "عقارات الإمارات",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-reaching-out-camera-woman-city_169016-66619.jpg",
imageAlt: "Fahad Al Qasimi",
},
{
id: "pt3",
name: "نادية كرم",
role: "مصممة داخلية",
company: "لمسات للديكور",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/handsome-smiling-man-talking-mobile-phone-calling-seller-he-found-online-while-using-laptop-shopping-searching-appartment-internet_176420-25732.jpg",
imageAlt: "Nadia Karam",
},
{
id: "pt4",
name: "سامي العوضي",
role: "مدير استثمار",
company: "جلوبال انفست",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-woman-with-speech-bubble_53876-13588.jpg",
imageAlt: "Sami Al Awadhi",
},
{
id: "pt5",
name: "مها الكتبي",
role: "مديرة مشروعات",
company: "بناء للمقاولات",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/home-insurance-coverage-estate-residential_53876-121259.jpg",
imageAlt: "Maha Al Ketbi",
},
]}
kpiItems={[
{
value: "99%",
label: "رضا العملاء",
},
{
value: "سريع",
label: "إغلاق الصفقات",
},
{
value: "سهل",
label: "عملية البحث",
},
]}
title="قصص نجاح عملائنا"
description="شاهد كيف ساعدنا عملاء آخرين في العثور على عقاراتهم المثالية."
tag="تجارب حقيقية"
/>
</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="النجوم السبعة للعقارات — منذ 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>
);
}
}

View File

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

View File

@@ -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);

View File

@@ -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>
);
}

View File

@@ -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>
);