Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #2.
This commit is contained in:
215
src/app/page.tsx
215
src/app/page.tsx
@@ -30,22 +30,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "المحفظة",
|
||||
id: "wallet",
|
||||
},
|
||||
{
|
||||
name: "معاملاتي",
|
||||
id: "transactions",
|
||||
},
|
||||
{
|
||||
name: "المنصات",
|
||||
id: "platforms",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "المحفظة", id: "wallet" },
|
||||
{ name: "معاملاتي", id: "transactions" },
|
||||
{ name: "المنصات", id: "platforms" },
|
||||
]}
|
||||
brandName="وسطاء العراب"
|
||||
/>
|
||||
@@ -53,33 +41,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="الوسيط رقم 1 في الشرق الأوسط"
|
||||
description="وسطاء العراب: الأمان، الثقة، والسرعة في إتمام صفقاتك بكل احترافية."
|
||||
tag="خدمة وساطة موثوقة"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=1",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg?_wi=1",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66723.jpg",
|
||||
imageAlt: "Trading stock stock market business graph",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-tech-office-ready-stock-trading_482257-121465.jpg",
|
||||
imageAlt: "High tech office ready for stock trading",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/financial-forex-business-chart-report_53876-133613.jpg",
|
||||
imageAlt: "Financial forex business chart report",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg", imageAlt: "financial dashboard dark mode" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg", imageAlt: "financial dashboard dark mode" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -90,34 +58,15 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
icon: ShieldCheck,
|
||||
title: "أمان وحماية",
|
||||
description: "ضمان كامل للمبالغ والسلع.",
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "دعم 24/7",
|
||||
description: "نحن هنا لخدمتك في أي وقت.",
|
||||
},
|
||||
{
|
||||
icon: Zap,
|
||||
title: "سرعة فائقة",
|
||||
description: "إتمام العمليات بأسرع وقت ممكن.",
|
||||
},
|
||||
{
|
||||
icon: Award,
|
||||
title: "موثوقية عالية",
|
||||
description: "سجل حافل بالعمليات الناجحة.",
|
||||
},
|
||||
{
|
||||
icon: Headphones,
|
||||
title: "دعم فني متخصص",
|
||||
description: "فريق عمل محترف يتابع طلبك لحظة بلحظة.",
|
||||
},
|
||||
{ icon: ShieldCheck, title: "أمان وحماية", description: "ضمان كامل للمبالغ والسلع." },
|
||||
{ icon: Clock, title: "دعم 24/7", description: "نحن هنا لخدمتك في أي وقت." },
|
||||
{ icon: Zap, title: "سرعة فائقة", description: "إتمام العمليات بأسرع وقت ممكن." },
|
||||
{ icon: Award, title: "موثوقية عالية", description: "سجل حافل بالعمليات الناجحة." },
|
||||
{ icon: Headphones, title: "دعم فني متخصص", description: "فريق عمل محترف يتابع طلبك لحظة بلحظة." }
|
||||
]}
|
||||
title="لماذا وسطاء العراب؟"
|
||||
description="نقدم لك أفضل تجربة وساطة بضمان كامل للحقوق."
|
||||
@@ -129,31 +78,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="خطوات المعاملة"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "1",
|
||||
description: "إنشاء معاملة",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "2",
|
||||
description: "تحويل المبلغ للوسيط",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "3",
|
||||
description: "استلام الحساب/السلعة",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
value: "4",
|
||||
description: "تحويل المبلغ للبائع",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
value: "5",
|
||||
description: "إغلاق المعاملة بنجاح",
|
||||
},
|
||||
{ id: "1", value: "1", description: "إنشاء معاملة" },
|
||||
{ id: "2", value: "2", description: "تحويل المبلغ للوسيط" },
|
||||
{ id: "3", value: "3", description: "استلام الحساب/السلعة" },
|
||||
{ id: "4", value: "4", description: "تحويل المبلغ للبائع" },
|
||||
{ id: "5", value: "5", description: "إغلاق المعاملة بنجاح" }
|
||||
]}
|
||||
tag="عملية سهلة ومبسطة"
|
||||
metricsAnimation="blur-reveal"
|
||||
@@ -164,13 +93,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"منصة حراج",
|
||||
"منصة ميلا",
|
||||
"منصة استاجر",
|
||||
"منصة مرسول",
|
||||
"منصة عقار",
|
||||
]}
|
||||
names={["منصة حراج", "منصة ميلا", "منصة استاجر", "منصة مرسول", "منصة عقار"]}
|
||||
title="منصات تثق بنا"
|
||||
description="نحن نعمل مع أكبر المنصات السعودية لضمان الجودة."
|
||||
/>
|
||||
@@ -181,61 +104,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "mohammed121",
|
||||
date: "منذ يوم",
|
||||
title: "عميل متميز",
|
||||
quote: "أفضل منصة وساطة ربي يبارك فيهم",
|
||||
tag: "مكتمل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-building-icon-concept_53876-23512.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg?_wi=2",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "SaraQahtan",
|
||||
date: "منذ يومين",
|
||||
title: "عميلة متميزة",
|
||||
quote: "أنصح الكل بالمنصة وبقوة",
|
||||
tag: "مكتمل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-bill-energy-crisis_23-2150061825.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/adha-bag_187299-46334.jpg",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Ali99",
|
||||
date: "منذ 3 أيام",
|
||||
title: "عميل",
|
||||
quote: "تعامل سريع وموثوق",
|
||||
tag: "مكتمل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66470.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-engraving-plate-kids-table_8353-10196.jpg",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Fahad_KSA",
|
||||
date: "منذ أسبوع",
|
||||
title: "عميل",
|
||||
quote: "أفضل وسيط تعاملت معه",
|
||||
tag: "مكتمل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/home-icon-front-side-with-white-background_187299-40059.jpg",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nora_90",
|
||||
date: "منذ 10 أيام",
|
||||
title: "عميلة",
|
||||
quote: "منصة احترافية جداً",
|
||||
tag: "مكتمل",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125097.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg?_wi=2",
|
||||
imageAlt: "financial dashboard dark mode",
|
||||
},
|
||||
{ id: "1", name: "mohammed121", date: "منذ يوم", title: "عميل متميز", quote: "أفضل منصة وساطة ربي يبارك فيهم", tag: "مكتمل", avatarSrc: "http://img.b2bpic.net/free-photo/real-estate-building-icon-concept_53876-23512.jpg", imageSrc: "http://img.b2bpic.net/free-photo/stock-data-office-computer-screen_482257-119275.jpg", imageAlt: "financial dashboard dark mode" },
|
||||
{ id: "2", name: "SaraQahtan", date: "منذ يومين", title: "عميلة متميزة", quote: "أنصح الكل بالمنصة وبقوة", tag: "مكتمل", avatarSrc: "http://img.b2bpic.net/free-photo/man-looking-bill-energy-crisis_23-2150061825.jpg", imageSrc: "http://img.b2bpic.net/free-photo/adha-bag_187299-46334.jpg", imageAlt: "financial dashboard dark mode" },
|
||||
{ id: "3", name: "Ali99", date: "منذ 3 أيام", title: "عميل", quote: "تعامل سريع وموثوق", tag: "مكتمل", avatarSrc: "http://img.b2bpic.net/free-photo/trading-stock-stock-market-business-graph-trading-investment-broker-stock-exchange-market_169016-66470.jpg", imageSrc: "http://img.b2bpic.net/free-photo/wooden-engraving-plate-kids-table_8353-10196.jpg", imageAlt: "financial dashboard dark mode" },
|
||||
{ id: "4", name: "Fahad_KSA", date: "منذ أسبوع", title: "عميل", quote: "أفضل وسيط تعاملت معه", tag: "مكتمل", avatarSrc: "http://img.b2bpic.net/free-photo/stockholder-working-from-apartment-using-mockup-mobile-phone_482257-121882.jpg", imageSrc: "http://img.b2bpic.net/free-photo/home-icon-front-side-with-white-background_187299-40059.jpg", imageAlt: "financial dashboard dark mode" },
|
||||
{ id: "5", name: "Nora_90", date: "منذ 10 أيام", title: "عميلة", quote: "منصة احترافية جداً", tag: "مكتمل", avatarSrc: "http://img.b2bpic.net/free-photo/house-loan-estate-sell-mortgage-concept_53876-125097.jpg", imageSrc: "http://img.b2bpic.net/free-photo/suit-tie-formalwear-tailormade-business_53876-13785.jpg", imageAlt: "financial dashboard dark mode" }
|
||||
]}
|
||||
title="تقييمات العملاء"
|
||||
description="آراء عملائنا الذين وثقوا بنا."
|
||||
@@ -248,18 +121,8 @@ export default function LandingPage() {
|
||||
title="هل تريد إنشاء معاملة؟"
|
||||
description="تواصل معنا وابدأ الآن."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "اسمك الكريم",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "رقم الجوال",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "اسمك الكريم", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "رقم الجوال", required: true }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/empty-luxurious-corporate-high-end-office-designed-ceo-leader_482257-101437.jpg"
|
||||
imageAlt="مكتب وسطاء"
|
||||
@@ -269,30 +132,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "اتفاقية الاستخدام",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "الأسئلة الشائعة",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "اتفاقية الاستخدام", href: "#" }, { label: "سياسة الخصوصية", href: "#" }] },
|
||||
{ items: [{ label: "اتصل بنا", href: "#" }, { label: "الأسئلة الشائعة", href: "#" }] }
|
||||
]}
|
||||
logoText="وسطاء العراب"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user