Update src/app/page.tsx

This commit is contained in:
2026-06-03 21:29:06 +00:00
parent 73c1fa6180
commit 9a24891a8b

View File

@@ -34,64 +34,41 @@ export default function LandingPage() {
<NavbarLayoutFloatingInline
navItems={[
{
name: "الرئيسية",
id: "hero",
},
name: "الرئيسية", id: "hero"},
{
name: "حولنا",
id: "about",
},
name: "حولنا", id: "about"},
{
name: "الميزات",
id: "features",
},
name: "الميزات", id: "features"},
{
name: "الخدمات",
id: "products",
},
name: "الخدمات", id: "products"},
{
name: "الأسعار",
id: "pricing",
},
name: "الأسعار", id: "pricing"},
{
name: "آراء العملاء",
id: "testimonials",
},
name: "آراء العملاء", id: "testimonials"},
{
name: "الأسئلة الشائعة",
id: "faq",
},
name: "الأسئلة الشائعة", id: "faq"},
{
name: "اتصل بنا",
id: "contact",
},
name: "اتصل بنا", id: "contact"},
]}
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=u8l15k"
logoAlt="Inwi Moneye Logo"
brandName="Inwi Moneye"
button={{
text: "حمّل التطبيق",
href: "#",
}}
text: "حمّل التطبيق", href: "#"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroBillboardScroll
background={{
variant: "radial-gradient",
}}
variant: "radial-gradient"}}
title="Inwi Moneye: محفظتك الرقمية الشاملة"
description="أرسل الأموال، ادفع الفواتير، وتحكّم في أموالك بذكاء وأمان، داخل المغرب وخارجه. مع Inwi Moneye، أنت تتحكم في مستقبلك المالي."
buttons={[
{
text: "حمّل التطبيق الآن",
href: "#download",
},
text: "حمّل التطبيق الآن", href: "#download"},
{
text: "اكتشف المزيد",
href: "#about",
},
text: "اكتشف المزيد", href: "#about"},
]}
imageSrc="http://img.b2bpic.net/free-photo/close-up-guy-with-ring-smartphone_23-2148450773.jpg"
imageAlt="تطبيق Inwi Moneye على الهاتف الذكي"
@@ -115,67 +92,35 @@ export default function LandingPage() {
useInvertedBackground={true}
features={[
{
id: "f1",
label: "تحويلات سريعة وآمنة",
title: "إرسال واستقبال الأموال",
items: [
"تحويلات فورية للأصدقاء والعائلة",
"مدعومة محلياً ودولياً",
"رسوم منخفضة وشفافة",
],
id: "f1", label: "تحويلات سريعة وآمنة", title: "إرسال واستقبال الأموال", items: [
"تحويلات فورية للأصدقاء والعائلة", "مدعومة محلياً ودولياً", "رسوم منخفضة وشفافة"],
buttons: [
{
text: "تعلم المزيد",
href: "#",
},
text: "تعلم المزيد", href: "#"},
],
},
{
id: "f2",
label: "ادفع بضغطة زر",
title: "دفع الفواتير وشحن الرصيد",
items: [
"دفع فواتير Wi-Fi والإنترنت",
"شحن رصيد الهاتف بسهولة",
"مدفوعات متنوعة للخدمات",
],
id: "f2", label: "ادفع بضغطة زر", title: "دفع الفواتير وشحن الرصيد", items: [
"دفع فواتير Wi-Fi والإنترنت", "شحن رصيد الهاتف بسهولة", "مدفوعات متنوعة للخدمات"],
buttons: [
{
text: "اكتشف الفواتير",
href: "#",
},
text: "اكتشف الفواتير", href: "#"},
],
},
{
id: "f3",
label: "إدارة موحدة",
title: "الربط بالحسابات البنكية",
items: [
"ربط محفظتك بحساباتك الشخصية",
"تحويلات سلسة بين البنوك والمحفظة",
"تحكم كامل في أموالك",
],
id: "f3", label: "إدارة موحدة", title: "الربط بالحسابات البنكية", items: [
"ربط محفظتك بحساباتك الشخصية", "تحويلات سلسة بين البنوك والمحفظة", "تحكم كامل في أموالك"],
buttons: [
{
text: "ابدأ الربط",
href: "#",
},
text: "ابدأ الربط", href: "#"},
],
},
{
id: "f4",
label: "مساعدك المالي",
title: "دعم الذكاء الاصطناعي",
items: [
"رؤى واقتراحات مخصصة للإنفاق",
"تحليل ذكي لمعاملاتك",
"تخطيط مالي أفضل بمساعدة AI",
],
id: "f4", label: "مساعدك المالي", title: "دعم الذكاء الاصطناعي", items: [
"رؤى واقتراحات مخصصة للإنفاق", "تحليل ذكي لمعاملاتك", "تخطيط مالي أفضل بمساعدة AI"],
buttons: [
{
text: "جرب AI",
href: "#",
},
text: "جرب AI", href: "#"},
],
},
]}
@@ -191,37 +136,13 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "m1",
value: "5M+",
title: "مستخدم نشط",
description: "أكثر من خمسة ملايين مستخدم يثقون في Inwi Moneye.",
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-taking-selfie_53876-40336.jpg",
imageAlt: "أيقونة مستخدمين",
},
id: "m1", value: "5M+", title: "مستخدم نشط", description: "أكثر من خمسة ملايين مستخدم يثقون في Inwi Moneye.", imageSrc: "http://img.b2bpic.net/free-photo/group-friends-taking-selfie_53876-40336.jpg", imageAlt: "أيقونة مستخدمين"},
{
id: "m2",
value: "10M+",
title: "معاملة شهرياً",
description: "نحن نجري أكثر من 10 ملايين معاملة مالية كل شهر.",
imageSrc: "http://img.b2bpic.net/free-vector/recycle-sign-with-dollar-sign-green-black_78370-9145.jpg",
imageAlt: "أيقونة معاملات",
},
id: "m2", value: "10M+", title: "معاملة شهرياً", description: "نحن نجري أكثر من 10 ملايين معاملة مالية كل شهر.", imageSrc: "http://img.b2bpic.net/free-vector/recycle-sign-with-dollar-sign-green-black_78370-9145.jpg", imageAlt: "أيقونة معاملات"},
{
id: "m3",
value: "20+",
title: "دولة مدعومة",
description: "تتواجد خدماتنا في أكثر من 20 دولة حول العالم.",
imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg",
imageAlt: "أيقونة دول",
},
id: "m3", value: "20+", title: "دولة مدعومة", description: "تتواجد خدماتنا في أكثر من 20 دولة حول العالم.", imageSrc: "http://img.b2bpic.net/free-photo/earth-globe-internet-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1178.jpg", imageAlt: "أيقونة دول"},
{
id: "m4",
value: "99.9%",
title: "رضا العملاء",
description: "معدل رضا عالٍ يعكس جودة خدماتنا ودعمنا.",
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860250.jpg",
imageAlt: "أيقونة رضا العملاء",
},
id: "m4", value: "99.9%", title: "رضا العملاء", description: "معدل رضا عالٍ يعكس جودة خدماتنا ودعمنا.", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-with-different-feelings_23-2148860250.jpg", imageAlt: "أيقونة رضا العملاء"},
]}
title="أرقامنا تتحدث عن نفسها"
description="شاهد كيف يساهم Inwi Moneye في تمكين الآلاف يومياً من خلال خدماتنا الموثوقة والمنتشرة."
@@ -236,53 +157,17 @@ export default function LandingPage() {
useInvertedBackground={true}
products={[
{
id: "p1",
name: "تحويل الأموال الدولي",
price: "مجاني*",
variant: "حدود عالية",
imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970183.jpg",
imageAlt: "تحويل أموال دولي",
},
id: "p1", name: "تحويل الأموال الدولي", price: "مجاني*", variant: "حدود عالية", imageSrc: "http://img.b2bpic.net/free-photo/business-person-futuristic-business-environment_23-2150970183.jpg", imageAlt: "تحويل أموال دولي"},
{
id: "p2",
name: "دفع فواتير الإنترنت",
price: "فوري",
variant: "لكل الشبكات",
imageSrc: "http://img.b2bpic.net/free-photo/joyous-person-delighted-online-shopping-carefully-typing-credit-card_482257-102475.jpg",
imageAlt: "دفع فواتير الإنترنت",
},
id: "p2", name: "دفع فواتير الإنترنت", price: "فوري", variant: "لكل الشبكات", imageSrc: "http://img.b2bpic.net/free-photo/joyous-person-delighted-online-shopping-carefully-typing-credit-card_482257-102475.jpg", imageAlt: "دفع فواتير الإنترنت"},
{
id: "p3",
name: "شحن رصيد الهاتف",
price: "سهل",
variant: "جميع المشغلين",
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card-looking-screen-his-smartphone-standing-blue-wall_141793-23007.jpg",
imageAlt: "شحن رصيد الهاتف",
},
id: "p3", name: "شحن رصيد الهاتف", price: "سهل", variant: "جميع المشغلين", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-holding-credit-card-looking-screen-his-smartphone-standing-blue-wall_141793-23007.jpg", imageAlt: "شحن رصيد الهاتف"},
{
id: "p4",
name: "محفظة AI الذكية",
price: "حصري",
variant: "تحليل مالي",
imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-assistant-his-smartphone_23-2149107950.jpg",
imageAlt: "محفظة AI الذكية",
},
id: "p4", name: "محفظة AI الذكية", price: "حصري", variant: "تحليل مالي", imageSrc: "http://img.b2bpic.net/free-photo/man-using-digital-assistant-his-smartphone_23-2149107950.jpg", imageAlt: "محفظة AI الذكية"},
{
id: "p5",
name: "ربط الحسابات البنكية",
price: "آمن",
variant: "تكامل سلس",
imageSrc: "http://img.b2bpic.net/free-vector/online-education-concept_23-2147507995.jpg",
imageAlt: "ربط الحسابات البنكية",
},
id: "p5", name: "ربط الحسابات البنكية", price: "آمن", variant: "تكامل سلس", imageSrc: "http://img.b2bpic.net/free-vector/online-education-concept_23-2147507995.jpg", imageAlt: "ربط الحسابات البنكية"},
{
id: "p6",
name: "مدفوعات التجار",
price: "سريع",
variant: "QR Code",
imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893847.jpg",
imageAlt: "مدفوعات التجار",
},
id: "p6", name: "مدفوعات التجار", price: "سريع", variant: "QR Code", imageSrc: "http://img.b2bpic.net/free-photo/person-paying-using-nfc-technology_23-2149893847.jpg", imageAlt: "مدفوعات التجار"},
]}
title="خدماتنا المخصصة لك"
description="اكتشف مجموعة حلول Inwi Moneye التي تلبي جميع احتياجاتك المالية وتجعل حياتك أسهل."
@@ -296,60 +181,22 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "plan-basic",
tag: "الاكثر شعبية",
price: "مجاناً",
period: "شهرياً",
description: "للمستخدمين الجدد والذين يحتاجون للخدمات الأساسية اليومية.",
button: {
text: "ابدأ مجاناً",
href: "#",
},
featuresTitle: "الميزات الأساسية:",
features: [
"تحويل الأموال محلياً",
"دفع فواتير Wi-Fi والإنترنت",
"شحن رصيد الهاتف",
"دعم فني على مدار الساعة",
],
id: "plan-basic", tag: "الاكثر شعبية", price: "مجاناً", period: "شهرياً", description: "للمستخدمين الجدد والذين يحتاجون للخدمات الأساسية اليومية.", button: {
text: "ابدأ مجاناً", href: "#"},
featuresTitle: "الميزات الأساسية:", features: [
"تحويل الأموال محلياً", "دفع فواتير Wi-Fi والإنترنت", "شحن رصيد الهاتف", "دعم فني على مدار الساعة"],
},
{
id: "plan-premium",
tag: "موصى به",
price: "49 درهم",
period: "شهرياً",
description: "للمستخدمين الذين يبحثون عن ميزات متقدمة ودعم أوسع.",
button: {
text: "اشترك الآن",
href: "#",
},
featuresTitle: "الميزات المتقدمة:",
features: [
"جميع ميزات الخطة الأساسية",
"تحويل الأموال دولياً",
"الربط بحسابات بنكية متعددة",
"تقارير مالية مدعومة بالذكاء الاصطناعي",
"أولوية في الدعم الفني",
],
id: "plan-premium", tag: "موصى به", price: "49 درهم", period: "شهرياً", description: "للمستخدمين الذين يبحثون عن ميزات متقدمة ودعم أوسع.", button: {
text: "اشترك الآن", href: "#"},
featuresTitle: "الميزات المتقدمة:", features: [
"جميع ميزات الخطة الأساسية", "تحويل الأموال دولياً", "الربط بحسابات بنكية متعددة", "تقارير مالية مدعومة بالذكاء الاصطناعي", "أولوية في الدعم الفني"],
},
{
id: "plan-business",
tag: "للشركات",
price: "199 درهم",
period: "شهرياً",
description: "حلول مالية متكاملة للشركات الصغيرة والمتوسطة.",
button: {
text: "تواصل للمؤسسات",
href: "#",
},
featuresTitle: "حلول الأعمال:",
features: [
"جميع ميزات الخطة المميزة",
"مدفوعات جماعية للموظفين",
"بوابات دفع مخصصة للتجار",
"تحليلات مالية متقدمة للأعمال",
"مدير حساب شخصي",
],
id: "plan-business", tag: "للشركات", price: "199 درهم", period: "شهرياً", description: "حلول مالية متكاملة للشركات الصغيرة والمتوسطة.", button: {
text: "تواصل للمؤسسات", href: "#"},
featuresTitle: "حلول الأعمال:", features: [
"جميع ميزات الخطة المميزة", "مدفوعات جماعية للموظفين", "بوابات دفع مخصصة للتجار", "تحليلات مالية متقدمة للأعمال", "مدير حساب شخصي"],
},
]}
title="خطط مرنة تناسب الجميع"
@@ -364,50 +211,20 @@ export default function LandingPage() {
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "أحمد المغربي",
handle: "@AhmedMorocco",
testimonial: "Inwi Moneye غيّر طريقة تعاملي مع الأموال. التحويلات سريعة وسهلة، ودفع الفواتير أصبح لا يتطلب أي مجهود. أوصي به بشدة!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg",
imageAlt: "أحمد المغربي",
},
id: "t1", name: "أحمد المغربي", handle: "@AhmedMorocco", testimonial: "Inwi Moneye غيّر طريقة تعاملي مع الأموال. التحويلات سريعة وسهلة، ودفع الفواتير أصبح لا يتطلب أي مجهود. أوصي به بشدة!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-library_23-2149204750.jpg", imageAlt: "أحمد المغربي"},
{
id: "t2",
name: "فاطمة الزهراء",
handle: "@FatimaZahra",
testimonial: "تطبيق رائع! خاصة ميزة ربط الحسابات البنكية ودعم الذكاء الاصطناعي الذي يقدم لي نصائح قيمة. أشعر أن أموالي تحت السيطرة.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/powerful-woman-director-receives-project-updates-via-text-messages_482257-106601.jpg",
imageAlt: "فاطمة الزهراء",
},
id: "t2", name: "فاطمة الزهراء", handle: "@FatimaZahra", testimonial: "تطبيق رائع! خاصة ميزة ربط الحسابات البنكية ودعم الذكاء الاصطناعي الذي يقدم لي نصائح قيمة. أشعر أن أموالي تحت السيطرة.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/powerful-woman-director-receives-project-updates-via-text-messages_482257-106601.jpg", imageAlt: "فاطمة الزهراء"},
{
id: "t3",
name: "يوسف بناني",
handle: "@YoussefB",
testimonial: "كنت أبحث عن حل لدفع فواتير الإنترنت وشحن رصيد هاتفي بسهولة. Inwi Moneye فاق توقعاتي بفضل سرعته وأمانه العالي.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-enjoying-coffee_23-2148673397.jpg",
imageAlt: "يوسف بناني",
},
id: "t3", name: "يوسف بناني", handle: "@YoussefB", testimonial: "كنت أبحث عن حل لدفع فواتير الإنترنت وشحن رصيد هاتفي بسهولة. Inwi Moneye فاق توقعاتي بفضل سرعته وأمانه العالي.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/portrait-elegant-male-enjoying-coffee_23-2148673397.jpg", imageAlt: "يوسف بناني"},
{
id: "t4",
name: "مريم علوي",
handle: "@MaryamAlawi",
testimonial: "خدمة عملاء ممتازة وتطبيق سهل الاستخدام. قمت بتحويل أموال دولياً عدة مرات ولم أواجه أي مشكلة. تجربة رائعة!",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3026.jpg",
imageAlt: "مريم علوي",
},
id: "t4", name: "مريم علوي", handle: "@MaryamAlawi", testimonial: "خدمة عملاء ممتازة وتطبيق سهل الاستخدام. قمت بتحويل أموال دولياً عدة مرات ولم أواجه أي مشكلة. تجربة رائعة!", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-man-funny-expression_1194-3026.jpg", imageAlt: "مريم علوي"},
{
id: "t5",
name: "خالد رشيدي",
handle: "@KhalidRachidi",
testimonial: "أحببت كيف يساعدني الذكاء الاصطناعي في تتبع إنفاقي وتقديم رؤى لتحسين ميزانيتي. إنه كأن لدي مساعد مالي شخصي.",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-people-asking-advice-assistance-regarding-pension-plans_482257-106912.jpg",
imageAlt: "خالد رشيدي",
},
id: "t5", name: "خالد رشيدي", handle: "@KhalidRachidi", testimonial: "أحببت كيف يساعدني الذكاء الاصطناعي في تتبع إنفاقي وتقديم رؤى لتحسين ميزانيتي. إنه كأن لدي مساعد مالي شخصي.", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-people-asking-advice-assistance-regarding-pension-plans_482257-106912.jpg", imageAlt: "خالد رشيدي"},
]}
showRating={true}
title="ماذا يقول عملاؤنا؟"
@@ -421,30 +238,15 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "كيف يمكنني تفعيل حساب Inwi Moneye الخاص بي؟",
content: "لتفعيل حسابك، قم بتحميل التطبيق من متجر التطبيقات، ثم اتبع الخطوات لإدخال معلوماتك الشخصية والتحقق من هويتك. يستغرق الأمر بضع دقائق فقط.",
},
id: "q1", title: "كيف يمكنني تفعيل حساب Inwi Moneye الخاص بي؟", content: "لتفعيل حسابك، قم بتحميل التطبيق من متجر التطبيقات، ثم اتبع الخطوات لإدخال معلوماتك الشخصية والتحقق من هويتك. يستغرق الأمر بضع دقائق فقط."},
{
id: "q2",
title: "هل Inwi Moneye آمن للاستخدام؟",
content: "نعم، نستخدم أحدث تقنيات التشفير والأمان لحماية بياناتك ومعاملاتك المالية. أمانك هو أولويتنا القصوى.",
},
id: "q2", title: "هل Inwi Moneye آمن للاستخدام؟", content: "نعم، نستخدم أحدث تقنيات التشفير والأمان لحماية بياناتك ومعاملاتك المالية. أمانك هو أولويتنا القصوى."},
{
id: "q3",
title: "ما هي رسوم التحويلات الدولية؟",
content: "تختلف رسوم التحويلات الدولية حسب البلد والمبلغ. يمكنك مراجعة جدول الرسوم الشفاف داخل التطبيق قبل إتمام أي معاملة.",
},
id: "q3", title: "ما هي رسوم التحويلات الدولية؟", content: "تختلف رسوم التحويلات الدولية حسب البلد والمبلغ. يمكنك مراجعة جدول الرسوم الشفاف داخل التطبيق قبل إتمام أي معاملة."},
{
id: "q4",
title: "كيف يمكنني ربط حسابي البنكي؟",
content: "اذهب إلى قسم 'إعدادات الحساب' في التطبيق، ثم اختر 'ربط حساب بنكي' واتبع التعليمات لإدخال تفاصيل حسابك بأمان.",
},
id: "q4", title: "كيف يمكنني ربط حسابي البنكي؟", content: "اذهب إلى قسم 'إعدادات الحساب' في التطبيق، ثم اختر 'ربط حساب بنكي' واتبع التعليمات لإدخال تفاصيل حسابك بأمان."},
{
id: "q5",
title: "ما هي ميزات الذكاء الاصطناعي؟",
content: "يقدم لك الذكاء الاصطناعي رؤى مخصصة حول إنفاقك، ويقترح طرقاً لتوفير المال، وينبهك إلى الفواتير القادمة، ويساعدك في التخطيط المالي.",
},
id: "q5", title: "ما هي ميزات الذكاء الاصطناعي؟", content: "يقدم لك الذكاء الاصطناعي رؤى مخصصة حول إنفاقك، ويقترح طرقاً لتوفير المال، وينبهك إلى الفواتير القادمة، ويساعدك في التخطيط المالي."},
]}
title="الأسئلة الشائعة"
description="إجابات على كل استفساراتك حول Inwi Moneye وكيف يمكنك الاستفادة القصوى من خدماتنا."
@@ -456,18 +258,13 @@ export default function LandingPage() {
<ContactText
useInvertedBackground={true}
background={{
variant: "cell-wave",
}}
variant: "cell-wave"}}
text="فريق دعم Inwi Moneye جاهز لمساعدتك في أي وقت. لا تتردد في الاتصال بنا لأي استفسارات أو دعم فني بخصوص محفظتك الرقمية. نحن هنا لخدمتك."
buttons={[
{
text: "أرسل رسالة",
href: "mailto:support@inwimoneye.com",
},
text: "أرسل رسالة", href: "mailto:support@inwimoneye.com"},
{
text: "اتصل بالدعم",
href: "tel:+212-XXX-XXXXXX",
},
text: "اتصل بالدعم", href: "tel:+212-XXX-XXXXXX"},
]}
/>
</div>
@@ -479,23 +276,17 @@ export default function LandingPage() {
socialLinks={[
{
icon: Facebook,
href: "https://facebook.com/inwimoneye",
ariaLabel: "Facebook",
},
href: "https://facebook.com/inwimoneye", ariaLabel: "Facebook"},
{
icon: Twitter,
href: "https://twitter.com/inwimoneye",
ariaLabel: "Twitter",
},
href: "https://twitter.com/inwimoneye", ariaLabel: "Twitter"},
{
icon: Linkedin,
href: "https://linkedin.com/company/inwimoneye",
ariaLabel: "LinkedIn",
},
href: "https://linkedin.com/company/inwimoneye", ariaLabel: "LinkedIn"},
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}