Merge version_6 into main #9
@@ -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 ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
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 (
|
||||
@@ -100,19 +100,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="اختر الباقة المناسبة لابدأ رحلة التنظيم"
|
||||
@@ -120,49 +118,43 @@ 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: "الرياض", testimonial: "التطبيق أنقذ ميزانية بيتي من الهدر!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-with-photo-camera_23-2150438990.jpg" },
|
||||
{ id: "2", name: "عبدالله خالد", role: "أب", company: "جدة", testimonial: "سهل الاستخدام وساعدنا في تنظيم مقاضي البيت.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/muslim-man-using-mobile-phone-desk_482257-96908.jpg" },
|
||||
{ id: "3", name: "أم محمد", role: "طاهية", company: "الدمام", testimonial: "أحببت ميزة الوصفات السعودية، مريحة جداً.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-muslim-woman-posing-outdoors_23-2150494595.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="آراء مستخدمينا"
|
||||
description="انضم إلى عائلات تستمتع بحياة أكثر تنظيماً"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqBase
|
||||
textboxLayout="default"
|
||||
<FaqSplitText
|
||||
faqsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "هل التطبيق يدعم الباركود؟", content: "نعم، ندعم مسح الباركود للمنتجات بسهولة." },
|
||||
{ id: "q2", title: "كيف أشارك القائمة مع عائلتي؟", content: "يمكنك دعوة أفراد عائلتك عبر رابط خاص بسهولة." },
|
||||
{ id: "q3", title: "هل التطبيق مجاني؟", content: "نعم، نوفر نسخة مجانية مع خيارات اشتراك للميزات المتقدمة." },
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="إجابات على أهم تساؤلاتكم"
|
||||
faqsAnimation="slide-up"
|
||||
sideTitle="أسئلة شائعة"
|
||||
sideDescription="إجابات على أهم تساؤلاتكم"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
<ContactCTA
|
||||
tag="تواصل معنا"
|
||||
title="هل تحتاج للمساعدة؟"
|
||||
description="نحن هنا لدعمك في تنظيم رحلة مقاضيك."
|
||||
buttons={[{ text: "اتصل بنا", href: "#" }]}
|
||||
background={{ variant: "plain" }}
|
||||
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="أرسل الرسالة"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #f5f5f5;
|
||||
--card: #ffffff;
|
||||
--foreground: #1c1c1c;
|
||||
--primary-cta: #1c1c1c;
|
||||
--background: #fbf8f0;
|
||||
--card: #fdfaf0;
|
||||
--foreground: #4a2d1a;
|
||||
--primary-cta: #8b5a2b;
|
||||
--primary-cta-text: #f5f5f5;
|
||||
--secondary-cta: #ffffff;
|
||||
--secondary-cta: #d4af37;
|
||||
--secondary-cta-text: #1c1c1c;
|
||||
--accent: #15479c;
|
||||
--background-accent: #a8cce8;
|
||||
--accent: #b87333;
|
||||
--background-accent: #e0c282;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user