Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
294
src/app/page.tsx
294
src/app/page.tsx
@@ -32,33 +32,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="النجوم السبعة للعقارات"
|
||||
/>
|
||||
@@ -67,91 +53,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="اكتشف عالم الفخامة في العقارات بدولة الإمارات"
|
||||
description="منصة النجوم السبعة للعقارات هي بوابتك للعقارات المميزة في دبي وأبوظبي وجميع أنحاء الإمارات. ابحث عن فيلتك أو شقتك الفاخرة المثالية."
|
||||
kpis={[
|
||||
{
|
||||
value: "+1000",
|
||||
label: "عقار معروض",
|
||||
},
|
||||
value: "+1000", label: "عقار معروض"},
|
||||
{
|
||||
value: "+500",
|
||||
label: "عميل سعيد",
|
||||
},
|
||||
value: "+500", label: "عميل سعيد"},
|
||||
{
|
||||
value: "2010",
|
||||
label: "تأسست عام",
|
||||
},
|
||||
value: "2010", label: "تأسست عام"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
tag="النجوم السبعة للعقارات"
|
||||
buttons={[
|
||||
{
|
||||
text: "ابحث عن عقارك الآن",
|
||||
href: "/properties",
|
||||
},
|
||||
text: "ابحث عن عقارك الآن", href: "/properties"},
|
||||
{
|
||||
text: "اطلب عقارك الخاص",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "اطلب عقارك الخاص", href: "/contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/low-angle-view-modern-building-with-glass-windows-sunlight_181624-11971.jpg"
|
||||
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-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/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/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/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",
|
||||
},
|
||||
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: "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: "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: "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: "text",
|
||||
text: "خدمات استشارية",
|
||||
},
|
||||
type: "image", src: "http://img.b2bpic.net/free-photo/low-angle-building-with-many-windows_23-2148252801.jpg", alt: "Skyscraper view"},
|
||||
{
|
||||
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,
|
||||
type: "text-icon", text: "وسطاء معتمدون", icon: Users,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -164,17 +114,11 @@ export default function LandingPage() {
|
||||
description="منذ عام 2010، والنجوم السبعة للعقارات هي الشريك الموثوق لك في عالم العقارات الفاخرة. نلتزم بتقديم أفضل الفرص الاستثمارية والحلول العقارية المبتكرة لعملائنا الكرام."
|
||||
metrics={[
|
||||
{
|
||||
value: "+10",
|
||||
title: "سنوات خبرة",
|
||||
},
|
||||
value: "+10", title: "سنوات خبرة"},
|
||||
{
|
||||
value: "+200",
|
||||
title: "وسيط معتمد",
|
||||
},
|
||||
value: "+200", title: "وسيط معتمد"},
|
||||
{
|
||||
value: "أبوظبي",
|
||||
title: "من دبي إلى",
|
||||
},
|
||||
value: "أبوظبي", title: "من دبي إلى"},
|
||||
]}
|
||||
tag="قصتنا"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-sauna-with-panoramic-windows-wooden-design_169016-70021.jpg"
|
||||
@@ -191,53 +135,17 @@ 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: "http://img.b2bpic.net/free-photo/young-woman-with-albinism-spending-time-home_23-2150321723.jpg", imageAlt: "Luxury villa 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: "http://img.b2bpic.net/free-photo/minimalist-architecture-space_23-2151912524.jpg", imageAlt: "Penthouse apartment 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: "http://img.b2bpic.net/free-photo/vertical-shot-pathway-kilkenny-dukesmeadows_181624-27700.jpg", imageAlt: "Modern townhouse 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: "http://img.b2bpic.net/free-photo/modern-bathroom-with-big-mirror_1203-1497.jpg", imageAlt: "Exclusive beachfront villa 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: "http://img.b2bpic.net/free-photo/woman-using-digital-assistant-her-tablet_23-2149108007.jpg", imageAlt: "Luxury 2-bedroom apartment 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: "http://img.b2bpic.net/free-photo/view-bedroom-with-futuristic-decor-style_23-2151151759.jpg", imageAlt: "Spacious 5-bedroom villa in Arabian Ranches"},
|
||||
]}
|
||||
title="العقارات الفاخرة المميزة"
|
||||
description="استعرض مجموعتنا المختارة بعناية من العقارات الأكثر فخامة وتميزاً في أرقى أحياء الإمارات. فرص استثمارية فريدة ومنازل الأحلام."
|
||||
@@ -252,35 +160,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "cat1",
|
||||
title: "الفلل الفاخرة",
|
||||
tags: [
|
||||
"للبيع",
|
||||
"للإيجار",
|
||||
],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr",
|
||||
imageAlt: "Luxury Villa Icon",
|
||||
},
|
||||
id: "cat1", title: "الفلل الفاخرة", tags: [
|
||||
"للبيع", "للإيجار"],
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=w788vr", 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",
|
||||
},
|
||||
id: "cat2", title: "الشقق العصرية", tags: [
|
||||
"مفروشة", "غير مفروشة"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/real-estate-infographic-with-skyscrapers_23-2147550989.jpg", 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",
|
||||
},
|
||||
id: "cat3", title: "العقارات التجارية", tags: [
|
||||
"مكاتب", "محلات"],
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/flat-design-house-silhouette_23-2150281528.jpg", imageAlt: "Commercial Property Icon"},
|
||||
]}
|
||||
title="اكتشف العقارات حسب الفئة"
|
||||
description="سواء كنت تبحث عن فيلا عائلية، شقة عصرية، أو عقار تجاري، لدينا الخيار المثالي لك."
|
||||
@@ -293,14 +183,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"محمد السبع",
|
||||
"فاطمة الزهراء",
|
||||
"علي الخالد",
|
||||
"مريم العلي",
|
||||
"أحمد الشمسي",
|
||||
"نور الهدى",
|
||||
"يوسف النجار",
|
||||
]}
|
||||
"محمد السبع", "فاطمة الزهراء", "علي الخالد", "مريم العلي", "أحمد الشمسي", "نور الهدى", "يوسف النجار"]}
|
||||
title="تعرف على وسطائنا الموثوقين"
|
||||
description="فريق من الخبراء العقاريين المعتمدين والموثوقين، جاهزون لتقديم أفضل الاستشارات والمساعدة في رحلتك العقارية."
|
||||
tag="الوسطاء المميزون"
|
||||
@@ -314,64 +197,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
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",
|
||||
},
|
||||
id: "t1", name: "سارة محمد", role: "مستثمرة", company: "مجموعة الفجر", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", 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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "+500",
|
||||
label: "عميل سعيد",
|
||||
},
|
||||
value: "+500", label: "عميل سعيد"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "متوسط التقييم",
|
||||
},
|
||||
value: "4.9/5", label: "متوسط التقييم"},
|
||||
{
|
||||
value: "+1000",
|
||||
label: "صفقة ناجحة",
|
||||
},
|
||||
value: "+1000", label: "صفقة ناجحة"},
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا عنا؟"
|
||||
description="نحن نفخر بالثقة التي نكتسبها من عملائنا وبالتجارب الإيجابية التي نقدمها لهم. استمع إلى قصص نجاحهم."
|
||||
@@ -383,20 +230,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="تواصل معنا"
|
||||
title="هل أنت مستعد للعثور على عقارك المثالي؟"
|
||||
description="فريقنا جاهز للإجابة على جميع استفساراتك وتقديم المساعدة اللازمة. لا تتردد في التواصل معنا اليوم."
|
||||
buttons={[
|
||||
{
|
||||
text: "تحدث مع خبير",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "تحدث مع خبير", href: "/contact"},
|
||||
{
|
||||
text: "اطلب عقاراً",
|
||||
href: "/contact",
|
||||
},
|
||||
text: "اطلب عقاراً", href: "/contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -410,24 +252,16 @@ 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>
|
||||
|
||||
Reference in New Issue
Block a user