Merge version_1 into main #2
410
src/app/page.tsx
410
src/app/page.tsx
@@ -28,295 +28,145 @@ export default function LandingPage() {
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "عن التطبيق",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "المميزات",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "الأسعار",
|
||||
id: "pricing",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="مونة البيت"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "عن التطبيق", id: "about" },
|
||||
{ name: "المميزات", id: "features" },
|
||||
{ name: "الأسعار", id: "pricing" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="مونة البيت"
|
||||
button={{ text: "ابدأ الآن", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="مونة البيت"
|
||||
description="تطبيقك الذكي لإدارة مخزون المنزل والمقاضي. وفر جهدك ووقتك، وودع هدر الطعام بذكاء."
|
||||
buttons={[
|
||||
{
|
||||
text: "ابدأ الآن",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=1",
|
||||
imageAlt: "تطبيق مونة البيت",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg",
|
||||
imageAlt: "قائمة المقاضي الذكية",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg",
|
||||
imageAlt: "إدارة المخزون",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg",
|
||||
imageAlt: "تنبيهات الانتهاء",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg",
|
||||
imageAlt: "وصفات سعودية",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-muslim-women_23-2149122796.jpg",
|
||||
imageAlt: "تشاركية عائلية",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="مونة البيت"
|
||||
description="تطبيقك الذكي لإدارة مخزون المنزل والمقاضي. وفر جهدك ووقتك، وودع هدر الطعام بذكاء."
|
||||
buttons={[{ text: "ابدأ الآن", href: "#" }]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg", imageAlt: "تطبيق مونة البيت" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/person-holding-phone-jar-pasta_482257-109981.jpg", imageAlt: "قائمة المقاضي الذكية" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-vegetables-tablet_23-2148478235.jpg", imageAlt: "إدارة المخزون" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-with-tablet-kitchen_23-2148018394.jpg", imageAlt: "تنبيهات الانتهاء" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-checking-recipe-notes-notebook-standing-kitchen-with-vegetables-cooking-food_1258-198087.jpg", imageAlt: "وصفات سعودية" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-muslim-women_23-2149122796.jpg", imageAlt: "تشاركية عائلية" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "أكثر من مجرد تطبيق",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/man-inquires-about-food-ethical-sourcing_482257-76734.jpg",
|
||||
alt: "مخزون المنزل",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اكتشف المزيد",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "أكثر من مجرد تطبيق" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/man-inquires-about-food-ethical-sourcing_482257-76734.jpg", alt: "مخزون المنزل" },
|
||||
]}
|
||||
buttons={[{ text: "اكتشف المزيد", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"تكرار الشراء غير الضروري",
|
||||
"هدر المواد الغذائية",
|
||||
"نسيان قائمة المقاضي",
|
||||
],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"مخزون منظم دائماً",
|
||||
"قائمة تسوق تشاركية",
|
||||
"تنبيهات ذكية للانتهاء",
|
||||
],
|
||||
}}
|
||||
title="حل جذري لمشاكل المطبخ"
|
||||
description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{ items: ["تكرار الشراء غير الضروري", "هدر المواد الغذائية", "نسيان قائمة المقاضي"] }}
|
||||
positiveCard={{ items: ["مخزون منظم دائماً", "قائمة تسوق تشاركية", "تنبيهات ذكية للانتهاء"] }}
|
||||
title="حل جذري لمشاكل المطبخ"
|
||||
description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "30%",
|
||||
description: "تقليل هدر الطعام",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "15+",
|
||||
description: "عائلة جربت التطبيق",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "95%",
|
||||
description: "رضا المستخدمين",
|
||||
},
|
||||
]}
|
||||
title="نتائج ملموسة"
|
||||
description="مؤشرات نجاح نعتز بها في تطبيق مونة البيت"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "30%", description: "تقليل هدر الطعام" },
|
||||
{ id: "m2", value: "15+", description: "عائلة جربت التطبيق" },
|
||||
{ id: "m3", value: "95%", description: "رضا المستخدمين" },
|
||||
]}
|
||||
title="نتائج ملموسة"
|
||||
description="مؤشرات نجاح نعتز بها في تطبيق مونة البيت"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
title: "خطة التجربة",
|
||||
price: "مجاني",
|
||||
period: "للأبد",
|
||||
features: [
|
||||
"إدارة 20 منتج",
|
||||
"قائمة تسوق فردية",
|
||||
],
|
||||
button: {
|
||||
text: "ابدأ مجاناً",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-350.jpg",
|
||||
imageAlt: "Table with vegetables and a tablet",
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
title: "خطة العائلة",
|
||||
price: "19 ريال",
|
||||
period: "شهرياً",
|
||||
features: [
|
||||
"مخزون غير محدود",
|
||||
"تشاركية عائلية",
|
||||
"تنبيهات ذكية",
|
||||
],
|
||||
button: {
|
||||
text: "اشترك الآن",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg?_wi=2",
|
||||
imageAlt: "Table with vegetables and a tablet",
|
||||
},
|
||||
]}
|
||||
title="خطط تناسب عائلتك"
|
||||
description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
|
||||
/>
|
||||
</div>
|
||||
<div id="pricing" data-section="pricing">
|
||||
<PricingCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free", title: "خطة التجربة", price: "مجاني", period: "للأبد", features: ["إدارة 20 منتج", "قائمة تسوق فردية"],
|
||||
button: { text: "ابدأ مجاناً" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-350.jpg", imageAlt: "Table with vegetables and a tablet"},
|
||||
{
|
||||
id: "pro", title: "خطة العائلة", price: "19 ريال", period: "شهرياً", features: ["مخزون غير محدود", "تشاركية عائلية", "تنبيهات ذكية"],
|
||||
button: { text: "اشترك الآن" },
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/table-with-vegetables-tablet_1112-344.jpg", imageAlt: "Table with vegetables and a tablet"},
|
||||
]}
|
||||
title="خطط تناسب عائلتك"
|
||||
description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة محمد",
|
||||
handle: "@sarah_m",
|
||||
testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "عبدالله خالد",
|
||||
handle: "@abdullah_k",
|
||||
testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "أم محمد",
|
||||
handle: "@om_mohammed",
|
||||
testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "أحمد سعد",
|
||||
handle: "@ahmed_s",
|
||||
testimonial: "تجربة رائعة وتشاركية فعالة جداً.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "فاطمة عيسى",
|
||||
handle: "@fatima_e",
|
||||
testimonial: "تنبيهات الانتهاء منقذة فعلاً.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197971.jpg",
|
||||
},
|
||||
]}
|
||||
showRating={true}
|
||||
title="آراء مستخدمينا"
|
||||
description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "سارة محمد", handle: "@sarah_m", testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg" },
|
||||
{ id: "2", name: "عبدالله خالد", handle: "@abdullah_k", testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg" },
|
||||
{ id: "3", name: "أم محمد", handle: "@om_mohammed", testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg" },
|
||||
{ id: "4", name: "أحمد سعد", handle: "@ahmed_s", testimonial: "تجربة رائعة وتشاركية فعالة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-bald-caucasian-man-pink-hoodie-isolated-look-with-smile-point-fingers-up_343596-4825.jpg" },
|
||||
{ id: "5", name: "فاطمة عيسى", handle: "@fatima_e", testimonial: "تنبيهات الانتهاء منقذة فعلاً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-hijab-desert_23-2149197971.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="آراء مستخدمينا"
|
||||
description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "هل التطبيق يدعم الباركود؟",
|
||||
content: "نعم، ندعم مسح الباركود للمنتجات بسهولة.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "كيف أشارك القائمة مع عائلتي؟",
|
||||
content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "هل التطبيق مجاني؟",
|
||||
content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة.",
|
||||
},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على أهم تساؤلاتكم"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
|
||||
{ id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
|
||||
{ id: "q3", title: "هل التطبيق مجاني؟", content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على أهم تساؤلاتكم"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="تواصل معنا"
|
||||
title="هل لديك اقتراحات؟"
|
||||
description="نسعد دائماً بسماع آرائكم لتطوير مونة البيت"
|
||||
buttons={[
|
||||
{
|
||||
text: "أرسل رسالة",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "plain" }}
|
||||
tag="تواصل معنا"
|
||||
title="هل لديك اقتراحات؟"
|
||||
description="نسعد دائماً بسماع آرائكم لتطوير مونة البيت"
|
||||
buttons={[{ text: "أرسل رسالة", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="مونة البيت"
|
||||
copyrightText="© 2026 مونة البيت | جميع الحقوق محفوظة"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="مونة البيت"
|
||||
copyrightText="© 2026 مونة البيت | جميع الحقوق محفوظة"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user