Update src/app/page.tsx

This commit is contained in:
2026-05-04 20:28:49 +00:00
parent aac7344692
commit 80f5d4bc1a

View File

@@ -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>