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
|
<NavbarStyleApple
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "الرئيسية",
|
name: "الرئيسية", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "عن المتجر",
|
name: "عن المتجر", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "الأطقم",
|
name: "الأطقم", id: "products"},
|
||||||
id: "products",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "اتصل بنا",
|
name: "اتصل بنا", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="متجر كاف"
|
brandName="متجر كاف"
|
||||||
/>
|
/>
|
||||||
@@ -54,47 +46,20 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardRotatedCarousel
|
<HeroBillboardRotatedCarousel
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated",
|
variant: "rotated-rays-animated"}}
|
||||||
}}
|
|
||||||
title="فخامة لا تضاهى في متجر كاف"
|
title="فخامة لا تضاهى في متجر كاف"
|
||||||
description="استكشف أحدث تشكيلاتنا من الأطقم الفاخرة التي تعكس ذوقك الرفيع وأناقتك."
|
description="استكشف أحدث تشكيلاتنا من الأطقم الفاخرة التي تعكس ذوقك الرفيع وأناقتك."
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "اطلب عبر واتساب",
|
text: "اطلب عبر واتساب", href: "https://wa.me/your-number"},
|
||||||
href: "https://wa.me/your-number",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
carouselItems={[
|
carouselItems={[
|
||||||
{
|
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg", imageAlt: "Black luxury outfit" },
|
||||||
id: "1",
|
{ 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" },
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg?_wi=1",
|
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224624.jpg", imageAlt: "Beige luxury outfit" },
|
||||||
imageAlt: "Black 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: "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",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
@@ -105,14 +70,8 @@ export default function LandingPage() {
|
|||||||
title="رؤيتنا في متجر كاف"
|
title="رؤيتنا في متجر كاف"
|
||||||
description="نسعى لتقديم تجربة تسوق فريدة ومميزة لكل من يبحث عن التميز والراحة في الأطقم الفاخرة."
|
description="نسعى لتقديم تجربة تسوق فريدة ومميزة لكل من يبحث عن التميز والراحة في الأطقم الفاخرة."
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{ value: "100+", title: "قطعة فاخرة" },
|
||||||
value: "100+",
|
{ value: "500+", title: "عميل راضٍ" }
|
||||||
title: "قطعة فاخرة",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
value: "500+",
|
|
||||||
title: "عميل راضٍ",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950925.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/assortment-antiques-market-objects_23-2148950925.jpg"
|
||||||
imageAlt="About Kaf Luxury"
|
imageAlt="About Kaf Luxury"
|
||||||
@@ -128,53 +87,32 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "أقمشة فاخرة",
|
title: "أقمشة فاخرة", description: "نختار أجود أنواع الأقمشة لضمان الراحة والأناقة.", media: {
|
||||||
description: "نختار أجود أنواع الأقمشة لضمان الراحة والأناقة.",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305940.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-velvet-texture_23-2149305940.jpg",
|
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{
|
{ icon: CheckCircle, text: "جودة عالية" }
|
||||||
icon: CheckCircle,
|
|
||||||
text: "جودة عالية",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mannequins-with-womenswear_1203-830.jpg?_wi=2",
|
|
||||||
imageAlt: "premium fabric texture luxury clothing",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "تصاميم حصرية",
|
title: "تصاميم حصرية", description: "أطقم بتصاميم عصرية تناسب جميع المناسبات.", media: {
|
||||||
description: "أطقم بتصاميم عصرية تناسب جميع المناسبات.",
|
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg",
|
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{
|
{ icon: Star, text: "تصميم فريد" }
|
||||||
icon: Star,
|
|
||||||
text: "تصميم فريد",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: true,
|
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",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "تغليف مميز",
|
title: "تغليف مميز", description: "يصلك طلبك بتغليف يليق بفخامة مشترياتك.", media: {
|
||||||
description: "يصلك طلبك بتغليف يليق بفخامة مشترياتك.",
|
imageSrc: "http://img.b2bpic.net/free-photo/elegant-lady-near-christmas-tree_1157-45218.jpg", imageAlt: "premium fabric texture luxury clothing"
|
||||||
media: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/elegant-lady-near-christmas-tree_1157-45218.jpg",
|
|
||||||
},
|
},
|
||||||
items: [
|
items: [
|
||||||
{
|
{ icon: Gift, text: "تغليف فاخر" }
|
||||||
icon: Gift,
|
|
||||||
text: "تغليف فاخر",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
reverse: false,
|
reverse: false
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/surrealist-portrait-fashionable-woman_23-2149224624.jpg?_wi=2",
|
}
|
||||||
imageAlt: "premium fabric texture luxury clothing",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="لماذا تختار متجر كاف؟"
|
title="لماذا تختار متجر كاف؟"
|
||||||
description="نقدم لكم الجودة والراحة في كل قطعة نختارها لكم بعناية."
|
description="نقدم لكم الجودة والراحة في كل قطعة نختارها لكم بعناية."
|
||||||
@@ -188,60 +126,12 @@ export default function LandingPage() {
|
|||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
products={[
|
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: "1",
|
{ 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" },
|
||||||
brand: "متجر كاف",
|
{ 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" },
|
||||||
name: "طقم أسود فاخر",
|
{ 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" },
|
||||||
price: "450 ر.س",
|
{ 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" },
|
||||||
rating: 5,
|
{ id: "6", brand: "متجر كاف", name: "طقم بيج يومي", price: "400 ر.س", rating: 5, reviewCount: "5", imageSrc: "http://img.b2bpic.net/free-photo/young-man-portrait_23-2148830392.jpg" }
|
||||||
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="تشكيلة الأطقم الفاخرة"
|
title="تشكيلة الأطقم الفاخرة"
|
||||||
description="تصفح أطقمنا المتاحة بالألوان الأسود والأحمر والبيج."
|
description="تصفح أطقمنا المتاحة بالألوان الأسود والأحمر والبيج."
|
||||||
@@ -255,26 +145,11 @@ export default function LandingPage() {
|
|||||||
rating={5}
|
rating={5}
|
||||||
author="سارة محمد"
|
author="سارة محمد"
|
||||||
avatars={[
|
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/portrait-mature-man-assistant-helps-costumer-senior-visiting-fashion-boutique-male-buy-new-exclusive-costume_1157-48883.jpg",
|
{ src: "http://img.b2bpic.net/free-photo/man-shopping-city_23-2149273759.jpg", alt: "Customer 2" },
|
||||||
alt: "Customer 1",
|
{ 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/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"
|
ratingAnimation="slide-up"
|
||||||
avatarsAnimation="slide-up"
|
avatarsAnimation="slide-up"
|
||||||
@@ -285,8 +160,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-animated",
|
variant: "rotated-rays-animated"}}
|
||||||
}}
|
|
||||||
tag="تواصل معنا"
|
tag="تواصل معنا"
|
||||||
title="هل لديك استفسار؟"
|
title="هل لديك استفسار؟"
|
||||||
description="فريقنا جاهز لمساعدتك في اختيار الطقم المناسب وتلقي طلباتك عبر الواتساب."
|
description="فريقنا جاهز لمساعدتك في اختيار الطقم المناسب وتلقي طلباتك عبر الواتساب."
|
||||||
@@ -297,35 +171,18 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "روابط سريعة",
|
title: "روابط سريعة", items: [
|
||||||
items: [
|
{ label: "الرئيسية", href: "#hero" },
|
||||||
{
|
{ label: "اتصل بنا", href: "#contact" }
|
||||||
label: "الرئيسية",
|
]
|
||||||
href: "#hero",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "اتصل بنا",
|
title: "حساباتنا", items: [
|
||||||
href: "#contact",
|
{ 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="متجر كاف"
|
logoText="متجر كاف"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user