Merge version_1 into main #1
260
src/app/page.tsx
260
src/app/page.tsx
@@ -31,34 +31,20 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "قصتنا",
|
||||
id: "#about",
|
||||
},
|
||||
name: "قصتنا", id: "#about"},
|
||||
{
|
||||
name: "القائمة",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "القائمة", id: "#menu"},
|
||||
{
|
||||
name: "لماذا نحن",
|
||||
id: "#why-choose-us",
|
||||
},
|
||||
name: "لماذا نحن", id: "#why-choose-us"},
|
||||
{
|
||||
name: "الآراء",
|
||||
id: "#testimonials",
|
||||
},
|
||||
name: "الآراء", id: "#testimonials"},
|
||||
{
|
||||
name: "تواصل",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "تواصل", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "احجز طاولتك الآن",
|
||||
href: "tel:+9665XXXXXXXX",
|
||||
}}
|
||||
text: "احجز طاولتك الآن", href: "tel:+9665XXXXXXXX"}}
|
||||
brandName="مطعم ومطبخ خروف الشيف"
|
||||
/>
|
||||
</div>
|
||||
@@ -66,24 +52,17 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
imagePosition="right"
|
||||
title="تجربة المذاق الأصيل للحم الخروف"
|
||||
description="حيث يلتقي الإرث العريق بالنكهات الساحرة لتقديم أشهى الأطباق السعودية والخليجية."
|
||||
buttons={[
|
||||
{
|
||||
text: "اتصل بنا",
|
||||
href: "tel:+9665XXXXXXXX",
|
||||
},
|
||||
text: "اتصل بنا", href: "tel:+9665XXXXXXXX"},
|
||||
{
|
||||
text: "واتساب",
|
||||
href: "https://wa.me/9665XXXXXXXX",
|
||||
},
|
||||
text: "واتساب", href: "https://wa.me/9665XXXXXXXX"},
|
||||
{
|
||||
text: "احصل على الاتجاهات",
|
||||
href: "https://maps.app.goo.gl/UBiJMbjKddofr4ah8",
|
||||
},
|
||||
text: "احصل على الاتجاهات", href: "https://maps.app.goo.gl/UBiJMbjKddofr4ah8"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/lamb-chomps-wooden-board-with-lemon-slices-cutlery-tablecloth_114579-15654.jpg"
|
||||
imageAlt="طبق مندي لحم فاخر على طاولة خشبية"
|
||||
@@ -91,48 +70,28 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg",
|
||||
alt: "سيدة أعمال مبتسمة",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/startup-project-manager-developing-budget-growth-solutions-while-brainstorming-promoting-strategy-financial-department-team-leader-researching-marketing-ideas-while-analyzing-company-expenses-report_482257-40321.jpg", alt: "سيدة أعمال مبتسمة"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg",
|
||||
alt: "شاب مبتسم",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/afro-american-woman-smiling-close-up_23-2148336947.jpg", alt: "شاب مبتسم"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
alt: "فتاة سعيدة",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "فتاة سعيدة"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg",
|
||||
alt: "رجل عربي مبتسم",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/happy-afroamerican-employee-portrait_23-2148508904.jpg", alt: "رجل عربي مبتسم"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg",
|
||||
alt: "سيدة تستمتع بوقتها",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-female-with-broad-pleasant-smile-rests-sidewalk-cafe-alone-enjoys-good-rest-summer-vacation_273609-3491.jpg", alt: "سيدة تستمتع بوقتها"},
|
||||
]}
|
||||
avatarText="أكثر من 5000 زائر سعيد"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "نكهات أصيلة",
|
||||
},
|
||||
type: "text", text: "نكهات أصيلة"},
|
||||
{
|
||||
type: "text",
|
||||
text: "أجواء عائلية دافئة",
|
||||
},
|
||||
type: "text", text: "أجواء عائلية دافئة"},
|
||||
{
|
||||
type: "text",
|
||||
text: "لحوم طازجة يومياً",
|
||||
},
|
||||
type: "text", text: "لحوم طازجة يومياً"},
|
||||
{
|
||||
type: "text",
|
||||
text: "خدمة عملاء ممتازة",
|
||||
},
|
||||
type: "text", text: "خدمة عملاء ممتازة"},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "جودة لا تضاهى",
|
||||
icon: Sparkles,
|
||||
type: "text-icon", text: "جودة لا تضاهى", icon: Sparkles,
|
||||
},
|
||||
]}
|
||||
marqueeSpeed={30}
|
||||
@@ -147,17 +106,11 @@ export default function LandingPage() {
|
||||
description="في مطعم ومطبخ خروف الشيف، نؤمن بأن الطعام هو لغة تجمع القلوب. بدأنا رحلتنا بشغف عميق لتقديم أشهى الأطباق السعودية والخليجية، مع التركيز على لحم الخروف الفاخر الذي يتم إعداده بعناية فائقة ووصفات توارثناها عبر الأجيال. نعدكم بتجربة طعام لا تُنسى في أجواء عائلية دافئة، حيث كل طبق يحكي قصة من الأصالة والجودة."
|
||||
metrics={[
|
||||
{
|
||||
value: "+20",
|
||||
title: "عام من الخبرة",
|
||||
},
|
||||
value: "+20", title: "عام من الخبرة"},
|
||||
{
|
||||
value: "+50",
|
||||
title: "طبق مميز",
|
||||
},
|
||||
value: "+50", title: "طبق مميز"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "رضا العملاء",
|
||||
},
|
||||
value: "100%", title: "رضا العملاء"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/family-taking-selfie-together-while-out-restaurant_23-2150895918.jpg"
|
||||
imageAlt="طباخ يعد طبق مندي لحم فاخر"
|
||||
@@ -174,65 +127,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "dish-1",
|
||||
brand: "الطبق الرئيسي",
|
||||
name: "مندي لحم فاخر",
|
||||
price: "حسب الطلب",
|
||||
rating: 5,
|
||||
reviewCount: "500+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/platter-turmeric-rice-with-lamb-garnished-with-lemon-cherry-tomatos_140725-8659.jpg",
|
||||
imageAlt: "صورة طبق مندي لحم شهي",
|
||||
},
|
||||
id: "dish-1", brand: "الطبق الرئيسي", name: "مندي لحم فاخر", price: "حسب الطلب", rating: 5,
|
||||
reviewCount: "500+", imageSrc: "http://img.b2bpic.net/free-photo/platter-turmeric-rice-with-lamb-garnished-with-lemon-cherry-tomatos_140725-8659.jpg", imageAlt: "صورة طبق مندي لحم شهي"},
|
||||
{
|
||||
id: "dish-2",
|
||||
brand: "الطبق الرئيسي",
|
||||
name: "كبسة دجاج ملكية",
|
||||
price: "حسب الطلب",
|
||||
rating: 4,
|
||||
reviewCount: "350+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/one-pot-chicken-orzo-skillet_127032-3548.jpg",
|
||||
imageAlt: "صورة طبق كبسة دجاج غني",
|
||||
},
|
||||
id: "dish-2", brand: "الطبق الرئيسي", name: "كبسة دجاج ملكية", price: "حسب الطلب", rating: 4,
|
||||
reviewCount: "350+", imageSrc: "http://img.b2bpic.net/free-photo/one-pot-chicken-orzo-skillet_127032-3548.jpg", imageAlt: "صورة طبق كبسة دجاج غني"},
|
||||
{
|
||||
id: "dish-3",
|
||||
brand: "الطبق الرئيسي",
|
||||
name: "مظبي لحم خاص",
|
||||
price: "حسب الطلب",
|
||||
rating: 5,
|
||||
reviewCount: "280+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-tika-kebab-pita-bread-with-tomato-green-pepper-grilled-with-herbs-onions_141793-4247.jpg",
|
||||
imageAlt: "صورة طبق مظبي لحم محضر بإتقان",
|
||||
},
|
||||
id: "dish-3", brand: "الطبق الرئيسي", name: "مظبي لحم خاص", price: "حسب الطلب", rating: 5,
|
||||
reviewCount: "280+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tika-kebab-pita-bread-with-tomato-green-pepper-grilled-with-herbs-onions_141793-4247.jpg", imageAlt: "صورة طبق مظبي لحم محضر بإتقان"},
|
||||
{
|
||||
id: "dish-4",
|
||||
brand: "المقبلات",
|
||||
name: "سلطة فتوش طازجة",
|
||||
price: "حسب الطلب",
|
||||
rating: 4,
|
||||
reviewCount: "180+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-snacks-healthy-unhealthy_23-2149134040.jpg",
|
||||
imageAlt: "صورة طبق سلطة فتوش منعش",
|
||||
},
|
||||
id: "dish-4", brand: "المقبلات", name: "سلطة فتوش طازجة", price: "حسب الطلب", rating: 4,
|
||||
reviewCount: "180+", imageSrc: "http://img.b2bpic.net/free-photo/close-up-food-snacks-healthy-unhealthy_23-2149134040.jpg", imageAlt: "صورة طبق سلطة فتوش منعش"},
|
||||
{
|
||||
id: "dish-5",
|
||||
brand: "الحلويات",
|
||||
name: "أم علي بالهيل",
|
||||
price: "حسب الطلب",
|
||||
rating: 5,
|
||||
reviewCount: "220+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-shakh-plov-cooked-rice-meal-with-raisins-dark-background-meal-dough-cooking-food-rice_140725-85925.jpg",
|
||||
imageAlt: "صورة طبق أم علي التقليدي",
|
||||
},
|
||||
id: "dish-5", brand: "الحلويات", name: "أم علي بالهيل", price: "حسب الطلب", rating: 5,
|
||||
reviewCount: "220+", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-shakh-plov-cooked-rice-meal-with-raisins-dark-background-meal-dough-cooking-food-rice_140725-85925.jpg", imageAlt: "صورة طبق أم علي التقليدي"},
|
||||
{
|
||||
id: "dish-6",
|
||||
brand: "المشروبات",
|
||||
name: "شاي الكرك الأصيل",
|
||||
price: "حسب الطلب",
|
||||
rating: 5,
|
||||
reviewCount: "150+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-delicious-bangles-inside-black-mold-with-milk-coffee-grey-pastry-bake-cookie-cake-sweet_140725-32482.jpg",
|
||||
imageAlt: "صورة كوب شاي كرك دافئ",
|
||||
},
|
||||
id: "dish-6", brand: "المشروبات", name: "شاي الكرك الأصيل", price: "حسب الطلب", rating: 5,
|
||||
reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/baked-delicious-bangles-inside-black-mold-with-milk-coffee-grey-pastry-bake-cookie-cake-sweet_140725-32482.jpg", imageAlt: "صورة كوب شاي كرك دافئ"},
|
||||
]}
|
||||
title="قائمة الطعام: رحلة بين النكهات الأصيلة"
|
||||
description="اكتشفوا مجموعتنا المتنوعة من الأطباق التي تُرضي جميع الأذواق، من المقبلات الشهية إلى الأطباق الرئيسية الفاخرة والحلويات اللذيذة."
|
||||
@@ -249,13 +160,7 @@ export default function LandingPage() {
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"مذاق أصيل لا يُضاهى: وصفاتنا العريقة تضمن لكم نكهة سعودية وخليجية خالصة.",
|
||||
"لحوم طازجة وعالية الجودة: نختار أجود أنواع لحم الخروف لضمان أفضل مذاق.",
|
||||
"أجواء عائلية دافئة: استمتعوا بوجباتكم في بيئة مريحة ومرحبة تليق بجميع أفراد العائلة.",
|
||||
"خدمة استثنائية: فريق عملنا يسعى دائمًا لتلبية احتياجاتكم بابتسامة وترحيب.",
|
||||
"موقع متميز: سهولة الوصول في قلب الرياض، حي المربع، مع توفر مواقف.",
|
||||
"نظافة والتزام: معايير صارمة للنظافة والجودة في كل تفاصيل تحضير وتقديم الطعام.",
|
||||
],
|
||||
"مذاق أصيل لا يُضاهى: وصفاتنا العريقة تضمن لكم نكهة سعودية وخليجية خالصة.", "لحوم طازجة وعالية الجودة: نختار أجود أنواع لحم الخروف لضمان أفضل مذاق.", "أجواء عائلية دافئة: استمتعوا بوجباتكم في بيئة مريحة ومرحبة تليق بجميع أفراد العائلة.", "خدمة استثنائية: فريق عملنا يسعى دائمًا لتلبية احتياجاتكم بابتسامة وترحيب.", "موقع متميز: سهولة الوصول في قلب الرياض، حي المربع، مع توفر مواقف.", "نظافة والتزام: معايير صارمة للنظافة والجودة في كل تفاصيل تحضير وتقديم الطعام."],
|
||||
}}
|
||||
title="لماذا تختارون مطعم خروف الشيف؟"
|
||||
description="نحن نعدكم بتجربة فريدة تتجاوز مجرد تناول الطعام، لأننا نقدم لكم:"
|
||||
@@ -267,40 +172,19 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "سارة المحمد",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg",
|
||||
imageAlt: "عميلة سعيدة تستمتع بالطعام",
|
||||
},
|
||||
id: "1", name: "سارة المحمد", imageSrc: "http://img.b2bpic.net/free-photo/people-working-as-team-company_23-2149136890.jpg", imageAlt: "عميلة سعيدة تستمتع بالطعام"},
|
||||
{
|
||||
id: "2",
|
||||
name: "فاطمة الرويلي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg",
|
||||
imageAlt: "عميلة سعيدة في المطعم",
|
||||
},
|
||||
id: "2", name: "فاطمة الرويلي", imageSrc: "http://img.b2bpic.net/free-photo/portrait-waitress-standing-counter_1170-668.jpg", imageAlt: "عميلة سعيدة في المطعم"},
|
||||
{
|
||||
id: "3",
|
||||
name: "ناصر الشهري",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg",
|
||||
imageAlt: "عميل سعيد بالضيافة",
|
||||
},
|
||||
id: "3", name: "ناصر الشهري", imageSrc: "http://img.b2bpic.net/free-photo/joyful-young-bald-call-center-man-wearing-headset-sitting-desk-with-work-tools-doing-ok-sign-showing-thumb-up-laptop-isolated-white_141793-84103.jpg", imageAlt: "عميل سعيد بالضيافة"},
|
||||
{
|
||||
id: "4",
|
||||
name: "ريم السلمان",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg",
|
||||
imageAlt: "عميلة سعودية مسرورة",
|
||||
},
|
||||
id: "4", name: "ريم السلمان", imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-afro-american-woman_23-2148332136.jpg", imageAlt: "عميلة سعودية مسرورة"},
|
||||
{
|
||||
id: "5",
|
||||
name: "أحمد العسيري",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077634.jpg",
|
||||
imageAlt: "عميل وعائلته يستمتعون بالوجبة",
|
||||
},
|
||||
id: "5", name: "أحمد العسيري", imageSrc: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077634.jpg", imageAlt: "عميل وعائلته يستمتعون بالوجبة"},
|
||||
]}
|
||||
cardTitle="تجارب لا تُنسى في خروف الشيف"
|
||||
cardTag="شهادات ثقة"
|
||||
cardAnimation="slide-up"
|
||||
title="آراء زبائننا الكرام"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -310,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "address-faq",
|
||||
title: "عنوان المطعم",
|
||||
content: "شارع الملك فهد الفرعي، حي المربع، الرياض 12613، المملكة العربية السعودية.",
|
||||
},
|
||||
id: "address-faq", title: "عنوان المطعم", content: "شارع الملك فهد الفرعي، حي المربع، الرياض 12613، المملكة العربية السعودية."},
|
||||
{
|
||||
id: "hours-faq",
|
||||
title: "ساعات العمل",
|
||||
content: "يوميًا من 12:00 ظهرًا إلى 11:00 مساءً.",
|
||||
},
|
||||
id: "hours-faq", title: "ساعات العمل", content: "يوميًا من 12:00 ظهرًا إلى 11:00 مساءً."},
|
||||
{
|
||||
id: "contact-faq",
|
||||
title: "للحجز والاستفسار",
|
||||
content: "الهاتف: 05XXXXXXXX / واتساب: 05XXXXXXXX. يسعدنا تلقي استفساراتكم وحجوزاتكم.",
|
||||
},
|
||||
id: "contact-faq", title: "للحجز والاستفسار", content: "الهاتف: 05XXXXXXXX / واتساب: 05XXXXXXXX. يسعدنا تلقي استفساراتكم وحجوزاتكم."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/map-christmas-island-gold-glitter-map-dark-background_559531-10573.jpg"
|
||||
imageAlt="خريطة موقع مطعم خروف الشيف في الرياض"
|
||||
@@ -339,54 +214,33 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "روابط سريعة",
|
||||
items: [
|
||||
title: "روابط سريعة", items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "الرئيسية", href: "#hero"},
|
||||
{
|
||||
label: "عن المطعم",
|
||||
href: "#about",
|
||||
},
|
||||
label: "عن المطعم", href: "#about"},
|
||||
{
|
||||
label: "قائمة الطعام",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "قائمة الطعام", href: "#menu"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "خدماتنا",
|
||||
items: [
|
||||
title: "خدماتنا", items: [
|
||||
{
|
||||
label: "المأكولات",
|
||||
href: "#menu",
|
||||
},
|
||||
label: "المأكولات", href: "#menu"},
|
||||
{
|
||||
label: "الضيافة",
|
||||
href: "#why-choose-us",
|
||||
},
|
||||
label: "الضيافة", href: "#why-choose-us"},
|
||||
{
|
||||
label: "الفعاليات",
|
||||
href: "#",
|
||||
},
|
||||
label: "الفعاليات", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "تواصل معنا",
|
||||
items: [
|
||||
title: "تواصل معنا", items: [
|
||||
{
|
||||
label: "العنوان",
|
||||
href: "https://maps.app.goo.gl/UBiJMbjKddofr4ah8",
|
||||
},
|
||||
label: "العنوان", href: "https://maps.app.goo.gl/UBiJMbjKddofr4ah8"},
|
||||
{
|
||||
label: "اتصل بنا",
|
||||
href: "tel:+9665XXXXXXXX",
|
||||
},
|
||||
label: "اتصل بنا", href: "tel:+9665XXXXXXXX"},
|
||||
{
|
||||
label: "واتساب",
|
||||
href: "https://wa.me/9665XXXXXXXX",
|
||||
},
|
||||
label: "واتساب", href: "https://wa.me/9665XXXXXXXX"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user