Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -33,21 +33,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
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="بيت الكفتة - عدلي"
|
||||
/>
|
||||
@@ -56,98 +48,55 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="أصالة المطبخ المصري في كل لقمة"
|
||||
description="نقدم لكم كفتة عدلي الأصلية، محضرة على الطريقة التقليدية بأجود أنواع اللحوم الطازجة والخلطات السرية."
|
||||
testimonials={[
|
||||
{
|
||||
name: "أحمد علي",
|
||||
handle: "@ahmed",
|
||||
testimonial: "أفضل كفتة أكلتها في حياتي، طعم زمان الأصلي.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-female-has-curly-hair-chats-online-social-networks-with-friends-uses-modern-electronic-gadget-internet-sits-coffee-shop-with-exotic-drink-dish-technology-concept_273609-2193.jpg",
|
||||
},
|
||||
name: "أحمد علي", handle: "@ahmed", testimonial: "أفضل كفتة أكلتها في حياتي، طعم زمان الأصلي.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-happy-female-has-curly-hair-chats-online-social-networks-with-friends-uses-modern-electronic-gadget-internet-sits-coffee-shop-with-exotic-drink-dish-technology-concept_273609-2193.jpg"},
|
||||
{
|
||||
name: "منى حسن",
|
||||
handle: "@mona",
|
||||
testimonial: "خدمة ممتازة وأكل نظيف جداً، أنصح به بشدة.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg",
|
||||
},
|
||||
name: "منى حسن", handle: "@mona", testimonial: "خدمة ممتازة وأكل نظيف جداً، أنصح به بشدة.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-satisfied-happy-young-man-glasses-working-cafe-sitting-coworking-space-with-laptop-showing-thumbs-up-like-approve-smth-good-chatting-giving-online-lessons_1258-314620.jpg"},
|
||||
{
|
||||
name: "خالد محمود",
|
||||
handle: "@khaled",
|
||||
testimonial: "الطعم المصري الحقيقي موجود هنا.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg",
|
||||
},
|
||||
name: "خالد محمود", handle: "@khaled", testimonial: "الطعم المصري الحقيقي موجود هنا.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/customer-feedback-review_23-2151952995.jpg"},
|
||||
{
|
||||
name: "سارة إبراهيم",
|
||||
handle: "@sara",
|
||||
testimonial: "تجربة رائعة وتعودت دائماً على هذا المستوى.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg",
|
||||
},
|
||||
name: "سارة إبراهيم", handle: "@sara", testimonial: "تجربة رائعة وتعودت دائماً على هذا المستوى.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-plus-size-woman-making-notes-her-copybook-using-wireless-internet-connection-laptop_343059-3891.jpg"},
|
||||
{
|
||||
name: "محمد فهمي",
|
||||
handle: "@mohamed",
|
||||
testimonial: "الخدمة سريعة والكفتة تذوب في الفم.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-mother-girl-with-good-reviews_23-2149394415.jpg",
|
||||
},
|
||||
name: "محمد فهمي", handle: "@mohamed", testimonial: "الخدمة سريعة والكفتة تذوب في الفم.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-smiley-mother-girl-with-good-reviews_23-2149394415.jpg"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "#products",
|
||||
},
|
||||
text: "اطلب الآن", href: "#products"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delicious-arabic-fast-food-skewers-veggies-plate_23-2148651119.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5053.jpg", alt: "happy guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sitting-room-watching-videos-laptop-eating-lunch-breakfast_1258-254353.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-smiling-woman-sitting-room-watching-videos-laptop-eating-lunch-breakfast_1258-254353.jpg", alt: "happy guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5046.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5046.jpg", alt: "happy guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/photo-pleasant-looking-afro-american-woman-enjoys-time-cafeteria_273609-28704.jpg", alt: "happy guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-ok-sign-white-background_1368-4167.jpg",
|
||||
alt: "happy guest",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/man-making-ok-sign-white-background_1368-4167.jpg", alt: "happy guest"},
|
||||
]}
|
||||
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",
|
||||
text: "جودة عالية",
|
||||
},
|
||||
type: "text", text: "جودة عالية"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -169,19 +118,13 @@ export default function LandingPage() {
|
||||
features={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
title: "لحوم طازجة",
|
||||
description: "نستخدم أجود أنواع اللحوم المحلية الطازجة يومياً.",
|
||||
},
|
||||
title: "لحوم طازجة", description: "نستخدم أجود أنواع اللحوم المحلية الطازجة يومياً."},
|
||||
{
|
||||
icon: Flame,
|
||||
title: "شواء على الفحم",
|
||||
description: "نستخدم الفحم الطبيعي للحصول على طعم أصيل.",
|
||||
},
|
||||
title: "شواء على الفحم", description: "نستخدم الفحم الطبيعي للحصول على طعم أصيل."},
|
||||
{
|
||||
icon: Award,
|
||||
title: "وصفات أصلية",
|
||||
description: "توابلنا خاصة ومستوحاة من التراث المصري العريق.",
|
||||
},
|
||||
title: "وصفات أصلية", description: "توابلنا خاصة ومستوحاة من التراث المصري العريق."},
|
||||
]}
|
||||
title="سر تميزنا"
|
||||
description="ما يجعلنا الخيار الأول لعشاق المشويات."
|
||||
@@ -190,52 +133,23 @@ export default function LandingPage() {
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardFour
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "كفتة عدلي",
|
||||
price: "120 ج.م",
|
||||
variant: "مشوي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-side-onion-ketchup_140725-1810.jpg",
|
||||
},
|
||||
id: "1", name: "كفتة عدلي", price: "120 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/lule-kebab-with-side-onion-ketchup_140725-1810.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "شيش طاووق",
|
||||
price: "130 ج.م",
|
||||
variant: "مشوي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-delicious-kebab-sandwich-top-view_23-2148651033.jpg",
|
||||
},
|
||||
id: "2", name: "شيش طاووق", price: "130 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/turkish-delicious-kebab-sandwich-top-view_23-2148651033.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "مشكل مشويات",
|
||||
price: "250 ج.م",
|
||||
variant: "مشوي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg",
|
||||
},
|
||||
id: "3", name: "مشكل مشويات", price: "250 ج.م", variant: "مشوي", imageSrc: "http://img.b2bpic.net/free-photo/chicken-kebab-with-grilled-vegetables-barbecque-sauce_114579-2870.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "محشي ورق عنب",
|
||||
price: "60 ج.م",
|
||||
variant: "جانبي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-leaf-dolma-with-yogurt-dark-surface_140725-75421.jpg",
|
||||
},
|
||||
id: "4", name: "محشي ورق عنب", price: "60 ج.م", variant: "جانبي", imageSrc: "http://img.b2bpic.net/free-photo/top-view-green-leaf-dolma-with-yogurt-dark-surface_140725-75421.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "سلطة خضراء",
|
||||
price: "25 ج.م",
|
||||
variant: "مقبلات",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg",
|
||||
},
|
||||
id: "5", name: "سلطة خضراء", price: "25 ج.م", variant: "مقبلات", imageSrc: "http://img.b2bpic.net/free-photo/side-view-greek-saladlettuce-tomatoes-feta-cheese-cucumbers-black-olives-purple-onion-dark-wooden-table_176474-3109.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "أرز بالخلطة",
|
||||
price: "35 ج.م",
|
||||
variant: "جانبي",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-pilaf-bottle-oil-spoon-checkered-tablecloth_140725-78675.jpg",
|
||||
},
|
||||
id: "6", name: "أرز بالخلطة", price: "35 ج.م", variant: "جانبي", imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-pilaf-bottle-oil-spoon-checkered-tablecloth_140725-78675.jpg"},
|
||||
]}
|
||||
title="قائمة المشويات"
|
||||
description="تذوق أشهى الأصناف التي نحضرها لك بكل حب."
|
||||
@@ -249,39 +163,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "fam-1",
|
||||
badge: "الأكثر طلباً",
|
||||
price: "500 ج.م",
|
||||
subtitle: "يكفي 4 أفراد",
|
||||
buttons: [
|
||||
id: "fam-1", badge: "الأكثر طلباً", price: "500 ج.م", subtitle: "يكفي 4 أفراد", buttons: [
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "#",
|
||||
},
|
||||
text: "اطلب الآن", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"كفتة",
|
||||
"أرز",
|
||||
"سلطات",
|
||||
],
|
||||
"كفتة", "أرز", "سلطات"],
|
||||
},
|
||||
{
|
||||
id: "fam-2",
|
||||
badge: "عرض التوفير",
|
||||
price: "900 ج.م",
|
||||
subtitle: "يكفي 8 أفراد",
|
||||
buttons: [
|
||||
id: "fam-2", badge: "عرض التوفير", price: "900 ج.م", subtitle: "يكفي 8 أفراد", buttons: [
|
||||
{
|
||||
text: "اطلب الآن",
|
||||
href: "#",
|
||||
},
|
||||
text: "اطلب الآن", href: "#"},
|
||||
],
|
||||
features: [
|
||||
"مشكل مشويات",
|
||||
"محاشي",
|
||||
"مقبلات",
|
||||
"مشروبات",
|
||||
],
|
||||
"مشكل مشويات", "محاشي", "مقبلات", "مشروبات"],
|
||||
},
|
||||
]}
|
||||
title="عروض العائلة"
|
||||
@@ -295,45 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "تجربة رائعة",
|
||||
quote: "أفضل مطعم كفتة في المدينة، نظافة وطعم لا يُعلى عليه.",
|
||||
name: "أحمد علي",
|
||||
role: "زبون دائم",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-sits-outdoors-eats-delicious-sandwich-looks-gladfully-away-prefers-junk-food-dressed-casual-clothes-has-lunch-break-after-strolling-city-people-lifestyle-nutrition_273609-59180.jpg",
|
||||
},
|
||||
id: "t1", title: "تجربة رائعة", quote: "أفضل مطعم كفتة في المدينة، نظافة وطعم لا يُعلى عليه.", name: "أحمد علي", role: "زبون دائم", imageSrc: "http://img.b2bpic.net/free-photo/happy-curly-haired-woman-sits-outdoors-eats-delicious-sandwich-looks-gladfully-away-prefers-junk-food-dressed-casual-clothes-has-lunch-break-after-strolling-city-people-lifestyle-nutrition_273609-59180.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "مستوى عالٍ",
|
||||
quote: "خدمة ممتازة وأطباق متنوعة ولذيذة جداً.",
|
||||
name: "منى حسن",
|
||||
role: "زبونة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg",
|
||||
},
|
||||
id: "t2", title: "مستوى عالٍ", quote: "خدمة ممتازة وأطباق متنوعة ولذيذة جداً.", name: "منى حسن", role: "زبونة", imageSrc: "http://img.b2bpic.net/free-photo/business-woman-with-salad_1303-3887.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "طعم زمان",
|
||||
quote: "كل مرة أطلب فيها أشعر كأني في منزلي.",
|
||||
name: "خالد محمود",
|
||||
role: "زبون",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg",
|
||||
},
|
||||
id: "t3", title: "طعم زمان", quote: "كل مرة أطلب فيها أشعر كأني في منزلي.", name: "خالد محمود", role: "زبون", imageSrc: "http://img.b2bpic.net/free-photo/five-golden-stars-inside-white-message-box-client-excellent-evaluation-by-3d-render_616485-27.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "ممتاز",
|
||||
quote: "سعر مقابل قيمة رائع جداً.",
|
||||
name: "سارة إبراهيم",
|
||||
role: "زبونة",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg",
|
||||
},
|
||||
id: "t4", title: "ممتاز", quote: "سعر مقابل قيمة رائع جداً.", name: "سارة إبراهيم", role: "زبونة", imageSrc: "http://img.b2bpic.net/free-photo/helpdesk-support-information-support-concept_53876-121537.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "أنصح به",
|
||||
quote: "مطعم راقٍ وأكل أصيل.",
|
||||
name: "محمد فهمي",
|
||||
role: "زبون",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/girls-eating-restaurant_23-2148172639.jpg",
|
||||
},
|
||||
id: "t5", title: "أنصح به", quote: "مطعم راقٍ وأكل أصيل.", name: "محمد فهمي", role: "زبون", imageSrc: "http://img.b2bpic.net/free-photo/girls-eating-restaurant_23-2148172639.jpg"},
|
||||
]}
|
||||
title="رأي عملائنا"
|
||||
description="كلمات تفتخر بها عائلة عدلي."
|
||||
@@ -346,20 +211,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: "نعمل يومياً من 12 ظهراً وحتى 12 بعد منتصف الليل.",
|
||||
},
|
||||
id: "q3", title: "ما هي ساعات العمل؟", content: "نعمل يومياً من 12 ظهراً وحتى 12 بعد منتصف الليل."},
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="إجابات على كل ما يدور في ذهنك."
|
||||
@@ -371,14 +227,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "downward-rays-static",
|
||||
}}
|
||||
variant: "downward-rays-static"}}
|
||||
text="هل ترغب في طلب وجبتك المفضلة أو الاستفسار؟ نحن في خدمتك."
|
||||
buttons={[
|
||||
{
|
||||
text: "اتصل بنا الآن",
|
||||
href: "tel:+201000000000",
|
||||
},
|
||||
text: "اتصل بنا الآن", href: "tel:+201000000000"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -387,29 +240,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
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