Merge version_1 into main #2
218
src/app/page.tsx
218
src/app/page.tsx
@@ -32,83 +32,55 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
name: "Features", id: "features"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Luxury Vanity"
|
||||
button={{ text: "اطلب الآن", href: "https://wa.me/212750274101" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="تجرية الجمال الكاملة: الكوافوز الملكي"
|
||||
description="اكتشفي كوافوز LED اللي مهبل البنات، مراية مضيئة، تصميم فاخر ومنظم ذكي لجمالك. تجربة احترافية فبيتك."
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gbjl27uq.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gbjl27uq.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png", alt: "Customer"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gv05ting.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gv05ting.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-strong-sporty-athletic-fitness-trainer-instructor-woman-wearing-brown-tracksuit-sitting_1258-200304.jpg", alt: "Customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg",
|
||||
alt: "Customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-caucasian-woman-holding-shopping-bags-make-selfie-by-camera-clothing-store_839833-1916.jpg", alt: "Customer"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "بغيت الكوافوز",
|
||||
href: "https://wa.me/212750274101",
|
||||
},
|
||||
text: "بغيت الكوافوز", href: "https://wa.me/212750274101"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "توصيل مجاني",
|
||||
icon: Truck,
|
||||
type: "text-icon", text: "توصيل مجاني", icon: Truck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "خلاص عند الاستلام",
|
||||
icon: CreditCard,
|
||||
type: "text-icon", text: "خلاص عند الاستلام", icon: CreditCard,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "جودة عالية",
|
||||
icon: Star,
|
||||
type: "text-icon", text: "جودة عالية", icon: Star,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "إضاءة احترافية",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "إضاءة احترافية", icon: Sparkles,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "تخزين ذكي",
|
||||
icon: Box,
|
||||
type: "text-icon", text: "تخزين ذكي", icon: Box,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -119,14 +91,9 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "صالون تجميل خاص ببيتك",
|
||||
},
|
||||
type: "text", content: "صالون تجميل خاص ببيتك"},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png",
|
||||
alt: "About Vanity",
|
||||
},
|
||||
type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png", alt: "About Vanity"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -138,64 +105,46 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "إضاءة احترافية",
|
||||
description: "إضاءة LED بحال ديال النجمات لصور ومكياج مثالي.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gv05ting.jpg",
|
||||
title: "إضاءة احترافية", description: "إضاءة LED بحال ديال النجمات لصور ومكياج مثالي.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gv05ting.jpg", imageAlt: "User provided image"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Sparkles,
|
||||
text: "إضاءة احترافية",
|
||||
},
|
||||
text: "إضاءة احترافية"},
|
||||
{
|
||||
icon: Zap,
|
||||
text: "مثالية للمكياج",
|
||||
},
|
||||
text: "مثالية للمكياج"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-gbjl27uq.jpg",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "منظم خارق",
|
||||
description: "6 رفوف وجرارات كيهزو مكياج سنين بسهولة.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png",
|
||||
title: "منظم خارق", description: "6 رفوف وجرارات كيهزو مكياج سنين بسهولة.", media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-qc5xc8rq.png", imageAlt: "User provided image"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Box,
|
||||
text: "سعة تخزين كبيرة",
|
||||
},
|
||||
text: "سعة تخزين كبيرة"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "منظم ذكي",
|
||||
},
|
||||
text: "منظم ذكي"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-dyvs7ri9.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
{
|
||||
title: "ديكور فاخر",
|
||||
description: "كيعطي لمسة فخامة لأي غرفة، تصميم عصري وأنيق.",
|
||||
media: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-1epjqx4b.jpg?_wi=1",
|
||||
title: "ديكور فاخر", description: "كيعطي لمسة فخامة لأي غرفة، تصميم عصري وأنيق.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg", imageAlt: "User provided image"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Award,
|
||||
text: "جودة عالية",
|
||||
},
|
||||
text: "جودة عالية"},
|
||||
{
|
||||
icon: Star,
|
||||
text: "تصميم فاخر",
|
||||
},
|
||||
text: "تصميم فاخر"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
]}
|
||||
title="علاش كلشي كيسطور عليه؟"
|
||||
@@ -211,20 +160,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1099 DH",
|
||||
description: "ثمن مفرقع (عوض 2500)",
|
||||
},
|
||||
id: "m1", value: "1099 DH", description: "ثمن مفرقع (عوض 2500)"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "100%",
|
||||
description: "توصيل مجاني لكل المغرب",
|
||||
},
|
||||
id: "m2", value: "100%", description: "توصيل مجاني لكل المغرب"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "دعم تقني ومساعدة",
|
||||
},
|
||||
id: "m3", value: "24/7", description: "دعم تقني ومساعدة"},
|
||||
]}
|
||||
title="عروض لا تقاوم"
|
||||
description="استفدي من التوصيل الفابور والخلاص عند الاستلام."
|
||||
@@ -239,45 +179,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة",
|
||||
role: "مؤثرة",
|
||||
company: "كازا",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg?_wi=2",
|
||||
},
|
||||
id: "1", name: "سارة", role: "مؤثرة", company: "كازا", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/holding-bottle-good-champagne_329181-7278.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "مريم",
|
||||
role: "طالبة",
|
||||
company: "الرباط",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg",
|
||||
},
|
||||
id: "2", name: "مريم", role: "طالبة", company: "الرباط", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-having-dinner-restaurant_23-2148018817.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "سلمى",
|
||||
role: "خبيرة تجميل",
|
||||
company: "مراكش",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81975.jpg",
|
||||
},
|
||||
id: "3", name: "سلمى", role: "خبيرة تجميل", company: "مراكش", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lovely-woman-sweater-posing-near-light-lamps_114579-81975.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "فاطمة",
|
||||
role: "ربة بيت",
|
||||
company: "طنجة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-video-chats-records-vlog-while-sits-kitchen-floor-cute-girl-takes-selfie_1258-200050.jpg",
|
||||
},
|
||||
id: "4", name: "فاطمة", role: "ربة بيت", company: "طنجة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-video-chats-records-vlog-while-sits-kitchen-floor-cute-girl-takes-selfie_1258-200050.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "ليلى",
|
||||
role: "مصممة",
|
||||
company: "أكادير",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg",
|
||||
},
|
||||
id: "5", name: "ليلى", role: "مصممة", company: "أكادير", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-hairdresser-woman-smiling-looking-mirror-beauty-salon_176420-4487.jpg"},
|
||||
]}
|
||||
title="رأي الملكات"
|
||||
description="شوفو شنو كيقولو البنات اللي جربو الكوافوز"
|
||||
@@ -290,26 +205,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "كيفاش نخلص؟",
|
||||
content: "الخلاص كيكون عند الاستلام، كتشوفي سلعتك عاد كتخلصي.",
|
||||
},
|
||||
id: "f1", title: "كيفاش نخلص؟", content: "الخلاص كيكون عند الاستلام، كتشوفي سلعتك عاد كتخلصي."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "شحال مدة التوصيل؟",
|
||||
content: "التوصيل كيكون سريع لمختلف مدن المغرب.",
|
||||
},
|
||||
id: "f2", title: "شحال مدة التوصيل؟", content: "التوصيل كيكون سريع لمختلف مدن المغرب."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "واش السلعة واصلة واجدة؟",
|
||||
content: "نعم، كتجيك واجدة، بلا صداع وبلا تركيب معقد.",
|
||||
},
|
||||
id: "f3", title: "واش السلعة واصلة واجدة؟", content: "نعم، كتجيك واجدة، بلا صداع وبلا تركيب معقد."},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
title="أسئلة شائعة"
|
||||
description="كلشي اللي خاصك تعرفي قبل الطلب"
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-dyvs7ri9.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-dyvs7ri9.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -320,17 +226,11 @@ export default function LandingPage() {
|
||||
description="صيفطي لينا فواتساب دابا، بقاو غير 12 حبة!"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم الكامل",
|
||||
},
|
||||
name: "name", type: "text", placeholder: "الاسم الكامل"},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "رقم الهاتف",
|
||||
},
|
||||
name: "phone", type: "tel", placeholder: "رقم الهاتف"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-1epjqx4b.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CfIsXP2sU106en56CzTJJM3Pcr/uploaded-1776771661385-1epjqx4b.jpg"
|
||||
buttonText="صيفطي دابا فالواتساب"
|
||||
/>
|
||||
</div>
|
||||
@@ -339,25 +239,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الصفحة الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الصفحة الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "مميزاتنا",
|
||||
href: "#features",
|
||||
},
|
||||
label: "مميزاتنا", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل معنا",
|
||||
items: [
|
||||
title: "تواصل معنا", items: [
|
||||
{
|
||||
label: "الواتساب",
|
||||
href: "https://wa.me/212750274101",
|
||||
},
|
||||
label: "الواتساب", href: "https://wa.me/212750274101"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user