Merge version_2 into main #1
232
src/app/page.tsx
232
src/app/page.tsx
@@ -31,61 +31,39 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "الأقسام",
|
||||
id: "categories",
|
||||
},
|
||||
name: "الأقسام", id: "categories"},
|
||||
{
|
||||
name: "العروض",
|
||||
id: "discounts",
|
||||
},
|
||||
name: "العروض", id: "discounts"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "حساب الدعم", id: "contact"},
|
||||
]}
|
||||
brandName="Webild Store"
|
||||
brandName="Sama Store"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Webild Store"
|
||||
logoText="Sama Store"
|
||||
description="تجربة تسوق فاخرة تليق بك. اكتشف مجموعتنا المختارة بعناية من أرقى المنتجات العالمية."
|
||||
buttons={[
|
||||
{
|
||||
text: "تسوق الآن",
|
||||
href: "#products",
|
||||
},
|
||||
text: "تسوق الآن", href: "#products"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-christmas-gifts-womans-holding-big-boxes-guy-little-one_176420-7393.jpg",
|
||||
imageAlt: "Luxury Gifts",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-sitting-christmas-gifts-womans-holding-big-boxes-guy-little-one_176420-7393.jpg", imageAlt: "Luxury Gifts"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-dark-carbon-fiber-background_1048-5869.jpg",
|
||||
imageAlt: "Automotive",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/scratched-metal-dark-carbon-fiber-background_1048-5869.jpg", imageAlt: "Automotive"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949778.jpg",
|
||||
imageAlt: "Cosmetics",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spring-marketing-sales_23-2151949778.jpg", imageAlt: "Cosmetics"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/present-with-tag-fern-plant_23-2148370084.jpg",
|
||||
imageAlt: "Stationery",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/present-with-tag-fern-plant_23-2148370084.jpg", imageAlt: "Stationery"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-bags-season-black_1157-3443.jpg",
|
||||
imageAlt: "Fashion",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-bags-season-black_1157-3443.jpg", imageAlt: "Fashion"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-bookshelf-with-pouf_105762-2177.jpg",
|
||||
imageAlt: "Furniture",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-loft-luxury-living-room-with-bookshelf-with-pouf_105762-2177.jpg", imageAlt: "Furniture"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -97,25 +75,13 @@ export default function LandingPage() {
|
||||
description="تصفح عبر أكثر من ٢٥ قسماً متنوعاً تلبي كافة احتياجاتك اليومية والترفيهية."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "cat1",
|
||||
title: "الإلكترونيات",
|
||||
content: "هواتف، حواسيب، وأجهزة ذكية.",
|
||||
},
|
||||
id: "cat1", title: "الإلكترونيات", content: "هواتف، حواسيب، وأجهزة ذكية."},
|
||||
{
|
||||
id: "cat2",
|
||||
title: "مستلزمات السيارات",
|
||||
content: "قطع غيار، إكسسوارات، وزينة سيارات.",
|
||||
},
|
||||
id: "cat2", title: "مستلزمات السيارات", content: "قطع غيار، إكسسوارات، وزينة سيارات."},
|
||||
{
|
||||
id: "cat3",
|
||||
title: "الأزياء والعطور",
|
||||
content: "أحدث صيحات الموضة والعطور الفاخرة.",
|
||||
},
|
||||
id: "cat3", title: "الأزياء والعطور", content: "أحدث صيحات الموضة والعطور الفاخرة."},
|
||||
{
|
||||
id: "cat4",
|
||||
title: "أثاث ومستلزمات منزلية",
|
||||
content: "أثاث عصري ومعدات منزلية متطورة.",
|
||||
},
|
||||
id: "cat4", title: "أثاث ومستلزمات منزلية", content: "أثاث عصري ومعدات منزلية متطورة."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/desk-gadgets_181624-23300.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -130,47 +96,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "سماعات احترافية",
|
||||
price: "١٥٠ ريال",
|
||||
variant: "إلكترونيات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg",
|
||||
},
|
||||
id: "p1", name: "سماعات احترافية", price: "١٥٠ ريال", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/volume-control-knob-hi-fi-amplifier_1232-3570.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "هاتف ذكي",
|
||||
price: "٣٠٠٠ ريال",
|
||||
variant: "جوالات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5163.jpg",
|
||||
},
|
||||
id: "p2", name: "هاتف ذكي", price: "٣٠٠٠ ريال", variant: "جوالات", imageSrc: "http://img.b2bpic.net/free-photo/new-cell-phone-white-background_58702-5163.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "محفظة جلدية",
|
||||
price: "٢٥٠ ريال",
|
||||
variant: "إكسسوارات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-present-box_23-2147790827.jpg",
|
||||
},
|
||||
id: "p3", name: "محفظة جلدية", price: "٢٥٠ ريال", variant: "إكسسوارات", imageSrc: "http://img.b2bpic.net/free-photo/fathers-day-composition-with-present-box_23-2147790827.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "مجموعة عناية",
|
||||
price: "٤٠٠ ريال",
|
||||
variant: "تجميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg",
|
||||
},
|
||||
id: "p4", name: "مجموعة عناية", price: "٤٠٠ ريال", variant: "تجميل", imageSrc: "http://img.b2bpic.net/free-photo/foundation-bottles-stands_23-2149511226.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "ساعة ذكية",
|
||||
price: "٨٠٠ ريال",
|
||||
variant: "إلكترونيات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg",
|
||||
},
|
||||
id: "p5", name: "ساعة ذكية", price: "٨٠٠ ريال", variant: "إلكترونيات", imageSrc: "http://img.b2bpic.net/free-photo/still-life-tech-device_23-2150722612.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "باقة زهور",
|
||||
price: "٢٠٠ ريال",
|
||||
variant: "هدايا",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-hands-holding-black-basket-pink-roses-wall_114579-1504.jpg",
|
||||
},
|
||||
id: "p6", name: "باقة زهور", price: "٢٠٠ ريال", variant: "هدايا", imageSrc: "http://img.b2bpic.net/free-photo/three-hands-holding-black-basket-pink-roses-wall_114579-1504.jpg"},
|
||||
]}
|
||||
title="منتجات مميزة"
|
||||
description="أحدث المنتجات التي تم اختيارها خصيصاً لذوقك الرفيع."
|
||||
@@ -184,49 +120,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "offer1",
|
||||
badge: "توفير",
|
||||
price: "٥٠٪",
|
||||
subtitle: "تخفيض على قسم الإلكترونيات",
|
||||
buttons: [
|
||||
id: "offer1", badge: "توفير", price: "٥٠٪", subtitle: "تخفيض على قسم الإلكترونيات", buttons: [
|
||||
{
|
||||
text: "تسوق العرض",
|
||||
},
|
||||
text: "تسوق العرض"},
|
||||
],
|
||||
features: [
|
||||
"شحن مجاني",
|
||||
"ضمان سنتين",
|
||||
],
|
||||
"شحن مجاني", "ضمان سنتين"],
|
||||
},
|
||||
{
|
||||
id: "offer2",
|
||||
badge: "توفير",
|
||||
price: "٣٠٪",
|
||||
subtitle: "تخفيض على الأزياء",
|
||||
buttons: [
|
||||
id: "offer2", badge: "توفير", price: "٣٠٪", subtitle: "تخفيض على الأزياء", buttons: [
|
||||
{
|
||||
text: "تسوق العرض",
|
||||
},
|
||||
text: "تسوق العرض"},
|
||||
],
|
||||
features: [
|
||||
"استبدال سريع",
|
||||
"جودة عالية",
|
||||
],
|
||||
"استبدال سريع", "جودة عالية"],
|
||||
},
|
||||
{
|
||||
id: "offer3",
|
||||
badge: "توفير",
|
||||
price: "٢٠٪",
|
||||
subtitle: "تخفيض على مستلزمات المنزل",
|
||||
buttons: [
|
||||
id: "offer3", badge: "توفير", price: "٢٠٪", subtitle: "تخفيض على مستلزمات المنزل", buttons: [
|
||||
{
|
||||
text: "تسوق العرض",
|
||||
},
|
||||
text: "تسوق العرض"},
|
||||
],
|
||||
features: [
|
||||
"خدمة عملاء ٢٤/٧",
|
||||
"توصيل سريع",
|
||||
],
|
||||
"خدمة عملاء ٢٤/٧", "توصيل سريع"],
|
||||
},
|
||||
]}
|
||||
title="عروض حصرية"
|
||||
@@ -242,20 +157,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "٥٠٠٠+",
|
||||
description: "عميل سعيد",
|
||||
},
|
||||
id: "m1", value: "٥٠٠٠+", description: "عميل سعيد"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "٢٥+",
|
||||
description: "قسم تسوق",
|
||||
},
|
||||
id: "m2", value: "٢٥+", description: "قسم تسوق"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "١٠٠٪",
|
||||
description: "ضمان الجودة",
|
||||
},
|
||||
id: "m3", value: "١٠٠٪", description: "ضمان الجودة"},
|
||||
]}
|
||||
title="أرقامنا"
|
||||
description="نحن نفخر بخدمة الآلاف من العملاء حول العالم."
|
||||
@@ -270,48 +176,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "سارة أحمد",
|
||||
role: "مصممة",
|
||||
company: "الرياض",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg",
|
||||
},
|
||||
id: "t1", name: "سارة أحمد", role: "مصممة", company: "الرياض", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-female-with-hair-bun-having-joyful-look-smiling-cheerfully-happy-with-some-positive-news_273609-9042.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "محمد خالد",
|
||||
role: "مهندس",
|
||||
company: "جدة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg",
|
||||
},
|
||||
id: "t2", name: "محمد خالد", role: "مهندس", company: "جدة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-woman-smiling-kitchen_107420-12357.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "نورة علي",
|
||||
role: "مديرة",
|
||||
company: "دبي",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg",
|
||||
},
|
||||
id: "t3", name: "نورة علي", role: "مديرة", company: "دبي", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-serious-bearded-male-dressed-suit_613910-14795.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "عمر سعد",
|
||||
role: "مطور",
|
||||
company: "القاهرة",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg",
|
||||
},
|
||||
id: "t4", name: "عمر سعد", role: "مطور", company: "القاهرة", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/selfie-portrait-cute-brunette-girl-with-short-hair-sitting-table-gray-plaid-terrace-restaurant-she-wears-blue-shirt-looks-happy_197531-971.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "ليلى حسن",
|
||||
role: "محامية",
|
||||
company: "الدمام",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg",
|
||||
},
|
||||
id: "t5", name: "ليلى حسن", role: "محامية", company: "الدمام", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-bearded-stylish-male-wearing-elegant-suit-dark-background_613910-11359.jpg"},
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="ماذا يقول عملاؤنا عن تجربة التسوق في Webild Store؟"
|
||||
description="ماذا يقول عملاؤنا عن تجربة التسوق في Sama Store؟"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -319,28 +200,23 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="نشرتنا البريدية"
|
||||
title="اشترك لتصلك أحدث العروض"
|
||||
description="كن أول من يعلم عن خصوماتنا الحصرية ومنتجاتنا الجديدة."
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="حساب الدعم"
|
||||
title="تواصل مع فريق الدعم"
|
||||
description="نحن هنا لمساعدتك على مدار الساعة في أي استفسار."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="Webild Store"
|
||||
logoText="Sama Store"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
}}
|
||||
text: "سياسة الخصوصية", href: "#"}}
|
||||
rightLink={{
|
||||
text: "الشروط والأحكام",
|
||||
href: "#",
|
||||
}}
|
||||
text: "الشروط والأحكام", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user