Update src/app/page.tsx
This commit is contained in:
177
src/app/page.tsx
177
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "المنتجات",
|
||||
id: "products",
|
||||
},
|
||||
name: "المنتجات", id: "products"},
|
||||
{
|
||||
name: "مميزاتنا",
|
||||
id: "features",
|
||||
},
|
||||
name: "مميزاتنا", id: "features"},
|
||||
{
|
||||
name: "آراء العملاء",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "آراء العملاء", id: "testimonials"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "contact"},
|
||||
]}
|
||||
brandName="نكهة الشام"
|
||||
/>
|
||||
@@ -58,15 +48,12 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="نكهة الشام: سحر الطبيعة بين يديك"
|
||||
description="اكتشفي سر الجمال الحقيقي مع منتجاتنا العضوية الفاخرة، المصممة خصيصاً لتمنح بشرتك نضارة لا تقاوم وعناية فائقة."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن",
|
||||
href: "#products",
|
||||
},
|
||||
text: "تسوق الآن", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/still-life-cosmetic-products_23-2149163130.jpg"
|
||||
imageAlt="مجموعة العناية بالبشرة الفاخرة"
|
||||
@@ -81,41 +68,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "كريم الوجه المغذي",
|
||||
price: "120 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg",
|
||||
},
|
||||
id: "1", name: "كريم الوجه المغذي", price: "120 ريال", imageSrc: "http://img.b2bpic.net/free-photo/top-view-elegant-skincare-container-with-pearls_181624-30633.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "سيروم الهيدرات الفاخر",
|
||||
price: "180 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-plant_23-2149046487.jpg",
|
||||
},
|
||||
id: "2", name: "سيروم الهيدرات الفاخر", price: "180 ريال", imageSrc: "http://img.b2bpic.net/free-photo/nail-serum-with-plant_23-2149046487.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "منظف البشرة العميق",
|
||||
price: "95 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047743.jpg",
|
||||
},
|
||||
id: "3", name: "منظف البشرة العميق", price: "95 ريال", imageSrc: "http://img.b2bpic.net/free-photo/healthy-jojoba-oil-assortment_23-2149047743.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "كريم الليل السحري",
|
||||
price: "150 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg",
|
||||
},
|
||||
id: "4", name: "كريم الليل السحري", price: "150 ريال", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-jar-wooden-stand_23-2152010110.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "زيت الجمال العضوي",
|
||||
price: "210 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg",
|
||||
},
|
||||
id: "5", name: "زيت الجمال العضوي", price: "210 ريال", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plant-selfcare-products_23-2149249586.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "كريم اليدين المخملي",
|
||||
price: "75 ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963115.jpg",
|
||||
},
|
||||
id: "6", name: "كريم اليدين المخملي", price: "75 ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-nail-polish-floating-water_23-2150963115.jpg"},
|
||||
]}
|
||||
title="منتجاتنا الأكثر مبيعاً"
|
||||
description="مجموعة مختارة من أفضل منتجات العناية بالبشرة الطبيعية لتجربة دلال استثنائية."
|
||||
@@ -124,25 +87,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "مكونات عضوية 100%",
|
||||
description: "خالية من الكيماويات والمواد الضارة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-leaf-with-cups-with-cream_23-2148317622.jpg",
|
||||
},
|
||||
title: "مكونات عضوية 100%", description: "خالية من الكيماويات والمواد الضارة.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-leaf-with-cups-with-cream_23-2148317622.jpg"},
|
||||
{
|
||||
title: "ابتكار علمي",
|
||||
description: "تركيبات مدروسة لنتائج حقيقية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg",
|
||||
},
|
||||
title: "ابتكار علمي", description: "تركيبات مدروسة لنتائج حقيقية.", imageSrc: "http://img.b2bpic.net/free-photo/modern-office-space-with-futuristic-decor-furniture_23-2151797634.jpg"},
|
||||
{
|
||||
title: "عناية طبية",
|
||||
description: "تم اختبارها من قبل خبراء الجلدية.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466355.jpg",
|
||||
},
|
||||
title: "عناية طبية", description: "تم اختبارها من قبل خبراء الجلدية.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-woman-posing-with-gold-body-painting_23-2150466355.jpg"},
|
||||
]}
|
||||
title="لماذا تختارين نكهة الشام؟"
|
||||
description="نحن نؤمن بأن الجمال يبدأ من الطبيعة. لذلك نستخدم أجود المكونات الطبيعية."
|
||||
@@ -157,20 +112,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "10k+",
|
||||
description: "عميلة سعيدة",
|
||||
},
|
||||
id: "m1", value: "10k+", description: "عميلة سعيدة"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "50+",
|
||||
description: "منتج عضوي",
|
||||
},
|
||||
id: "m2", value: "50+", description: "منتج عضوي"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
description: "نسبة رضا العملاء",
|
||||
},
|
||||
id: "m3", value: "98%", description: "نسبة رضا العملاء"},
|
||||
]}
|
||||
title="نجاحاتنا بالأرقام"
|
||||
description="ثقة آلاف النساء حول العالم في جودة منتجاتنا."
|
||||
@@ -184,45 +130,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة أحمد",
|
||||
handle: "@sarah_a",
|
||||
testimonial: "بشرتي أصبحت أكثر نضارة وصحة منذ استخدامي لكريم الوجه.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-shooting-with-projector_23-2149424925.jpg",
|
||||
},
|
||||
id: "t1", name: "سارة أحمد", handle: "@sarah_a", testimonial: "بشرتي أصبحت أكثر نضارة وصحة منذ استخدامي لكريم الوجه.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-beautiful-woman-shooting-with-projector_23-2149424925.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "منى خالد",
|
||||
handle: "@mona_k",
|
||||
testimonial: "تجربة فاخرة بكل ما تعنيه الكلمة، منتجات طبيعية وفعالة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58759.jpg",
|
||||
},
|
||||
id: "t2", name: "منى خالد", handle: "@mona_k", testimonial: "تجربة فاخرة بكل ما تعنيه الكلمة، منتجات طبيعية وفعالة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-black-sweater-standing-posing_114579-58759.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "ليلى محمود",
|
||||
handle: "@layla_m",
|
||||
testimonial: "أفضل سيروم استخدمته على الإطلاق، فرق واضح في الملمس.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg",
|
||||
},
|
||||
id: "t3", name: "ليلى محمود", handle: "@layla_m", testimonial: "أفضل سيروم استخدمته على الإطلاق، فرق واضح في الملمس.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-with-shopping-bag-concept_23-2148674177.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "نورة العتيبي",
|
||||
handle: "@nora_e",
|
||||
testimonial: "خدمة ممتازة ومنتجات ذات جودة عالية جداً، أنصح بها بشدة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg",
|
||||
},
|
||||
id: "t4", name: "نورة العتيبي", handle: "@nora_e", testimonial: "خدمة ممتازة ومنتجات ذات جودة عالية جداً، أنصح بها بشدة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oman-eye-bondage-lying-floor_23-2147695046.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "هند الفهد",
|
||||
handle: "@hind_f",
|
||||
testimonial: "بشرتي حساسة جداً ولم أجد أفضل من هذه المنتجات لتناسبها.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creating-dermatology-skincare-campaign-promoting-natural-face-cream-moisturizer-beauty-routine-beauty-model-applying-serum-face-advertise-imperfections_482257-62834.jpg",
|
||||
},
|
||||
id: "t5", name: "هند الفهد", handle: "@hind_f", testimonial: "بشرتي حساسة جداً ولم أجد أفضل من هذه المنتجات لتناسبها.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-creating-dermatology-skincare-campaign-promoting-natural-face-cream-moisturizer-beauty-routine-beauty-model-applying-serum-face-advertise-imperfections_482257-62834.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="ماذا تقول عميلاتنا؟"
|
||||
@@ -236,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل منتجاتكم تناسب البشرة الحساسة؟",
|
||||
content: "نعم، جميع منتجاتنا طبيعية ومصممة لتكون لطيفة وآمنة لجميع أنواع البشرة، بما في ذلك البشرة الحساسة.",
|
||||
},
|
||||
id: "f1", title: "هل منتجاتكم تناسب البشرة الحساسة؟", content: "نعم، جميع منتجاتنا طبيعية ومصممة لتكون لطيفة وآمنة لجميع أنواع البشرة، بما في ذلك البشرة الحساسة."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "كم يستغرق توصيل الطلب؟",
|
||||
content: "نحن نشحن طلباتكم خلال 3-5 أيام عمل كحد أقصى.",
|
||||
},
|
||||
id: "f2", title: "كم يستغرق توصيل الطلب؟", content: "نحن نشحن طلباتكم خلال 3-5 أيام عمل كحد أقصى."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "كيف يمكنني تتبع طلبي؟",
|
||||
content: "ستصلك رسالة عبر البريد الإلكتروني أو الهاتف تحتوي على رقم تتبع فور خروج الطلب من مستودعاتنا.",
|
||||
},
|
||||
id: "f3", title: "كيف يمكنني تتبع طلبي؟", content: "ستصلك رسالة عبر البريد الإلكتروني أو الهاتف تحتوي على رقم تتبع فور خروج الطلب من مستودعاتنا."},
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="كل ما تودين معرفته حول منتجات نكهة الشام للعناية بالبشرة."
|
||||
@@ -261,8 +173,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
tag="تواصل معنا"
|
||||
title="نحن هنا لمساعدتك"
|
||||
description="هل لديك أي استفسارات أو تحتاجين لاستشارة بخصوص بشرتك؟ فريقنا مستعد دائماً لخدمتك."
|
||||
@@ -277,29 +188,19 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "المنتجات",
|
||||
href: "#products",
|
||||
},
|
||||
label: "المنتجات", href: "#products"},
|
||||
{
|
||||
label: "مميزاتنا",
|
||||
href: "#features",
|
||||
},
|
||||
label: "مميزاتنا", href: "#features"},
|
||||
{
|
||||
label: "الأسئلة الشائعة",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "الأسئلة الشائعة", href: "#faq"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "سياسة الخصوصية", href: "#"},
|
||||
{
|
||||
label: "شروط الاستخدام",
|
||||
href: "#",
|
||||
},
|
||||
label: "شروط الاستخدام", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user