Update src/app/page.tsx
This commit is contained in:
227
src/app/page.tsx
227
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "الرئيسية",
|
name: "الرئيسية", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "الأحذية",
|
name: "الأحذية", id: "shoes"},
|
||||||
id: "shoes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "الملابس الداخلية",
|
name: "الملابس الداخلية", id: "clothes"},
|
||||||
id: "clothes",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "تواصل معنا",
|
name: "تواصل معنا", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="مريم ستايل"
|
brandName="مريم ستايل"
|
||||||
/>
|
/>
|
||||||
@@ -55,71 +47,44 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "gradient-bars",
|
variant: "gradient-bars"}}
|
||||||
}}
|
|
||||||
title="مريم ستايل للرجال"
|
title="مريم ستايل للرجال"
|
||||||
description="أناقة تليق بك. نوفر تشكيلة حصرية من الأحذية والملابس الداخلية الرجالية بأفضل الأسعار في بغداد."
|
description="أناقة تليق بك. نوفر تشكيلة حصرية من الأحذية والملابس الداخلية الرجالية بأفضل الأسعار في بغداد."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "1000+",
|
value: "1000+", label: "عميل سعيد"},
|
||||||
label: "عميل سعيد",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "500+",
|
value: "500+", label: "منتج متنوع"},
|
||||||
label: "منتج متنوع",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "24/7",
|
value: "24/7", label: "دعم واتساب"},
|
||||||
label: "دعم واتساب",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg?_wi=1"
|
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg",
|
src: "http://img.b2bpic.net/free-photo/smiling-handsome-businessman-leaning-knees_1262-5774.jpg", alt: "Smiling handsome businessman"},
|
||||||
alt: "Smiling handsome businessman",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-bed_23-2147862652.jpg", alt: "Happy young man"},
|
||||||
alt: "Happy young man",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg",
|
src: "http://img.b2bpic.net/free-photo/man-winking-thumb-up_1187-3210.jpg", alt: "Man winking"},
|
||||||
alt: "Man winking",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg",
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-bearded-smiling-black-man-wool-suit_613910-16049.jpg", alt: "Smiling black man in suit"},
|
||||||
alt: "Smiling black man in suit",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-handsome-confident-bearded-businessman-joyfully-looking-camera-while-talking-cellphone-restaurant-outdoor_574295-1311.jpg", alt: "Confident bearded man"},
|
||||||
alt: "Confident bearded man",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="ينصح به 1000+ عميل"
|
avatarText="ينصح به 1000+ عميل"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "جودة عالية"},
|
||||||
text: "جودة عالية",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "توصيل سريع"},
|
||||||
text: "توصيل سريع",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "أسعار تنافسية"},
|
||||||
text: "أسعار تنافسية",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "تصاميم عصرية"},
|
||||||
text: "تصاميم عصرية",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
type: "text",
|
type: "text", text: "راحة تامة"},
|
||||||
text: "راحة تامة",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -132,47 +97,17 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
products={[
|
products={[
|
||||||
{
|
{
|
||||||
id: "s1",
|
id: "s1", name: "حذاء رياضي", price: "25,000 د.ع", variant: "رياضي", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005709.jpg"},
|
||||||
name: "حذاء رياضي",
|
|
||||||
price: "25,000 د.ع",
|
|
||||||
variant: "رياضي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-wearing-futuristic-sneakers_23-2151005709.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s2",
|
id: "s2", name: "حذاء رسمي", price: "35,000 د.ع", variant: "رسمي", imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-concept-with-tools_23-2148510763.jpg"},
|
||||||
name: "حذاء رسمي",
|
|
||||||
price: "35,000 د.ع",
|
|
||||||
variant: "رسمي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/father-s-day-concept-with-tools_23-2148510763.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s3",
|
id: "s3", name: "حذاء كاجوال", price: "30,000 د.ع", variant: "يومي", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-728.jpg"},
|
||||||
name: "حذاء كاجوال",
|
|
||||||
price: "30,000 د.ع",
|
|
||||||
variant: "يومي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sneakers-white-background-fitness-wear-equipment-sport-fashion-sport-accessories-sport-equipment-healthy-concept-copy-space-concept-healthy-lifestyle-sport-diet-sport-equipment_1391-728.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s4",
|
id: "s4", name: "حذاء جلد", price: "45,000 د.ع", variant: "فاخر", imageSrc: "http://img.b2bpic.net/free-photo/male-brown-footwear-close-up_1303-10300.jpg"},
|
||||||
name: "حذاء جلد",
|
|
||||||
price: "45,000 د.ع",
|
|
||||||
variant: "فاخر",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/male-brown-footwear-close-up_1303-10300.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s5",
|
id: "s5", name: "حذاء جري", price: "28,000 د.ع", variant: "رياضي", imageSrc: "http://img.b2bpic.net/free-photo/fitness-music-earphones-athlete-slim_1368-2618.jpg"},
|
||||||
name: "حذاء جري",
|
|
||||||
price: "28,000 د.ع",
|
|
||||||
variant: "رياضي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/fitness-music-earphones-athlete-slim_1368-2618.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "s6",
|
id: "s6", name: "حذاء موكاسين", price: "32,000 د.ع", variant: "رسمي", imageSrc: "http://img.b2bpic.net/free-photo/flatlay-view-businessman-arranging-his-belongings_53876-139615.jpg"},
|
||||||
name: "حذاء موكاسين",
|
|
||||||
price: "32,000 د.ع",
|
|
||||||
variant: "رسمي",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/flatlay-view-businessman-arranging-his-belongings_53876-139615.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="أحدث الأحذية"
|
title="أحدث الأحذية"
|
||||||
description="تشكيلة مختارة من أحذية الرياضة والرسمي."
|
description="تشكيلة مختارة من أحذية الرياضة والرسمي."
|
||||||
@@ -181,38 +116,21 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="clothes" data-section="clothes">
|
<div id="clothes" data-section="clothes">
|
||||||
<FeatureCardTwelve
|
<FeatureCardTwelve
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="split"
|
textboxLayout="split"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "c1",
|
id: "c1", label: "تيشيرت", title: "تيشيرت قطني", items: [
|
||||||
label: "تيشيرت",
|
"قطن 100%", "مريح للبشرة", "ألوان متعددة"],
|
||||||
title: "تيشيرت قطني",
|
|
||||||
items: [
|
|
||||||
"قطن 100%",
|
|
||||||
"مريح للبشرة",
|
|
||||||
"ألوان متعددة",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "c2",
|
id: "c2", label: "سروال", title: "سروال داخلي", items: [
|
||||||
label: "سروال",
|
"تصميم مريح", "جودة عالية", "متين"],
|
||||||
title: "سروال داخلي",
|
|
||||||
items: [
|
|
||||||
"تصميم مريح",
|
|
||||||
"جودة عالية",
|
|
||||||
"متين",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "c3",
|
id: "c3", label: "طقم", title: "طقم داخلي", items: [
|
||||||
label: "طقم",
|
"عرض خاص", "خامة ممتازة", "أنيق"],
|
||||||
title: "طقم داخلي",
|
|
||||||
items: [
|
|
||||||
"عرض خاص",
|
|
||||||
"خامة ممتازة",
|
|
||||||
"أنيق",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="الملابس الداخلية"
|
title="الملابس الداخلية"
|
||||||
@@ -228,25 +146,13 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", value: "100+", title: "موديل حذاء", description: "تنوع واسع", icon: CheckCircle,
|
||||||
value: "100+",
|
|
||||||
title: "موديل حذاء",
|
|
||||||
description: "تنوع واسع",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", value: "50+", title: "نوع ملابس", description: "خامات متنوعة", icon: CheckCircle,
|
||||||
value: "50+",
|
|
||||||
title: "نوع ملابس",
|
|
||||||
description: "خامات متنوعة",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", value: "5+", title: "سنوات خبرة", description: "في السوق", icon: CheckCircle,
|
||||||
value: "5+",
|
|
||||||
title: "سنوات خبرة",
|
|
||||||
description: "في السوق",
|
|
||||||
icon: CheckCircle,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="أرقامنا"
|
title="أرقامنا"
|
||||||
@@ -261,40 +167,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "t1",
|
id: "t1", name: "أحمد علي", handle: "زبون دائم", testimonial: "أفضل أحذية بأسعار مناسبة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg"},
|
||||||
name: "أحمد علي",
|
|
||||||
handle: "زبون دائم",
|
|
||||||
testimonial: "أفضل أحذية بأسعار مناسبة جداً.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/man-clapping-hands-isolated-studio_1303-30130.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t2",
|
id: "t2", name: "محمد حسن", handle: "متسوق", testimonial: "الخامات في الملابس الداخلية ممتازة.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-brunette-woman-reading-mobile-phone-sitting-home-using-smartphone_1258-199777.jpg"},
|
||||||
name: "محمد حسن",
|
|
||||||
handle: "متسوق",
|
|
||||||
testimonial: "الخامات في الملابس الداخلية ممتازة.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-young-brunette-woman-reading-mobile-phone-sitting-home-using-smartphone_1258-199777.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t3",
|
id: "t3", name: "ياسر إبراهيم", handle: "زبون", testimonial: "تعامل راقٍ وتوصيل سريع.", imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg"},
|
||||||
name: "ياسر إبراهيم",
|
|
||||||
handle: "زبون",
|
|
||||||
testimonial: "تعامل راقٍ وتوصيل سريع.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-shopping-second-hand-market_23-2149353754.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t4",
|
id: "t4", name: "سيف الدين", handle: "زبون", testimonial: "أحذية مريحة جداً للاستخدام اليومي.", imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-coffee-looking-camera_23-2148316522.jpg"},
|
||||||
name: "سيف الدين",
|
|
||||||
handle: "زبون",
|
|
||||||
testimonial: "أحذية مريحة جداً للاستخدام اليومي.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-man-with-coffee-looking-camera_23-2148316522.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "t5",
|
id: "t5", name: "حسن محمود", handle: "زبون", testimonial: "متجر رائع وخدمة متميزة.", imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-cheeky-man-with-gray-hair-winking-pointing-fingers-camera-praising-you-we_1258-137698.jpg"},
|
||||||
name: "حسن محمود",
|
|
||||||
handle: "زبون",
|
|
||||||
testimonial: "متجر رائع وخدمة متميزة.",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-handsome-cheeky-man-with-gray-hair-winking-pointing-fingers-camera-praising-you-we_1258-137698.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="آراء عملائنا"
|
title="آراء عملائنا"
|
||||||
description="ماذا يقول زبائن مريم ستايل."
|
description="ماذا يقول زبائن مريم ستايل."
|
||||||
@@ -307,20 +188,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "هل يوجد توصيل للمحافظات؟", content: "نعم، نوفر توصيل لجميع المحافظات."},
|
||||||
title: "هل يوجد توصيل للمحافظات؟",
|
|
||||||
content: "نعم، نوفر توصيل لجميع المحافظات.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "ما هي طرق الدفع المتاحة؟", content: "نوفر الدفع عند الاستلام."},
|
||||||
title: "ما هي طرق الدفع المتاحة؟",
|
|
||||||
content: "نوفر الدفع عند الاستلام.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "كيف أستبدل القطع؟", content: "يمكن استبدال القطع خلال 3 أيام."},
|
||||||
title: "كيف أستبدل القطع؟",
|
|
||||||
content: "يمكن استبدال القطع خلال 3 أيام.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="أسئلة شائعة"
|
title="أسئلة شائعة"
|
||||||
description="نحن هنا للإجابة على تساؤلاتكم."
|
description="نحن هنا للإجابة على تساؤلاتكم."
|
||||||
@@ -332,15 +204,14 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="تواصل معنا"
|
tag="تواصل معنا"
|
||||||
title="مريم ستايل في الزعفرانية"
|
title="مريم ستايل في الزعفرانية"
|
||||||
description="تفضل بزيارتنا في أسواق مريم، أو راسلنا عبر واتساب."
|
description="تفضل بزيارتنا في أسواق مريم، أو راسلنا عبر واتساب."
|
||||||
mediaPosition="right"
|
mediaPosition="right"
|
||||||
inputPlaceholder="أدخل بريدك الإلكتروني"
|
inputPlaceholder="أدخل بريدك الإلكتروني"
|
||||||
buttonText="إرسال"
|
buttonText="إرسال"
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg?_wi=2"
|
imageSrc="http://img.b2bpic.net/free-photo/owner-getting-ready-reopening_23-2149142190.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -349,13 +220,9 @@ export default function LandingPage() {
|
|||||||
<FooterLogoReveal
|
<FooterLogoReveal
|
||||||
logoText="مريم ستايل"
|
logoText="مريم ستايل"
|
||||||
leftLink={{
|
leftLink={{
|
||||||
text: "سياسة الخصوصية",
|
text: "سياسة الخصوصية", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
rightLink={{
|
rightLink={{
|
||||||
text: "© 2026 جميع الحقوق محفوظة",
|
text: "© 2026 جميع الحقوق محفوظة", href: "#"}}
|
||||||
href: "#",
|
|
||||||
}}
|
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
|||||||
Reference in New Issue
Block a user