Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
@@ -2,14 +2,14 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import { Award, BookOpen, Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
|
||||
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import { Facebook, GraduationCap, Instagram, Linkedin, MessageCircle, Twitter, CalendarDays, Home, Eye } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function AcademyPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -24,192 +24,127 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "العقارات",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "الفيديوهات",
|
||||
id: "/videos",
|
||||
},
|
||||
{
|
||||
name: "الوسطاء",
|
||||
id: "/agents",
|
||||
},
|
||||
{
|
||||
name: "الأكاديمية",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "حاسبة التمويل",
|
||||
id: "/calculator",
|
||||
},
|
||||
{
|
||||
name: "تواصل",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="النجوم السبعة للعقارات"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "/"
|
||||
},
|
||||
{
|
||||
name: "العقارات", id: "/properties"
|
||||
},
|
||||
{
|
||||
name: "الفيديوهات", id: "/videos"
|
||||
},
|
||||
{
|
||||
name: "الوسطاء", id: "/agents"
|
||||
},
|
||||
{
|
||||
name: "الأكاديمية", id: "/academy"
|
||||
},
|
||||
{
|
||||
name: "حاسبة التمويل", id: "/calculator"
|
||||
},
|
||||
{
|
||||
name: "تواصل", id: "/contact"
|
||||
}
|
||||
]}
|
||||
brandName="النجوم السبعة للعقارات"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="academy-about" data-section="academy-about">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="أكاديمية النجوم السبعة: ارتق بمسيرتك العقارية"
|
||||
description="برامج تدريب واستشارات متخصصة للوسطاء والمكاتب العقارية الموثوقين. اكتسب المهارات والمعرفة اللازمة لتحقيق أقصى إمكاناتك في السوق."
|
||||
metrics={[
|
||||
{
|
||||
value: "+100",
|
||||
title: "خبير مدرب",
|
||||
},
|
||||
{
|
||||
value: "60",
|
||||
title: "دقيقة للجلسة",
|
||||
},
|
||||
{
|
||||
value: "خاصة",
|
||||
title: "جلسات فردية",
|
||||
},
|
||||
]}
|
||||
tag="تدريب احترافي"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/multiethnic-group-women-working-together-copy-space-display_482257-119110.jpg"
|
||||
imageAlt="Professional real estate training session"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="academy-pricing" data-section="academy-pricing">
|
||||
<PricingCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="برامج الأكاديمية التدريبية"
|
||||
description="صُممت برامجنا التدريبية المتخصصة لتمكين وكلاء ووكالات العقارات من النجاح في السوق الإماراتي التنافسي."
|
||||
tag="تدريب الخبراء"
|
||||
tagIcon={GraduationCap}
|
||||
plans={[
|
||||
{
|
||||
id: "training-session", badge: "جلسة تدريب فردية", badgeIcon: GraduationCap,
|
||||
price: "500 درهم إماراتي / جلسة", subtitle: "تدريب مكثف لمدة ساعة واحدة", features: [
|
||||
"تدريب شخصي ومخصص", "استراتيجيات بيع وتسويق متقدمة", "تحسين مهارات التفاوض", "بناء علاقات العملاء الفعالة", "فهم عميق لسوق العقارات الإماراتي"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="academy-features" data-section="academy-features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "af1",
|
||||
title: "المبيعات العقارية",
|
||||
tags: [
|
||||
"استراتيجيات",
|
||||
"إغلاق الصفقات",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/european-african-american-business-partners-discussing-contract-business-meeting_181624-30969.jpg",
|
||||
imageAlt: "Real estate sales strategies",
|
||||
},
|
||||
{
|
||||
id: "af2",
|
||||
title: "التسويق العقاري",
|
||||
tags: [
|
||||
"سوشيال ميديا",
|
||||
"فيديو",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-earnings-accounting-financial-money-concept_53876-15880.jpg",
|
||||
imageAlt: "Real estate marketing strategies",
|
||||
},
|
||||
{
|
||||
id: "af3",
|
||||
title: "قوانين الإمارات",
|
||||
tags: [
|
||||
"تحديثات",
|
||||
"تشريعات",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/standard-quality-control-concept-m_23-2150041840.jpg",
|
||||
imageAlt: "UAE real estate laws",
|
||||
},
|
||||
]}
|
||||
title="موضوعات تدريبية متقدمة"
|
||||
description="نغطي جميع الجوانب الحيوية لنجاحك في السوق العقاري، من المبيعات والتسويق إلى القوانين وبناء العلامة الشخصية."
|
||||
tag="محتوى حصري"
|
||||
/>
|
||||
</div>
|
||||
<div id="academy-features" data-section="academy-features">
|
||||
<FeatureCardTwentyThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="أنظمة متكاملة لأكاديمية الوكلاء"
|
||||
description="نقدم أدوات وتقنيات متطورة لدعم تدريب الوكلاء وتمكينهم من إدارة عملياتهم بكفاءة."
|
||||
tag="التقنيات المتقدمة"
|
||||
features={[
|
||||
{
|
||||
id: "booking-system", title: "نظام حجوزات وجدولة", tags: ["مواعيد", "تذكيرات"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/appointment-booking-concept-with-date-hand_23-2149724036.jpg", imageAlt: "Booking and scheduling system"
|
||||
},
|
||||
{
|
||||
id: "property-request-system", title: "نظام طلبات العقارات", tags: ["بحث", "تخصيص"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/real-estate-agent-business-meeting-consulting-with-client-customer-selling-house-property-contract_1150-10657.jpg", imageAlt: "Property request system"
|
||||
},
|
||||
{
|
||||
id: "viewing-booking-system", title: "نظام حجز معاينات العقارات", tags: ["معاينة", "تقويم"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-male-architect-business-man-holding-blueprints-standing-city_176420-21342.jpg", imageAlt: "Property viewing booking system"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="academy-pricing" data-section="academy-pricing">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "aprice1",
|
||||
badge: "جلسة فردية",
|
||||
badgeIcon: BookOpen,
|
||||
price: "500 درهم",
|
||||
subtitle: "جلسة تدريب واستشارة لمدة 60 دقيقة",
|
||||
buttons: [
|
||||
{
|
||||
text: "احجز جلستك الآن",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"جلسة شخصية 1:1",
|
||||
"استشارات مخصصة",
|
||||
"تحليل احتياجاتك",
|
||||
"دعم مستمر",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "aprice2",
|
||||
badge: "باقة 3 جلسات",
|
||||
badgeIcon: Award,
|
||||
price: "1350 درهم",
|
||||
subtitle: "توفير 150 درهم",
|
||||
buttons: [
|
||||
{
|
||||
text: "احجز الباقة",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
features: [
|
||||
"3 جلسات تدريب فردية",
|
||||
"خطة تطوير مخصصة",
|
||||
"أولوية الحجز",
|
||||
"متابعة دورية",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="أسعار جلسات الأكاديمية"
|
||||
description="استثمر في نفسك ومهاراتك. جلسات فردية متخصصة لمساعدتك على التفوق."
|
||||
tag="باقات التدريب"
|
||||
/>
|
||||
</div>
|
||||
<div id="academy-cta" data-section="academy-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="انضم إلينا"
|
||||
tagIcon={MessageCircle}
|
||||
title="ابدأ رحلتك نحو التميز العقاري اليوم"
|
||||
description="سجل الآن في أكاديمية التدريب الخاصة بنا واستفد من خبرات قادتنا في المجال."
|
||||
buttons={[
|
||||
{
|
||||
text: "سجل الآن", href: "#academy-pricing"
|
||||
},
|
||||
{
|
||||
text: "تحدث مع مستشار", href: "/contact"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
|
||||
logoAlt="النجوم السبعة للعقارات"
|
||||
logoText="النجوم السبعة للعقارات"
|
||||
copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
|
||||
logoAlt="النجوم السبعة للعقارات"
|
||||
logoText="النجوم السبعة للعقارات"
|
||||
copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#", ariaLabel: "Facebook"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#", ariaLabel: "Instagram"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#", ariaLabel: "Twitter"
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#", ariaLabel: "LinkedIn"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
60
src/app/accounts/page.tsx
Normal file
60
src/app/accounts/page.tsx
Normal 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
110
src/app/admin/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
60
src/app/analytics/page.tsx
Normal file
60
src/app/analytics/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -2,13 +2,11 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FooterCard from '@/components/sections/footer/FooterCard';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import { Facebook, Instagram, Linkedin, Twitter } from "lucide-react";
|
||||
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
||||
import { Calculator, Check } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
export default function CalculatorPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
@@ -23,116 +21,69 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "/",
|
||||
},
|
||||
{
|
||||
name: "العقارات",
|
||||
id: "/properties",
|
||||
},
|
||||
{
|
||||
name: "الفيديوهات",
|
||||
id: "/videos",
|
||||
},
|
||||
{
|
||||
name: "الوسطاء",
|
||||
id: "/agents",
|
||||
},
|
||||
{
|
||||
name: "الأكاديمية",
|
||||
id: "/academy",
|
||||
},
|
||||
{
|
||||
name: "حاسبة التمويل",
|
||||
id: "/calculator",
|
||||
},
|
||||
{
|
||||
name: "تواصل",
|
||||
id: "/contact",
|
||||
},
|
||||
]}
|
||||
brandName="النجوم السبعة للعقارات"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "/"
|
||||
},
|
||||
{
|
||||
name: "العقارات", id: "/properties"
|
||||
},
|
||||
{
|
||||
name: "الفيديوهات", id: "/videos"
|
||||
},
|
||||
{
|
||||
name: "الوسطاء", id: "/agents"
|
||||
},
|
||||
{
|
||||
name: "الأكاديمية", id: "/academy"
|
||||
},
|
||||
{
|
||||
name: "حاسبة التمويل", id: "/calculator"
|
||||
},
|
||||
{
|
||||
name: "تواصل", id: "/contact"
|
||||
}
|
||||
]}
|
||||
brandName="النجوم السبعة للعقارات"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="mortgage-calculator-intro" data-section="mortgage-calculator-intro">
|
||||
<MetricSplitMediaAbout
|
||||
useInvertedBackground={false}
|
||||
title="حاسبة التمويل العقاري الذكية"
|
||||
description="احسب أقساطك الشهرية واجمالي الفوائد بدقة. أدخل سعر العقار، الدفعة الأولى، نسبة الفائدة، ومدة التمويل واحصل على جدول سداد تقديري."
|
||||
metrics={[
|
||||
{
|
||||
value: "سريع",
|
||||
title: "نتائج فورية",
|
||||
},
|
||||
{
|
||||
value: "دقيق",
|
||||
title: "حسابات موثوقة",
|
||||
},
|
||||
{
|
||||
value: "سهل",
|
||||
title: "استخدام بسيط",
|
||||
},
|
||||
]}
|
||||
tag="أداة مجانية"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/graph-stack-coins-calculator-house-model-blueprint_23-2148038724.jpg"
|
||||
imageAlt="Mortgage calculator interface"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="calculator-contact-cta" data-section="calculator-contact-cta">
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
tag="مساعدة التمويل"
|
||||
title="هل تحتاج لمساعدة في التمويل العقاري؟"
|
||||
description="خبراؤنا الماليون جاهزون لتقديم الاستشارات ومساعدتك في الحصول على أفضل عروض التمويل."
|
||||
buttons={[
|
||||
{
|
||||
text: "تحدث مع مستشار مالي",
|
||||
href: "/contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
|
||||
logoAlt="النجوم السبعة للعقارات"
|
||||
logoText="النجوم السبعة للعقارات"
|
||||
copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "Facebook",
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "Instagram",
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="calculator-section" data-section="calculator-section">
|
||||
<PricingCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="حاسبة التمويل العقاري"
|
||||
description="احسب الأقساط الشهرية وتقديرات التمويل لعقارك المستقبلي بكل سهولة ودقة."
|
||||
tag="ابدأ الآن"
|
||||
tagIcon={Calculator}
|
||||
plans={[
|
||||
{
|
||||
id: "p1", badge: "قرض قياسي", badgeIcon: Calculator,
|
||||
price: "7,500 درهم/شهرياً", subtitle: "فائدة ثابتة 3% على 25 سنة", buttons: [{ text: "احسب الآن" }],
|
||||
features: [
|
||||
"دفعة أولى 20%", "شروط سداد مرنة", "لا توجد رسوم خفية"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "p2", badge: "قرض مرن", badgeIcon: Calculator,
|
||||
price: "6,000 درهم/شهرياً", subtitle: "فائدة متغيرة 2.5% على 30 سنة", buttons: [{ text: "احسب الآن" }],
|
||||
features: [
|
||||
"دفعة أولى 15%", "إمكانية إعادة التمويل", "خيارات دفع مسبق"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "p3", badge: "قرض استثماري", badgeIcon: Calculator,
|
||||
price: "10,000 درهم/شهرياً", subtitle: "فائدة ثابتة 4% على 20 سنة", buttons: [{ text: "احسب الآن" }],
|
||||
features: [
|
||||
"دفعة أولى 25%", "مستشار استثماري مخصص", "عوائد تنافسية"
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
60
src/app/leads/page.tsx
Normal file
60
src/app/leads/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -9,9 +9,8 @@ import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
|
||||
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
|
||||
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { Facebook, Home, Instagram, Linkedin, Twitter, Users } from "lucide-react";
|
||||
import { Facebook, Home, Instagram, Linkedin, Twitter, Users, CheckCircle, Star } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -179,14 +178,47 @@ export default function LandingPage() {
|
||||
</div>
|
||||
|
||||
<div id="featured-agents" data-section="featured-agents">
|
||||
<SocialProofOne
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"محمد السبع", "فاطمة الزهراء", "علي الخالد", "مريم العلي", "أحمد الشمسي", "نور الهدى", "يوسف النجار"]}
|
||||
title="تعرف على وسطائنا الموثوقين"
|
||||
description="فريق من الخبراء العقاريين المعتمدين والموثوقين، جاهزون لتقديم أفضل الاستشارات والمساعدة في رحلتك العقارية."
|
||||
tag="الوسطاء المميزون"
|
||||
testimonials={[
|
||||
{
|
||||
id: "a1", name: "محمد السبع", role: "وسيط عقاري معتمد", company: "النجوم السبعة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-bearded-guy-posing-against-white-wall_176420-30580.jpg", imageAlt: "محمد السبع"
|
||||
},
|
||||
{
|
||||
id: "a2", name: "فاطمة الزهراء", role: "خبير عقاري", company: "النجوم السبعة", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-arabic-businesswoman_181624-51783.jpg", imageAlt: "فاطمة الزهراء"
|
||||
},
|
||||
{
|
||||
id: "a3", name: "علي الخالد", role: "مستشار استثماري", company: "النجوم السبعة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-arab-man-making-thumbs-up_23-2148135891.jpg", imageAlt: "علي الخالد"
|
||||
},
|
||||
{
|
||||
id: "a4", name: "مريم العلي", role: "أخصائية عقارات", company: "النجوم السبعة", rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-indian-woman-posing-sari_23-2149405629.jpg", imageAlt: "مريم العلي"
|
||||
},
|
||||
{
|
||||
id: "a5", name: "أحمد الشمسي", role: "مدير مبيعات", company: "النجوم السبعة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-of-young-man_181624-30691.jpg", imageAlt: "أحمد الشمسي"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "+200", label: "وسطاء معتمدون"
|
||||
},
|
||||
{
|
||||
value: "4.8/5", label: "متوسط التقييم"
|
||||
},
|
||||
{
|
||||
value: "<CheckCircle />", label: "وكالات موثوقة"
|
||||
}
|
||||
]}
|
||||
title="الوسطاء والوكالات المعتمدة"
|
||||
description="تعرف على فريقنا من الخبراء العقاريين المعتمدين والوكالات الموثوقة لدينا، مع تقييماتهم الحقيقية من العملاء."
|
||||
tag="تقييمات الوسطاء"
|
||||
tagIcon={Star}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -247,8 +279,8 @@ export default function LandingPage() {
|
||||
<FooterCard
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3ERdh5u0Vj6gGA0J1BFm6r4sITF/uploaded-1780147263173-fsq26gp3.jpg"
|
||||
logoAlt="النجوم السبعة للعقارات"
|
||||
logoText="النجوم السبعة للعقارات"
|
||||
copyrightText="© 2026 | جميع الحقوق محفوظة لدى النجوم السبعة للعقارات"
|
||||
logoText="النجوم السبعة للعقارات — منذ 2010"
|
||||
copyrightText="© 2024 النجوم السبعة للعقارات. جميع الحقوق محفوظة."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
|
||||
133
src/app/pricing/page.tsx
Normal file
133
src/app/pricing/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
60
src/app/properties/manage/page.tsx
Normal file
60
src/app/properties/manage/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-inter), sans-serif;
|
||||
font-family: var(--font-libre-baskerville), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
|
||||
@@ -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);
|
||||
|
||||
60
src/app/videos/manage/page.tsx
Normal file
60
src/app/videos/manage/page.tsx
Normal 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>
|
||||
);
|
||||
}
|
||||
@@ -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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user