|
|
|
|
@@ -2,16 +2,16 @@
|
|
|
|
|
|
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
|
|
|
import ReactLenis from "lenis/react";
|
|
|
|
|
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
|
|
|
|
import FaqBase from '@/components/sections/faq/FaqBase';
|
|
|
|
|
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
|
|
|
|
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
|
|
|
|
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
|
|
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
|
|
|
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
|
|
|
|
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
|
|
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
|
|
|
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
|
|
|
|
|
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
|
|
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
|
|
|
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
|
|
|
|
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
|
|
|
|
|
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
|
|
|
|
import PricingCardEight from '@/components/sections/pricing/PricingCardEight';
|
|
|
|
|
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
|
|
|
|
|
|
|
|
|
export default function LandingPage() {
|
|
|
|
|
return (
|
|
|
|
|
@@ -43,18 +43,16 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="hero" data-section="hero">
|
|
|
|
|
<HeroCarouselLogo
|
|
|
|
|
logoText="مونة البيت"
|
|
|
|
|
<HeroBillboardCarousel
|
|
|
|
|
title="مونة البيت"
|
|
|
|
|
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: "تشاركية عائلية" },
|
|
|
|
|
mediaItems={[
|
|
|
|
|
{ imageSrc: "https://img.freepik.com/free-photo/arabic-food-concept-with-spices-copy-space_23-2148782974.jpg", imageAlt: "ضيافة عربية أصيلة" },
|
|
|
|
|
{ imageSrc: "https://img.freepik.com/free-photo/view-traditional-arab-food-table_23-2149176435.jpg", imageAlt: "مائدة سعودية تقليدية" },
|
|
|
|
|
{ imageSrc: "https://img.freepik.com/free-photo/delicious-traditional-food-table_23-2149176465.jpg", imageAlt: "أطباق شعبية منزلية" },
|
|
|
|
|
]}
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -63,21 +61,23 @@ export default function LandingPage() {
|
|
|
|
|
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: "مخزون المنزل" },
|
|
|
|
|
{ type: "image", src: "https://img.freepik.com/free-photo/traditional-arab-spices-market_23-2148674945.jpg", alt: "مخزون المنزل" },
|
|
|
|
|
]}
|
|
|
|
|
buttons={[{ text: "اكتشف المزيد", href: "#" }]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="features" data-section="features">
|
|
|
|
|
<FeatureCardSixteen
|
|
|
|
|
<FeatureCardTwentySeven
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
negativeCard={{ items: ["تكرار الشراء غير الضروري", "هدر المواد الغذائية", "نسيان قائمة المقاضي"] }}
|
|
|
|
|
positiveCard={{ items: ["مخزون منظم دائماً", "قائمة تسوق تشاركية", "تنبيهات ذكية للانتهاء"] }}
|
|
|
|
|
title="حل جذري لمشاكل المطبخ"
|
|
|
|
|
description="توقف عن الفوضى وابدأ رحلة التنظيم الذكي للمنزل"
|
|
|
|
|
features={[
|
|
|
|
|
{ id: "f1", title: "إدارة المخزون", descriptions: ["تتبع دقيق للمؤن والمكونات المتاحة", "نظام تنبيهات ذكي لموعد انتهاء الصلاحية"], imageSrc: "https://img.freepik.com/free-photo/middle-eastern-ingredients-table_23-2148674921.jpg" },
|
|
|
|
|
{ id: "f2", title: "قائمة التسوق", descriptions: ["قائمة مقاضي ذكية وموحدة لجميع أفراد العائلة", "إضافة العناصر تلقائياً عند نفاذ المخزون"], imageSrc: "https://img.freepik.com/free-photo/groceries-bag-table_23-2148674930.jpg" }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
@@ -98,19 +98,17 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="pricing" data-section="pricing">
|
|
|
|
|
<PricingCardNine
|
|
|
|
|
<PricingCardEight
|
|
|
|
|
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: "free", badge: "تجربة", price: "مجاني", subtitle: "للأبد", features: ["إدارة 20 منتج", "قائمة تسوق فردية"], buttons: [{ text: "ابدأ مجاناً" }]
|
|
|
|
|
},
|
|
|
|
|
{
|
|
|
|
|
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"},
|
|
|
|
|
id: "pro", badge: "عائلة", price: "19 ريال", subtitle: "شهرياً", features: ["مخزون غير محدود", "تشاركية عائلية", "تنبيهات ذكية"], buttons: [{ text: "اشترك الآن" }]
|
|
|
|
|
},
|
|
|
|
|
]}
|
|
|
|
|
title="خطط تناسب عائلتك"
|
|
|
|
|
description="اختر الباقة المناسبة لابدأ رحلة التنظيم"
|
|
|
|
|
@@ -118,27 +116,26 @@ export default function LandingPage() {
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
|
|
|
<TestimonialCardThirteen
|
|
|
|
|
<TestimonialCardSixteen
|
|
|
|
|
animationType="slide-up"
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
kpiItems={[{ value: "10k", label: "مستخدم" }, { value: "4.8", label: "تقييم" }, { value: "99%", label: "رضا" }]}
|
|
|
|
|
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" },
|
|
|
|
|
{ id: "1", name: "سارة محمد", role: "ربة منزل", company: "الرياض", rating: 5, imageSrc: "https://img.freepik.com/free-photo/happy-saudi-woman-home_23-2148674955.jpg" },
|
|
|
|
|
{ id: "2", name: "عبدالله خالد", role: "أب", company: "جدة", rating: 5, imageSrc: "https://img.freepik.com/free-photo/saudi-man-relaxing-home_23-2148674960.jpg" },
|
|
|
|
|
{ id: "3", name: "أم محمد", role: "طاهية", company: "الدمام", rating: 5, imageSrc: "https://img.freepik.com/free-photo/saudi-woman-kitchen-cooking_23-2148674970.jpg" },
|
|
|
|
|
]}
|
|
|
|
|
showRating={true}
|
|
|
|
|
title="آراء مستخدمينا"
|
|
|
|
|
description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="faq" data-section="faq">
|
|
|
|
|
<FaqBase
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
<FaqSplitMedia
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
textboxLayout="default"
|
|
|
|
|
faqs={[
|
|
|
|
|
{ id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
|
|
|
|
|
{ id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
|
|
|
|
|
@@ -146,35 +143,34 @@ export default function LandingPage() {
|
|
|
|
|
]}
|
|
|
|
|
title="أسئلة شائعة"
|
|
|
|
|
description="إجابات على أهم تساؤلاتكم"
|
|
|
|
|
faqsAnimation="slide-up"
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/friendly-support-service_23-2148674950.jpg"
|
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="contact" data-section="contact">
|
|
|
|
|
<ContactSplitForm
|
|
|
|
|
<ContactSplit
|
|
|
|
|
tag="تواصل معنا"
|
|
|
|
|
title="هل تحتاج للمساعدة؟"
|
|
|
|
|
description="نحن هنا لدعمك في تنظيم رحلة مقاضيك. اترك بياناتك وسنعود للاتصال بك."
|
|
|
|
|
imageSrc="https://img.freepik.com/free-photo/woman-checking-groceries_23-2148674980.jpg"
|
|
|
|
|
background={{ variant: "sparkles-gradient" }}
|
|
|
|
|
useInvertedBackground={false}
|
|
|
|
|
title="تواصل معنا"
|
|
|
|
|
description="هل لديك اقتراحات؟ نسعد دائماً بسماع آرائكم لتطوير مونة البيت."
|
|
|
|
|
inputs={[
|
|
|
|
|
{ name: "name", type: "text", placeholder: "الاسم الكامل", required: true },
|
|
|
|
|
{ name: "email", type: "email", placeholder: "البريد الإلكتروني", required: true }
|
|
|
|
|
]}
|
|
|
|
|
textarea={{ name: "message", placeholder: "رسالتك هنا...", rows: 4, required: true }}
|
|
|
|
|
buttonText="أرسل الرسالة"
|
|
|
|
|
mediaAnimation="opacity"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div id="footer" data-section="footer">
|
|
|
|
|
<FooterLogoEmphasis
|
|
|
|
|
<FooterBase
|
|
|
|
|
logoText="مونة البيت"
|
|
|
|
|
columns={[
|
|
|
|
|
{ items: [{ label: "الرئيسية", href: "#" }, { label: "عن التطبيق", href: "#" }] },
|
|
|
|
|
{ items: [{ label: "المميزات", href: "#" }, { label: "الأسعار", href: "#" }] },
|
|
|
|
|
{ items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الاستخدام", href: "#" }] }
|
|
|
|
|
{ title: "التطبيق", items: [{ label: "الرئيسية", href: "#" }, { label: "عن التطبيق", href: "#" }] },
|
|
|
|
|
{ title: "الخدمات", items: [{ label: "المميزات", href: "#" }, { label: "الأسعار", href: "#" }] },
|
|
|
|
|
{ title: "قانوني", items: [{ label: "سياسة الخصوصية", href: "#" }, { label: "شروط الاستخدام", href: "#" }] }
|
|
|
|
|
]}
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
</ReactLenis>
|
|
|
|
|
</ThemeProvider>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
