Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
178
src/app/page.tsx
178
src/app/page.tsx
@@ -32,64 +32,40 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Products",
|
||||
id: "products",
|
||||
},
|
||||
name: "Products", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Mutluluk Dokunusu"
|
||||
button={{
|
||||
text: "تسوق الآن", href: "#products"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="جمال شعرك.. هو زينة رمضان السنادي"
|
||||
description="مع كل استخدام لماسك Mutluluk، شعرك بيحكي قصة حيوية جديدة. ترطيب، لمعان، وقوة طبيعية 100% بالأرجان والروزماري."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-calm-ginger-woman-with-long-hair-lying-mirror-table-with-bottle-lotion-while-looking_171337-948.jpg",
|
||||
imageAlt: "Natural hair care",
|
||||
},
|
||||
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/beauty-portrait-calm-ginger-woman-with-long-hair-lying-mirror-table-with-bottle-lotion-while-looking_171337-948.jpg", imageAlt: "Natural hair care"},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440626.jpg",
|
||||
imageAlt: "Organic beauty bottle",
|
||||
},
|
||||
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-eucalyptus-with-beauty-products_23-2149440626.jpg", imageAlt: "Organic beauty bottle"},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soap-honey-honey-dipper-hush-white-surface_23-2147927128.jpg",
|
||||
imageAlt: "Natural hair treatment",
|
||||
},
|
||||
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/elevated-view-soap-honey-honey-dipper-hush-white-surface_23-2147927128.jpg", imageAlt: "Natural hair treatment"},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292015.jpg",
|
||||
imageAlt: "Skin care product",
|
||||
},
|
||||
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-still-life-with-herbal-medicine_23-2149292015.jpg", imageAlt: "Skin care product"},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669161.jpg",
|
||||
imageAlt: "Rosemary essence",
|
||||
},
|
||||
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/ecofriendly-beauty-product_23-2150669161.jpg", imageAlt: "Rosemary essence"},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg",
|
||||
imageAlt: "Organic beauty serum",
|
||||
},
|
||||
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/horizontal-banner-beauty-products_23-2149446551.jpg", imageAlt: "Organic beauty serum"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -115,41 +91,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "ماسك الأرجان والروزماري",
|
||||
price: "150 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-argan-oil-arrangement_23-2148955845.jpg",
|
||||
},
|
||||
id: "p1", name: "ماسك الأرجان والروزماري", price: "150 EGP", imageSrc: "http://img.b2bpic.net/free-photo/top-view-argan-oil-arrangement_23-2148955845.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "سيروم العناية المكثفة",
|
||||
price: "120 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-balm-brush-composition_23-2152010117.jpg",
|
||||
},
|
||||
id: "p2", name: "سيروم العناية المكثفة", price: "120 EGP", imageSrc: "http://img.b2bpic.net/free-photo/cosmetic-balm-brush-composition_23-2152010117.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "زيت الروزماري النقي",
|
||||
price: "100 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg",
|
||||
},
|
||||
id: "p3", name: "زيت الروزماري النقي", price: "100 EGP", imageSrc: "http://img.b2bpic.net/free-photo/cannabis-oil-cbd-oil-cannabis-extract-medical-cannabis-concept_1150-13453.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "بلسم التنعيم الطبيعي",
|
||||
price: "90 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg",
|
||||
},
|
||||
id: "p4", name: "بلسم التنعيم الطبيعي", price: "90 EGP", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cream-container-plants_23-2149339775.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "ماسك الترطيب العميق",
|
||||
price: "130 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-cream-plain-background_23-2148305473.jpg",
|
||||
},
|
||||
id: "p5", name: "ماسك الترطيب العميق", price: "130 EGP", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-body-butter-cream-plain-background_23-2148305473.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "زيت الأرجان المغربي",
|
||||
price: "180 EGP",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-colored-background-bottles-cosmetics-face-body-care_127032-3592.jpg",
|
||||
},
|
||||
id: "p6", name: "زيت الأرجان المغربي", price: "180 EGP", imageSrc: "http://img.b2bpic.net/free-photo/natural-cosmetics-colored-background-bottles-cosmetics-face-body-care_127032-3592.jpg"},
|
||||
]}
|
||||
title="منتجاتنا الطبيعية"
|
||||
description="اكتشفي مجموعتنا المختارة من منتجات العناية الطبيعية التي ستعيد الحيوية واللمعان لشعرك وبشرتك."
|
||||
@@ -163,26 +115,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "26",
|
||||
title: "منشور",
|
||||
description: "منتجات وحلول متنوعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aloe-vera-leaves-with-beauty-cream-bottle_23-2148173864.jpg",
|
||||
},
|
||||
id: "m1", value: "26", title: "منشور", description: "منتجات وحلول متنوعة", imageSrc: "http://img.b2bpic.net/free-photo/aloe-vera-leaves-with-beauty-cream-bottle_23-2148173864.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "75",
|
||||
title: "عميل سعيد",
|
||||
description: "ثقتكم هي هدفنا",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg",
|
||||
},
|
||||
id: "m2", value: "75", title: "عميل سعيد", description: "ثقتكم هي هدفنا", imageSrc: "http://img.b2bpic.net/free-photo/human-hand-holding-jar-moisturizing-cream_23-2147926880.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "184",
|
||||
title: "متابع",
|
||||
description: "انضموا إلى عائلتنا",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg",
|
||||
},
|
||||
id: "m3", value: "184", title: "متابع", description: "انضموا إلى عائلتنا", imageSrc: "http://img.b2bpic.net/free-photo/cleaning-disks-cosmetics-products_23-2148574921.jpg"},
|
||||
]}
|
||||
title="أرقامنا في سطور"
|
||||
description="نحن فخورون بالثقة التي منحتمونا إياها، ويسعدنا دائماً تقديم الأفضل لكم."
|
||||
@@ -194,30 +131,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة محمد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg",
|
||||
},
|
||||
id: "t1", name: "سارة محمد", imageSrc: "http://img.b2bpic.net/free-photo/looking-good-happy-cheerful-redhead-middleaged-s-woman-smiling-delighted-hold-hands-chin_1258-229218.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "نور أحمد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-brushes_23-2147611454.jpg",
|
||||
},
|
||||
id: "t2", name: "نور أحمد", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-with-brushes_23-2147611454.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "هبة محمود",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg",
|
||||
},
|
||||
id: "t3", name: "هبة محمود", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-getting-her-hair-dyed-by-hairdresser-home_23-2148817234.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "منى علي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg",
|
||||
},
|
||||
id: "t4", name: "منى علي", imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-using-mobile-phone-communication-technology_53876-16002.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "فاطمة يوسف",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg",
|
||||
},
|
||||
id: "t5", name: "فاطمة يوسف", imageSrc: "http://img.b2bpic.net/free-photo/lesbian-couple-wearing-white-their-wedding_23-2150835701.jpg"},
|
||||
]}
|
||||
cardTitle="آراء عميلاتنا"
|
||||
cardTag="سعداء بخدمتكم"
|
||||
@@ -231,20 +153,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل المنتجات طبيعية 100%؟",
|
||||
content: "نعم، نعتمد على مكونات طبيعية بالكامل خالية من المواد الكيميائية الضارة.",
|
||||
},
|
||||
id: "f1", title: "هل المنتجات طبيعية 100%؟", content: "نعم، نعتمد على مكونات طبيعية بالكامل خالية من المواد الكيميائية الضارة."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "كيف أختار المنتج المناسب؟",
|
||||
content: "نحن هنا للمساعدة! يمكنك مراسلتنا وتحديد نوع شعرك لنرشح لكِ الأنسب.",
|
||||
},
|
||||
id: "f2", title: "كيف أختار المنتج المناسب؟", content: "نحن هنا للمساعدة! يمكنك مراسلتنا وتحديد نوع شعرك لنرشح لكِ الأنسب."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "كيف يمكنني الطلب؟",
|
||||
content: "ببساطة تواصل معنا عبر رسائل الصفحة أو أرقام التواصل الموضحة.",
|
||||
},
|
||||
id: "f3", title: "كيف يمكنني الطلب؟", content: "ببساطة تواصل معنا عبر رسائل الصفحة أو أرقام التواصل الموضحة."},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="تعرفي أكثر على كيفية العناية بمنتجاتنا."
|
||||
@@ -256,8 +169,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="تواصل معنا"
|
||||
title="هل لديك استفسار؟"
|
||||
description="سعداء دائماً بسماع آرائكم والإجابة على استفساراتكم."
|
||||
@@ -269,33 +181,21 @@ export default function LandingPage() {
|
||||
logoText="Mutluluk Dokunusu"
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الصفحة الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الصفحة الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "حولنا",
|
||||
href: "#about",
|
||||
},
|
||||
label: "حولنا", href: "#about"},
|
||||
{
|
||||
label: "المنتجات",
|
||||
href: "#products",
|
||||
},
|
||||
label: "المنتجات", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل",
|
||||
items: [
|
||||
title: "تواصل", items: [
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://www.instagram.com/mutluluk.dokunusu",
|
||||
},
|
||||
label: "Instagram", href: "https://www.instagram.com/mutluluk.dokunusu"},
|
||||
{
|
||||
label: "Facebook",
|
||||
href: "https://www.facebook.com/share/15XcCb4Lp8/",
|
||||
},
|
||||
label: "Facebook", href: "https://www.facebook.com/share/15XcCb4Lp8/"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user