Update src/app/page.tsx
This commit is contained in:
214
src/app/page.tsx
214
src/app/page.tsx
@@ -31,58 +31,38 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "مميزاتنا",
|
||||
id: "features",
|
||||
},
|
||||
name: "مميزاتنا", id: "features"},
|
||||
{
|
||||
name: "منتجاتنا",
|
||||
id: "products",
|
||||
},
|
||||
name: "منتجاتنا", id: "products"},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "تواصل معنا", id: "contact"},
|
||||
]}
|
||||
brandName="متجرنا"
|
||||
button={{ text: "تسوق الآن", href: "#products" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="أفضل المنتجات بين يديك"
|
||||
description="استمتع بتجربة تسوق فريدة مع تشكيلتنا المختارة بعناية لتناسب احتياجاتك اليومية."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-trolley-laptops-perspective-side_187299-38652.jpg",
|
||||
imageAlt: "e-commerce shopping cart",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eid-shopping-trolley-laptops-perspective-side_187299-38652.jpg", imageAlt: "e-commerce shopping cart"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-man-shopping-vacation-holding-paper-bags-smiling-standing-against-yellow-backg_1258-155530.jpg",
|
||||
imageAlt: "modern retail display",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/image-happy-man-shopping-vacation-holding-paper-bags-smiling-standing-against-yellow-backg_1258-155530.jpg", imageAlt: "modern retail display"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-courier-red-uniform-holding-food-box-smiling-pink-uniform-service-delivery-worker-job_140725-37146.jpg",
|
||||
imageAlt: "fast shipping box",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-courier-red-uniform-holding-food-box-smiling-pink-uniform-service-delivery-worker-job_140725-37146.jpg", imageAlt: "fast shipping box"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-message-mobile-phone-screen-with-gift-box-black-background-black-friday-concept_9083-8018.jpg",
|
||||
imageAlt: "gift box ecommerce",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/black-friday-message-mobile-phone-screen-with-gift-box-black-background-black-friday-concept_9083-8018.jpg", imageAlt: "gift box ecommerce"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-accessories-credit-card_93675-128552.jpg",
|
||||
imageAlt: "happy shopper woman",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/office-accessories-credit-card_93675-128552.jpg", imageAlt: "happy shopper woman"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-mask-holding-sale-writing-yellow-color-shopping-health-covid-photo-pandemic_140725-109708.jpg",
|
||||
imageAlt: "colorful product sale",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-mask-holding-sale-writing-yellow-color-shopping-health-covid-photo-pandemic_140725-109708.jpg", imageAlt: "colorful product sale"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,26 +75,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "شحن سريع",
|
||||
description: "توصيل آمن وسريع لجميع المدن.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529718.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163590.jpg",
|
||||
buttonText: "المزيد",
|
||||
},
|
||||
title: "شحن سريع", description: "توصيل آمن وسريع لجميع المدن.", imageSrc: "http://img.b2bpic.net/free-vector/automotive-logo-template_23-2150529718.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/person-their-job-position_23-2150163590.jpg", buttonText: "المزيد"},
|
||||
{
|
||||
title: "دعم فني",
|
||||
description: "فريقنا معك على مدار الساعة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/phone-contact-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1186.jpg",
|
||||
buttonText: "المزيد",
|
||||
},
|
||||
title: "دعم فني", description: "فريقنا معك على مدار الساعة.", imageSrc: "http://img.b2bpic.net/free-photo/finger-pushing-virtual-button_1134-264.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/phone-contact-icon-sign-symbol-button-blue-speech-bubble-white-background-3d-rendering_56104-1186.jpg", buttonText: "المزيد"},
|
||||
{
|
||||
title: "جودة مضمونة",
|
||||
description: "جميع منتجاتنا أصلية ومضمونة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-labels-collection_23-2149035724.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-bags-credit-card-store-favorite-occupation-all-women-lifestyle-concept_146671-15122.jpg",
|
||||
buttonText: "المزيد",
|
||||
},
|
||||
title: "جودة مضمونة", description: "جميع منتجاتنا أصلية ومضمونة.", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-labels-collection_23-2149035724.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/happy-woman-with-shopping-bags-credit-card-store-favorite-occupation-all-women-lifestyle-concept_146671-15122.jpg", buttonText: "المزيد"},
|
||||
]}
|
||||
title="لماذا تختار متجرنا؟"
|
||||
description="نحن نضمن لك أفضل تجربة تسوق ممكنة."
|
||||
@@ -129,47 +94,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "منتج مميز 1",
|
||||
price: "٩٩ ريال",
|
||||
variant: "جديد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-small-grocery-carts_23-2147957600.jpg",
|
||||
},
|
||||
id: "p1", name: "منتج مميز 1", price: "٩٩ ريال", variant: "جديد", imageSrc: "http://img.b2bpic.net/free-photo/tablet-with-small-grocery-carts_23-2147957600.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "منتج مميز 2",
|
||||
price: "١٤٩ ريال",
|
||||
variant: "الأكثر مبيعاً",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-mask-shopping_23-2148630845.jpg",
|
||||
},
|
||||
id: "p2", name: "منتج مميز 2", price: "١٤٩ ريال", variant: "الأكثر مبيعاً", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-with-mask-shopping_23-2148630845.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "منتج مميز 3",
|
||||
price: "١٩٩ ريال",
|
||||
variant: "جديد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg",
|
||||
},
|
||||
id: "p3", name: "منتج مميز 3", price: "١٩٩ ريال", variant: "جديد", imageSrc: "http://img.b2bpic.net/free-photo/supermarket-trolleys-filled-with-black-friday-promotional-products_23-2148663147.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "منتج مميز 4",
|
||||
price: "٢٤٩ ريال",
|
||||
variant: "خصم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-model-career-kit-still-life_23-2150229766.jpg",
|
||||
},
|
||||
id: "p4", name: "منتج مميز 4", price: "٢٤٩ ريال", variant: "خصم", imageSrc: "http://img.b2bpic.net/free-photo/view-model-career-kit-still-life_23-2150229766.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "منتج مميز 5",
|
||||
price: "٢٩٩ ريال",
|
||||
variant: "جديد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg",
|
||||
},
|
||||
id: "p5", name: "منتج مميز 5", price: "٢٩٩ ريال", variant: "جديد", imageSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-grey-coat-hat-walking-street-city-centre-smiling-true-emotions-stylish-lifestyle-luxury-clothes-elegant-look_197531-1885.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "منتج مميز 6",
|
||||
price: "٣٤٩ ريال",
|
||||
variant: "عرض",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-old-books_23-2148171374.jpg",
|
||||
},
|
||||
id: "p6", name: "منتج مميز 6", price: "٣٤٩ ريال", variant: "عرض", imageSrc: "http://img.b2bpic.net/free-photo/girl-looking-old-books_23-2148171374.jpg"},
|
||||
]}
|
||||
title="منتجاتنا الأكثر طلباً"
|
||||
description="اكتشف مجموعتنا الحصرية المتاحة الآن."
|
||||
@@ -183,31 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "١٠٠٠+",
|
||||
title: "عميل راضٍ",
|
||||
items: [
|
||||
"خدمة ممتازة",
|
||||
"سعر منافس",
|
||||
],
|
||||
id: "m1", value: "١٠٠٠+", title: "عميل راضٍ", items: [
|
||||
"خدمة ممتازة", "سعر منافس"],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "٥٠٠+",
|
||||
title: "منتج متوفر",
|
||||
items: [
|
||||
"تنوع كبير",
|
||||
"جودة عالية",
|
||||
],
|
||||
id: "m2", value: "٥٠٠+", title: "منتج متوفر", items: [
|
||||
"تنوع كبير", "جودة عالية"],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "٢٤/٧",
|
||||
title: "دعم فني",
|
||||
items: [
|
||||
"استجابة فورية",
|
||||
"حلول ذكية",
|
||||
],
|
||||
id: "m3", value: "٢٤/٧", title: "دعم فني", items: [
|
||||
"استجابة فورية", "حلول ذكية"],
|
||||
},
|
||||
]}
|
||||
title="أرقامنا تتحدث"
|
||||
@@ -221,45 +141,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "ممتاز",
|
||||
quote: "خدمة رائعة ومنتجات عالية الجودة.",
|
||||
name: "أحمد",
|
||||
role: "عميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg",
|
||||
},
|
||||
id: "t1", title: "ممتاز", quote: "خدمة رائعة ومنتجات عالية الجودة.", name: "أحمد", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-smiling-brunette-asian-woman-sitting-with-graphic-pen-looking-happy-drawing_1258-199033.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "سريع جداً",
|
||||
quote: "التوصيل كان أسرع مما توقعت.",
|
||||
name: "سارة",
|
||||
role: "عميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860247.jpg",
|
||||
},
|
||||
id: "t2", title: "سريع جداً", quote: "التوصيل كان أسرع مما توقعت.", name: "سارة", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/front-view-arrangement-with-different-feelings_23-2148860247.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "تجربة مميزة",
|
||||
quote: "أفضل متجر تسوق تعاملت معه.",
|
||||
name: "محمد",
|
||||
role: "عميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-ethnic-man_23-2148203621.jpg",
|
||||
},
|
||||
id: "t3", title: "تجربة مميزة", quote: "أفضل متجر تسوق تعاملت معه.", name: "محمد", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/portrait-cheerful-ethnic-man_23-2148203621.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "جودة عالية",
|
||||
quote: "سأكرر التجربة بالتأكيد.",
|
||||
name: "ليلى",
|
||||
role: "عميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-holding-colorful-bags_23-2148339170.jpg",
|
||||
},
|
||||
id: "t4", title: "جودة عالية", quote: "سأكرر التجربة بالتأكيد.", name: "ليلى", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/front-view-happy-woman-holding-colorful-bags_23-2148339170.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "خدمة عملاء ممتازة",
|
||||
quote: "دعم فني متعاون جداً.",
|
||||
name: "خالد",
|
||||
role: "عميل",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg",
|
||||
},
|
||||
id: "t5", title: "خدمة عملاء ممتازة", quote: "دعم فني متعاون جداً.", name: "خالد", role: "عميل", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5072.jpg"},
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="ماذا يقول عملاؤنا عن تجربتهم معنا."
|
||||
@@ -272,20 +162,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "كيف يمكنني الطلب؟",
|
||||
content: "يمكنك الطلب عبر إضافة المنتجات للسلة وإكمال الدفع.",
|
||||
},
|
||||
id: "q1", title: "كيف يمكنني الطلب؟", content: "يمكنك الطلب عبر إضافة المنتجات للسلة وإكمال الدفع."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "ما هي طرق الدفع؟",
|
||||
content: "نوفر كافة طرق الدفع الإلكتروني والتحويل البنكي.",
|
||||
},
|
||||
id: "q2", title: "ما هي طرق الدفع؟", content: "نوفر كافة طرق الدفع الإلكتروني والتحويل البنكي."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "هل يوجد استرجاع؟",
|
||||
content: "نعم، سياسة الاسترجاع متاحة خلال ٧ أيام.",
|
||||
},
|
||||
id: "q3", title: "هل يوجد استرجاع؟", content: "نعم، سياسة الاسترجاع متاحة خلال ٧ أيام."},
|
||||
]}
|
||||
title="أسئلة شائعة"
|
||||
description="هل لديك استفسار؟ لدينا الإجابة."
|
||||
@@ -297,8 +178,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
tag="تواصل"
|
||||
title="تواصل معنا"
|
||||
description="سعداء لسماع رأيك، تواصل معنا لأي استفسار."
|
||||
@@ -311,29 +191,19 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "روابط",
|
||||
items: [
|
||||
title: "روابط", items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "منتجاتنا",
|
||||
href: "#products",
|
||||
},
|
||||
label: "منتجاتنا", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "قانوني",
|
||||
items: [
|
||||
title: "قانوني", items: [
|
||||
{
|
||||
label: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
},
|
||||
label: "سياسة الخصوصية", href: "#"},
|
||||
{
|
||||
label: "الشروط والأحكام",
|
||||
href: "#",
|
||||
},
|
||||
label: "الشروط والأحكام", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user