Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
241
src/app/page.tsx
241
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "عن المتجر",
|
||||
id: "about",
|
||||
},
|
||||
name: "عن المتجر", id: "about"},
|
||||
{
|
||||
name: "الأطقم",
|
||||
id: "products",
|
||||
},
|
||||
name: "الأطقم", id: "products"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "contact"},
|
||||
]}
|
||||
brandName="متجر كاف"
|
||||
/>
|
||||
@@ -54,47 +46,20 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="فخامة لا تضاهى في متجر كاف"
|
||||
description="استكشف أحدث تشكيلاتنا من الأطقم الفاخرة التي تعكس ذوقك الرفيع وأناقتك."
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب عبر واتساب",
|
||||
href: "https://wa.me/your-number",
|
||||
},
|
||||
text: "اطلب عبر واتساب", href: "https://wa.me/your-number"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg?_wi=1",
|
||||
imageAlt: "Black luxury outfit",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-posing-dark-sweater-standing-near-lamps_114579-81910.jpg?_wi=1",
|
||||
imageAlt: "Red luxury outfit",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224624.jpg?_wi=1",
|
||||
imageAlt: "Beige luxury outfit",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-monochromatic-cloths_23-2148770334.jpg",
|
||||
imageAlt: "Luxury detail",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
|
||||
imageAlt: "Store interior",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brunette-attractive-young-woman-puts-sunglasses-outside-portrait-asian-tanned-lady-black-trench-coat-holds-silver-handbag_197531-27931.jpg",
|
||||
imageAlt: "Collection",
|
||||
},
|
||||
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg", imageAlt: "Black luxury outfit" },
|
||||
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-posing-dark-sweater-standing-near-lamps_114579-81910.jpg", imageAlt: "Red luxury outfit" },
|
||||
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224624.jpg", imageAlt: "Beige luxury outfit" },
|
||||
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/top-view-monochromatic-cloths_23-2148770334.jpg", imageAlt: "Luxury detail" },
|
||||
{ id: "5", imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg", imageAlt: "Store interior" },
|
||||
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/brunette-attractive-young-woman-puts-sunglasses-outside-portrait-asian-tanned-lady-black-trench-coat-holds-silver-handbag_197531-27931.jpg", imageAlt: "Collection" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,14 +70,8 @@ export default function LandingPage() {
|
||||
title="رؤيتنا في متجر كاف"
|
||||
description="نسعى لتقديم تجربة تسوق فريدة ومميزة لكل من يبحث عن التميز والراحة في الأطقم الفاخرة."
|
||||
metrics={[
|
||||
{
|
||||
value: "100+",
|
||||
title: "قطعة فاخرة",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
title: "عميل راضٍ",
|
||||
},
|
||||
{ value: "100+", title: "قطعة فاخرة" },
|
||||
{ value: "500+", title: "عميل راضٍ" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950925.jpg"
|
||||
imageAlt="About Kaf Luxury"
|
||||
@@ -128,53 +87,32 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "أقمشة فاخرة",
|
||||
description: "نختار أجود أنواع الأقمشة لضمان الراحة والأناقة.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305940.jpg",
|
||||
title: "أقمشة فاخرة", description: "نختار أجود أنواع الأقمشة لضمان الراحة والأناقة.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305940.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "جودة عالية",
|
||||
},
|
||||
{ icon: CheckCircle, text: "جودة عالية" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg?_wi=2",
|
||||
imageAlt: "premium fabric texture luxury clothing",
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "تصاميم حصرية",
|
||||
description: "أطقم بتصاميم عصرية تناسب جميع المناسبات.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg",
|
||||
title: "تصاميم حصرية", description: "أطقم بتصاميم عصرية تناسب جميع المناسبات.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Star,
|
||||
text: "تصميم فريد",
|
||||
},
|
||||
{ icon: Star, text: "تصميم فريد" }
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-pretty-girl-posing-dark-sweater-standing-near-lamps_114579-81910.jpg?_wi=2",
|
||||
imageAlt: "premium fabric texture luxury clothing",
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "تغليف مميز",
|
||||
description: "يصلك طلبك بتغليف يليق بفخامة مشترياتك.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-lady-near-christmas-tree_1157-45218.jpg",
|
||||
title: "تغليف مميز", description: "يصلك طلبك بتغليف يليق بفخامة مشترياتك.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-lady-near-christmas-tree_1157-45218.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: Gift,
|
||||
text: "تغليف فاخر",
|
||||
},
|
||||
{ icon: Gift, text: "تغليف فاخر" }
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224624.jpg?_wi=2",
|
||||
imageAlt: "premium fabric texture luxury clothing",
|
||||
},
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="لماذا تختار متجر كاف؟"
|
||||
description="نقدم لكم الجودة والراحة في كل قطعة نختارها لكم بعناية."
|
||||
@@ -188,60 +126,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم أسود فاخر",
|
||||
price: "450 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "20",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7038.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم أحمر جذاب",
|
||||
price: "480 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "15",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-stands-near-window_8353-7584.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم بيج كلاسيكي",
|
||||
price: "420 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "10",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2628.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم أسود عصري",
|
||||
price: "460 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "8",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم أحمر ملكي",
|
||||
price: "500 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "12",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cupcakes-paper-roses_23-2148815921.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
brand: "متجر كاف",
|
||||
name: "طقم بيج يومي",
|
||||
price: "400 ر.س",
|
||||
rating: 5,
|
||||
reviewCount: "5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830392.jpg",
|
||||
},
|
||||
{ id: "1", brand: "متجر كاف", name: "طقم أسود فاخر", price: "450 ر.س", rating: 5, reviewCount: "20", imageSrc: "http://img.b2bpic.net/free-photo/glamour-female-model-with-short-brown-hair-black-dress-posing-near-light-wall_613910-7038.jpg" },
|
||||
{ id: "2", brand: "متجر كاف", name: "طقم أحمر جذاب", price: "480 ر.س", rating: 5, reviewCount: "15", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-stands-near-window_8353-7584.jpg" },
|
||||
{ id: "3", brand: "متجر كاف", name: "طقم بيج كلاسيكي", price: "420 ر.س", rating: 5, reviewCount: "10", imageSrc: "http://img.b2bpic.net/free-photo/fashion-portrait-young-elegant-woman_1328-2628.jpg" },
|
||||
{ id: "4", brand: "متجر كاف", name: "طقم أسود عصري", price: "460 ر.س", rating: 5, reviewCount: "8", imageSrc: "http://img.b2bpic.net/free-photo/view-women-s-purse-tiles-with-mediterranean-aesthetics_23-2150916725.jpg" },
|
||||
{ id: "5", brand: "متجر كاف", name: "طقم أحمر ملكي", price: "500 ر.س", rating: 5, reviewCount: "12", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cupcakes-paper-roses_23-2148815921.jpg" },
|
||||
{ id: "6", brand: "متجر كاف", name: "طقم بيج يومي", price: "400 ر.س", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830392.jpg" }
|
||||
]}
|
||||
title="تشكيلة الأطقم الفاخرة"
|
||||
description="تصفح أطقمنا المتاحة بالألوان الأسود والأحمر والبيج."
|
||||
@@ -255,26 +145,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="سارة محمد"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-mature-man-assistant-helps-costumer-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48883.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273759.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-reading-book-cafe-outdoor-portrait-asian-girl_1296-802.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321874.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-mature-man-assistant-helps-costumer-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48883.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273759.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-reading-book-cafe-outdoor-portrait-asian-girl_1296-802.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/time-make-right-decision_329181-8015.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/young-women-shopping-city_23-2149321874.jpg", alt: "Customer 5" }
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -285,8 +160,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="تواصل معنا"
|
||||
title="هل لديك استفسار؟"
|
||||
description="فريقنا جاهز لمساعدتك في اختيار الطقم المناسب وتلقي طلباتك عبر الواتساب."
|
||||
@@ -297,35 +171,18 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
title: "روابط سريعة", items: [
|
||||
{ label: "الرئيسية", href: "#hero" },
|
||||
{ label: "اتصل بنا", href: "#contact" }
|
||||
]
|
||||
},
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "حساباتنا",
|
||||
items: [
|
||||
{
|
||||
label: "واتساب",
|
||||
href: "https://wa.me/your-number",
|
||||
},
|
||||
{
|
||||
label: "إنستغرام",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "تويتر",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "حساباتنا", items: [
|
||||
{ label: "واتساب", href: "https://wa.me/your-number" },
|
||||
{ label: "إنستغرام", href: "#" },
|
||||
{ label: "تويتر", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
logoText="متجر كاف"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user