Update src/app/page.tsx
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Collection",
|
||||
id: "products",
|
||||
},
|
||||
name: "Collection", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="دار العطور"
|
||||
/>
|
||||
@@ -54,37 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
title="دار العطور | جوهر الفخامة"
|
||||
description="اكتشف أندر العطور الشرقية والعالمية التي صُنعت بعناية لتعكس شخصيتك الفريدة. تجربة حسية لا تُنسى في انتظارك."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن",
|
||||
href: "#products",
|
||||
},
|
||||
text: "تسوق الآن", href: "#products"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg",
|
||||
imageAlt: "Luxury Fragrance 1",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cupcake-still-life_23-2148097716.jpg", imageAlt: "Luxury Fragrance 1"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg",
|
||||
imageAlt: "Luxury Fragrance 2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-shaving-brush-perfume_53876-32090.jpg", imageAlt: "Luxury Fragrance 2"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420719.jpg",
|
||||
imageAlt: "Luxury Fragrance 3",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420719.jpg", imageAlt: "Luxury Fragrance 3"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-marble-product-display-podium-with-subtle-golden-glow_84443-75295.jpg",
|
||||
imageAlt: "Luxury Fragrance 4",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-marble-product-display-podium-with-subtle-golden-glow_84443-75295.jpg", imageAlt: "Luxury Fragrance 4"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286728.jpg",
|
||||
imageAlt: "Luxury Fragrance 5",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hyaluronic-acid-tratment_23-2149286728.jpg", imageAlt: "Luxury Fragrance 5"},
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -104,51 +83,21 @@ export default function LandingPage() {
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "عود ملكي",
|
||||
price: "450 ر.س",
|
||||
variant: "50 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420706.jpg",
|
||||
},
|
||||
id: "1", name: "عود ملكي", price: "450 ر.س", variant: "50 مل", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-bottle-with-luxurious-art-nouveau-inspired-sun-relief-background_23-2151420706.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "زهر الليمون",
|
||||
price: "320 ر.س",
|
||||
variant: "100 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-pink-orchid_23-2148229270.jpg",
|
||||
},
|
||||
id: "2", name: "زهر الليمون", price: "320 ر.س", variant: "100 مل", imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-pink-orchid_23-2148229270.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "مسك أبيض",
|
||||
price: "280 ر.س",
|
||||
variant: "50 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-jasmine-flowers-white-background-copy-space_127032-1795.jpg",
|
||||
},
|
||||
id: "3", name: "مسك أبيض", price: "280 ر.س", variant: "50 مل", imageSrc: "http://img.b2bpic.net/free-photo/spa-concept-with-jasmine-flowers-white-background-copy-space_127032-1795.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "خشب الصندل",
|
||||
price: "380 ر.س",
|
||||
variant: "100 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-engagement-ring-made-white-gold-with-diamond-glass-bottle-perfume_8353-11279.jpg",
|
||||
},
|
||||
id: "4", name: "خشب الصندل", price: "380 ر.س", variant: "100 مل", imageSrc: "http://img.b2bpic.net/free-photo/cute-engagement-ring-made-white-gold-with-diamond-glass-bottle-perfume_8353-11279.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "توابل شرقية",
|
||||
price: "410 ر.س",
|
||||
variant: "50 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg",
|
||||
},
|
||||
id: "5", name: "توابل شرقية", price: "410 ر.س", variant: "50 مل", imageSrc: "http://img.b2bpic.net/free-photo/close-up-perfume-floating-water_23-2150963110.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "نسمات البحر",
|
||||
price: "350 ر.س",
|
||||
variant: "100 مل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bright-hearts_1048-4220.jpg",
|
||||
},
|
||||
id: "6", name: "نسمات البحر", price: "350 ر.س", variant: "100 مل", imageSrc: "http://img.b2bpic.net/free-photo/bright-hearts_1048-4220.jpg"},
|
||||
]}
|
||||
title="أحدث التشكيلات"
|
||||
description="اختر من بين مجموعتنا الحصرية من العطور التي تناسب جميع الأذواق والمناسبات."
|
||||
@@ -162,20 +111,11 @@ export default function LandingPage() {
|
||||
tag="إنجازاتنا"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15+",
|
||||
description: "سنة من التميز",
|
||||
},
|
||||
id: "m1", value: "15+", description: "سنة من التميز"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "1000+",
|
||||
description: "عطر فريد",
|
||||
},
|
||||
id: "m2", value: "1000+", description: "عطر فريد"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50k+",
|
||||
description: "عميل سعيد",
|
||||
},
|
||||
id: "m3", value: "50k+", description: "عميل سعيد"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -188,40 +128,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة",
|
||||
role: "خبيرة تجميل",
|
||||
testimonial: "عطورهم تأخذني في رحلة زمنية جميلة. الجودة لا مثيل لها.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140755.jpg",
|
||||
},
|
||||
id: "t1", name: "سارة", role: "خبيرة تجميل", testimonial: "عطورهم تأخذني في رحلة زمنية جميلة. الجودة لا مثيل لها.", imageSrc: "http://img.b2bpic.net/free-photo/going-out-concept-with-girl-night_23-2148140755.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "أحمد",
|
||||
role: "رجل أعمال",
|
||||
testimonial: "أجد دائماً الرائحة التي تبحث عنها شخصيتي في دار العطور.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg",
|
||||
},
|
||||
id: "t2", name: "أحمد", role: "رجل أعمال", testimonial: "أجد دائماً الرائحة التي تبحث عنها شخصيتي في دار العطور.", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-4107.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "ليلى",
|
||||
role: "مصممة",
|
||||
testimonial: "التغليف، الرائحة، والخدمة.. كل شيء ينم عن ذوق رفيع.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-evening-gown-rich-stylish-lady-elegant-fashion-trend-holding-golden-purse-hands_285396-7234.jpg",
|
||||
},
|
||||
id: "t3", name: "ليلى", role: "مصممة", testimonial: "التغليف، الرائحة، والخدمة.. كل شيء ينم عن ذوق رفيع.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-elegant-beautiful-woman-sitting-vintage-cafe-black-velvet-dress-evening-gown-rich-stylish-lady-elegant-fashion-trend-holding-golden-purse-hands_285396-7234.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "خالد",
|
||||
role: "كاتب",
|
||||
testimonial: "رائحة العود لديهم هي الأفضل في المنطقة بلا منازع.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg",
|
||||
},
|
||||
id: "t4", name: "خالد", role: "كاتب", testimonial: "رائحة العود لديهم هي الأفضل في المنطقة بلا منازع.", imageSrc: "http://img.b2bpic.net/free-photo/pensive-person-alone-corridor-serious_1262-1042.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "مريم",
|
||||
role: "فنانة",
|
||||
testimonial: "تجربة شراء رائعة ومميزة، سأكررها بالتأكيد.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-woman-wearing-band-her-head-feeling-happy-about-nice-shopping-weekend-posing-wardrobe-standing-many-trendy-colorful-garments-smiling-broadly_273609-764.jpg",
|
||||
},
|
||||
id: "t5", name: "مريم", role: "فنانة", testimonial: "تجربة شراء رائعة ومميزة، سأكررها بالتأكيد.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-beautiful-woman-wearing-band-her-head-feeling-happy-about-nice-shopping-weekend-posing-wardrobe-standing-many-trendy-colorful-garments-smiling-broadly_273609-764.jpg"},
|
||||
]}
|
||||
title="ماذا يقول عملاؤنا؟"
|
||||
description="نحن فخورون بآراء عملائنا الذين يثقون في ذوقنا الفني العطري."
|
||||
@@ -234,20 +149,11 @@ 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: "جميع منتجاتنا أصلية 100% ومستوردة من أرقى دور العطور العالمية.",
|
||||
},
|
||||
id: "f3", title: "هل العطور أصلية؟", content: "جميع منتجاتنا أصلية 100% ومستوردة من أرقى دور العطور العالمية."},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -259,8 +165,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="ابقى على اطلاع"
|
||||
description="اشترك في نشرتنا البريدية لتصلك أحدث إصداراتنا وعروضنا الحصرية."
|
||||
@@ -273,37 +178,23 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "حولنا",
|
||||
href: "#about",
|
||||
},
|
||||
label: "حولنا", href: "#about"},
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "اتصل بنا", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "المساعدة",
|
||||
items: [
|
||||
title: "المساعدة", items: [
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "سياسة الخصوصية", href: "#"},
|
||||
{
|
||||
label: "سياسة الاستبدال",
|
||||
href: "#",
|
||||
},
|
||||
label: "سياسة الاستبدال", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user