Update src/app/page.tsx
This commit is contained in:
272
src/app/page.tsx
272
src/app/page.tsx
@@ -34,29 +34,18 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#home",
|
||||
},
|
||||
name: "الرئيسية", id: "#home"},
|
||||
{
|
||||
name: "عنا",
|
||||
id: "#about",
|
||||
},
|
||||
name: "عنا", id: "#about"},
|
||||
{
|
||||
name: "القائمة",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "القائمة", id: "#menu"},
|
||||
{
|
||||
name: "الشهادات",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "الشهادات", id: "#testimonials"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "احجز طاولتك",
|
||||
}}
|
||||
text: "احجز طاولتك"}}
|
||||
logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c4zy83"
|
||||
logoAlt="شعار مطعم الأطباق الشهية"
|
||||
brandName="الأطباق الشهية"
|
||||
@@ -69,16 +58,12 @@ export default function LandingPage() {
|
||||
description="تذوق أشهى المأكولات في أجواء عائلية دافئة. تجربة طعام لا تُنسى في انتظارك."
|
||||
buttons={[
|
||||
{
|
||||
text: "عرض قائمة الطعام",
|
||||
href: "#menu",
|
||||
},
|
||||
text: "عرض قائمة الطعام", href: "#menu"},
|
||||
{
|
||||
text: "احجز طاولتك الآن",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "احجز طاولتك الآن", href: "#contact"},
|
||||
]}
|
||||
buttonAnimation="opacity"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-delicious-food_23-2149617138.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-delicious-food_23-2149617138.jpg"
|
||||
imageAlt="صورة داخلية لمطعم فاخر"
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
@@ -99,29 +84,14 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "مكونات طازجة يومياً",
|
||||
description: "نستخدم فقط أفضل المكونات الطازجة والنقية لضمان مذاق لا مثيل له.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: LeafyGreen,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-with-rice-raddish_140725-3403.jpg",
|
||||
imageAlt: "Fried salmon with rice and raddish",
|
||||
title: "مكونات طازجة يومياً", description: "نستخدم فقط أفضل المكونات الطازجة والنقية لضمان مذاق لا مثيل له.", bentoComponent: "reveal-icon", icon: LeafyGreen
|
||||
},
|
||||
{
|
||||
title: "أجواء عائلية راقية",
|
||||
description: "استمتع بوجبتك في بيئة دافئة ومريحة، مثالية للتجمعات العائلية والأصدقاء.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Home,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=c4zy83",
|
||||
imageAlt: "Fried salmon with rice and raddish",
|
||||
title: "أجواء عائلية راقية", description: "استمتع بوجبتك في بيئة دافئة ومريحة، مثالية للتجمعات العائلية والأصدقاء.", bentoComponent: "reveal-icon", icon: Home
|
||||
},
|
||||
{
|
||||
title: "خدمة استثنائية",
|
||||
description: "فريق عملنا مدرب لتقديم أفضل خدمة لضيوفنا، لضمان راحتكم وسعادتكم.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Utensils,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-table-arrangement-with-delicious-food_23-2149617138.jpg?_wi=2",
|
||||
imageAlt: "Fried salmon with rice and raddish",
|
||||
},
|
||||
title: "خدمة استثنائية", description: "فريق عملنا مدرب لتقديم أفضل خدمة لضيوفنا، لضمان راحتكم وسعادتكم.", bentoComponent: "reveal-icon", icon: Utensils
|
||||
}
|
||||
]}
|
||||
title="أصناف متنوعة وجودة لا تُضاهى"
|
||||
description="من الأطباق التقليدية إلى الابتكارات العصرية، نضمن لكم تجربة طعام استثنائية ترقى لتوقعاتكم."
|
||||
@@ -137,65 +107,29 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p-1",
|
||||
brand: "مقبلات",
|
||||
name: "طبق اليوم",
|
||||
price: "35 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "120 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-christmas-meal_23-2148746062.jpg",
|
||||
imageAlt: "طبق اليوم",
|
||||
id: "p-1", brand: "مقبلات", name: "طبق اليوم", price: "35 ريال", rating: 5,
|
||||
reviewCount: "120 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/arrangement-delicious-christmas-meal_23-2148746062.jpg", imageAlt: "طبق اليوم"
|
||||
},
|
||||
{
|
||||
id: "p-2",
|
||||
brand: "سلطات",
|
||||
name: "سلطة الشيف الخاصة",
|
||||
price: "28 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "95 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chopped-red-cabbage-parsley-radish-bowl_114579-86553.jpg",
|
||||
imageAlt: "سلطة الشيف الخاصة",
|
||||
id: "p-2", brand: "سلطات", name: "سلطة الشيف الخاصة", price: "28 ريال", rating: 5,
|
||||
reviewCount: "95 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/chopped-red-cabbage-parsley-radish-bowl_114579-86553.jpg", imageAlt: "سلطة الشيف الخاصة"
|
||||
},
|
||||
{
|
||||
id: "p-3",
|
||||
brand: "باستا",
|
||||
name: "معكرونة بالدجاج",
|
||||
price: "45 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "150 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-pasta-with-tomato-sauce-grated-cheese-plate_181624-40819.jpg",
|
||||
imageAlt: "معكرونة بالدجاج",
|
||||
id: "p-3", brand: "باستا", name: "معكرونة بالدجاج", price: "45 ريال", rating: 5,
|
||||
reviewCount: "150 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/closeup-delicious-pasta-with-tomato-sauce-grated-cheese-plate_181624-40819.jpg", imageAlt: "معكرونة بالدجاج"
|
||||
},
|
||||
{
|
||||
id: "p-4",
|
||||
brand: "لحوم",
|
||||
name: "ستيك لحم خاص",
|
||||
price: "75 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "210 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-baked-potatoes-grilled-vegetables-sauce-black-board_141793-2998.jpg",
|
||||
imageAlt: "ستيك لحم خاص",
|
||||
id: "p-4", brand: "لحوم", name: "ستيك لحم خاص", price: "75 ريال", rating: 5,
|
||||
reviewCount: "210 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/side-view-roasted-chicken-with-baked-potatoes-grilled-vegetables-sauce-black-board_141793-2998.jpg", imageAlt: "ستيك لحم خاص"
|
||||
},
|
||||
{
|
||||
id: "p-5",
|
||||
brand: "مأكولات بحرية",
|
||||
name: "سمك مشوي",
|
||||
price: "60 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "180 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-trout-meal_23-2150353352.jpg",
|
||||
imageAlt: "سمك مشوي",
|
||||
id: "p-5", brand: "مأكولات بحرية", name: "سمك مشوي", price: "60 ريال", rating: 5,
|
||||
reviewCount: "180 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-trout-meal_23-2150353352.jpg", imageAlt: "سمك مشوي"
|
||||
},
|
||||
{
|
||||
id: "p-6",
|
||||
brand: "حلويات",
|
||||
name: "كيك الشوكولاتة",
|
||||
price: "25 ريال",
|
||||
rating: 5,
|
||||
reviewCount: "110 مراجعة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-traditional-turkish-sweetness-turkish-baklava-with-glass-tea_140725-11422.jpg",
|
||||
imageAlt: "كيك الشوكولاتة",
|
||||
},
|
||||
id: "p-6", brand: "حلويات", name: "كيك الشوكولاتة", price: "25 ريال", rating: 5,
|
||||
reviewCount: "110 مراجعة", imageSrc: "http://img.b2bpic.net/free-photo/front-view-traditional-turkish-sweetness-turkish-baklava-with-glass-tea_140725-11422.jpg", imageAlt: "كيك الشوكولاتة"
|
||||
}
|
||||
]}
|
||||
title="قائمة طعامنا الغنية"
|
||||
description="اكتشف تشكيلتنا الواسعة من المقبلات والأطباق الرئيسية والحلويات التي تُعد بشغف وإتقان."
|
||||
@@ -209,42 +143,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "plan-1",
|
||||
badge: "عرض الغداء",
|
||||
badgeIcon: Sun,
|
||||
price: "25 ريال",
|
||||
subtitle: "وجبة غداء عمل مثالية",
|
||||
features: [
|
||||
"طبق رئيسي من اختيارك",
|
||||
"مقبلات صحية",
|
||||
"مشروب منعش",
|
||||
],
|
||||
id: "plan-1", badge: "عرض الغداء", badgeIcon: Sun,
|
||||
price: "25 ريال", subtitle: "وجبة غداء عمل مثالية", features: [
|
||||
"طبق رئيسي من اختيارك", "مقبلات صحية", "مشروب منعش"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "plan-2",
|
||||
badge: "وجبة عائلية",
|
||||
badgeIcon: Users,
|
||||
price: "75 ريال",
|
||||
subtitle: "تجربة عشاء لا تُنسى للعائلة",
|
||||
features: [
|
||||
"3 أطباق رئيسية فاخرة",
|
||||
"3 مقبلات متنوعة",
|
||||
"4 مشروبات",
|
||||
"حلوى من اختيار الشيف",
|
||||
],
|
||||
id: "plan-2", badge: "وجبة عائلية", badgeIcon: Users,
|
||||
price: "75 ريال", subtitle: "تجربة عشاء لا تُنسى للعائلة", features: [
|
||||
"3 أطباق رئيسية فاخرة", "3 مقبلات متنوعة", "4 مشروبات", "حلوى من اختيار الشيف"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "plan-3",
|
||||
badge: "قائمة تذوق",
|
||||
badgeIcon: Star,
|
||||
price: "40 ريال",
|
||||
subtitle: "اكتشف نكهاتنا الفريدة",
|
||||
features: [
|
||||
"4 أطباق صغيرة مختارة",
|
||||
"مشروب خاص",
|
||||
"حلوى من إعداد الشيف",
|
||||
],
|
||||
},
|
||||
id: "plan-3", badge: "قائمة تذوق", badgeIcon: Star,
|
||||
price: "40 ريال", subtitle: "اكتشف نكهاتنا الفريدة", features: [
|
||||
"4 أطباق صغيرة مختارة", "مشروب خاص", "حلوى من إعداد الشيف"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="عروضنا الخاصة"
|
||||
description="استمتع بوجباتنا المميزة بأسعار لا تُقاوم وقوائم طعام معدة خصيصاً لتناسب جميع المناسبات."
|
||||
@@ -260,23 +175,14 @@ export default function LandingPage() {
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "member-1",
|
||||
name: "الشيف أحمد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/head-chef-garnishing-delicious-gourmet-dinner-dish-with-parmesan-cheese-restaurant-kitchen-caucasian-food-industry-worker-cooking-with-fresh-herbs-organic-vegetables_482257-44204.jpg",
|
||||
imageAlt: "صورة الشيف أحمد",
|
||||
id: "member-1", name: "الشيف أحمد", imageSrc: "http://img.b2bpic.net/free-photo/head-chef-garnishing-delicious-gourmet-dinner-dish-with-parmesan-cheese-restaurant-kitchen-caucasian-food-industry-worker-cooking-with-fresh-herbs-organic-vegetables_482257-44204.jpg", imageAlt: "صورة الشيف أحمد"
|
||||
},
|
||||
{
|
||||
id: "member-2",
|
||||
name: "فاطمة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
imageAlt: "صورة فاطمة مديرة المطعم",
|
||||
id: "member-2", name: "فاطمة", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg", imageAlt: "صورة فاطمة مديرة المطعم"
|
||||
},
|
||||
{
|
||||
id: "member-3",
|
||||
name: "خالد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-barista-preparing-coffee_23-2148824431.jpg",
|
||||
imageAlt: "صورة خالد مدير المبيعات",
|
||||
},
|
||||
id: "member-3", name: "خالد", imageSrc: "http://img.b2bpic.net/free-photo/side-view-male-barista-preparing-coffee_23-2148824431.jpg", imageAlt: "صورة خالد مدير المبيعات"
|
||||
}
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
@@ -289,64 +195,36 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t-1",
|
||||
name: "سارة",
|
||||
role: "زائرة دائمة",
|
||||
company: "عميل الأطباق الشهية",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-optimistic-female-with-toothy-smile-being-high-spirit-wrapped-white-scarf-wears-fashionable-denim-jacket_273609-27294.jpg",
|
||||
imageAlt: "صورة سارة",
|
||||
id: "t-1", name: "سارة", role: "زائرة دائمة", company: "عميل الأطباق الشهية", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/carefree-optimistic-female-with-toothy-smile-being-high-spirit-wrapped-white-scarf-wears-fashionable-denim-jacket_273609-27294.jpg", imageAlt: "صورة سارة"
|
||||
},
|
||||
{
|
||||
id: "t-2",
|
||||
name: "محمد",
|
||||
role: "عاشق للطعام",
|
||||
company: "عميل الأطباق الشهية",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4965.jpg",
|
||||
imageAlt: "صورة محمد",
|
||||
id: "t-2", name: "محمد", role: "عاشق للطعام", company: "عميل الأطباق الشهية", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-young-man-model-dressed-blue-shirt-clothes-fashion-man-posing_158538-4965.jpg", imageAlt: "صورة محمد"
|
||||
},
|
||||
{
|
||||
id: "t-3",
|
||||
name: "ليلى",
|
||||
role: "مدونة طعام",
|
||||
company: "مدونة الأكل",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg",
|
||||
imageAlt: "صورة ليلى",
|
||||
id: "t-3", name: "ليلى", role: "مدونة طعام", company: "مدونة الأكل", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blond-business-woman-standing-with-crossed-arms_23-2148095775.jpg", imageAlt: "صورة ليلى"
|
||||
},
|
||||
{
|
||||
id: "t-4",
|
||||
name: "علي",
|
||||
role: "رجل أعمال",
|
||||
company: "عميل الأطباق الشهية",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg",
|
||||
imageAlt: "صورة علي",
|
||||
id: "t-4", name: "علي", role: "رجل أعمال", company: "عميل الأطباق الشهية", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1681.jpg", imageAlt: "صورة علي"
|
||||
},
|
||||
{
|
||||
id: "t-5",
|
||||
name: "نور",
|
||||
role: "طالبة جامعية",
|
||||
company: "عميل الأطباق الشهية",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plus-size-woman-posing-studio_23-2150738631.jpg",
|
||||
imageAlt: "صورة نور",
|
||||
},
|
||||
id: "t-5", name: "نور", role: "طالبة جامعية", company: "عميل الأطباق الشهية", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-plus-size-woman-posing-studio_23-2150738631.jpg", imageAlt: "صورة نور"
|
||||
}
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "سنوات الخبرة في عالم الطهي",
|
||||
value: "15+", label: "سنوات الخبرة في عالم الطهي"
|
||||
},
|
||||
{
|
||||
value: "1000+",
|
||||
label: "عميل راضٍ خدمناهم بكل حب",
|
||||
value: "1000+", label: "عميل راضٍ خدمناهم بكل حب"
|
||||
},
|
||||
{
|
||||
value: "4.9",
|
||||
label: "تقييم النجوم على جميع المنصات",
|
||||
},
|
||||
value: "4.9", label: "تقييم النجوم على جميع المنصات"
|
||||
}
|
||||
]}
|
||||
title="ماذا يقول زوارنا عنّا؟"
|
||||
description="شهادات حقيقية من عملائنا السعداء حول تجاربهم الفريدة في مطعمنا."
|
||||
@@ -359,26 +237,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq-1",
|
||||
title: "هل المطعم يقدم خدمة التوصيل؟",
|
||||
content: "نعم، نقدم خدمة التوصيل لجميع مناطق المدينة. يمكنك الطلب عبر تطبيقنا الخاص أو من خلال المواقع الشريكة.",
|
||||
id: "faq-1", title: "هل المطعم يقدم خدمة التوصيل؟", content: "نعم، نقدم خدمة التوصيل لجميع مناطق المدينة. يمكنك الطلب عبر تطبيقنا الخاص أو من خلال المواقع الشريكة."
|
||||
},
|
||||
{
|
||||
id: "faq-2",
|
||||
title: "هل يوجد خيارات للنباتيين؟",
|
||||
content: "بالتأكيد، لدينا قائمة خاصة بالأطباق النباتية الشهية والمتنوعة، بالإضافة إلى خيارات قابلة للتعديل.",
|
||||
},
|
||||
"هل يمكنني حجز طاولة لمناسبة خاصة؟",
|
||||
{
|
||||
id: "faq-3",
|
||||
title: "هل يمكنني حجز طاولة لمناسبة خاصة؟",
|
||||
content: "نعم، يرجى الاتصال بنا مسبقاً لترتيب حجزك والتنسيق لأي متطلبات خاصة بالمناسبة.",
|
||||
id: "faq-2", title: "هل يوجد خيارات للنباتيين؟", content: "بالتأكيد، لدينا قائمة خاصة بالأطباق النباتية الشهية والمتنوعة، بالإضافة إلى خيارات قابلة للتعديل."
|
||||
},
|
||||
{
|
||||
id: "faq-4",
|
||||
title: "ما هي ساعات العمل؟",
|
||||
content: "نحن نفتح أبوابنا يومياً من الساعة 12 ظهراً حتى الساعة 11 مساءً، عدا يوم الجمعة من الساعة 1 ظهراً.",
|
||||
id: "faq-3", title: "هل يمكنني حجز طاولة لمناسبة خاصة؟", content: "نعم، يرجى الاتصال بنا مسبقاً لترتيب حجزك والتنسيق لأي متطلبات خاصة بالمناسبة."
|
||||
},
|
||||
{
|
||||
id: "faq-4", title: "ما هي ساعات العمل؟", content: "نحن نفتح أبوابنا يومياً من الساعة 12 ظهراً حتى الساعة 11 مساءً، عدا يوم الجمعة من الساعة 1 ظهراً."
|
||||
}
|
||||
]}
|
||||
title="أسئلة متكررة"
|
||||
description="إجابات سريعة وواضحة لأكثر الأسئلة شيوعًا حول مطعمنا وخدماتنا."
|
||||
@@ -390,7 +259,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
tag="اتصل بنا"
|
||||
title="يسعدنا خدمتك"
|
||||
@@ -410,19 +279,16 @@ export default function LandingPage() {
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Facebook,
|
||||
href: "#",
|
||||
ariaLabel: "فيسبوك",
|
||||
href: "#", ariaLabel: "فيسبوك"
|
||||
},
|
||||
{
|
||||
icon: Instagram,
|
||||
href: "#",
|
||||
ariaLabel: "انستغرام",
|
||||
href: "#", ariaLabel: "انستغرام"
|
||||
},
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "تويتر",
|
||||
},
|
||||
href: "#", ariaLabel: "تويتر"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user