Update src/app/page.tsx
This commit is contained in:
273
src/app/page.tsx
273
src/app/page.tsx
@@ -32,22 +32,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "القائمة",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "الموقع",
|
||||
id: "location",
|
||||
},
|
||||
{
|
||||
name: "تواصل معنا",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "القائمة", id: "menu" },
|
||||
{ name: "الموقع", id: "location" },
|
||||
{ name: "تواصل معنا", id: "contact" },
|
||||
]}
|
||||
brandName="مطاعم البخاري الملكي"
|
||||
/>
|
||||
@@ -55,73 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="أصالة المذاق الملكي في الرياض"
|
||||
description="استمتع بأشهى أطباق المندي والمدفون المحضرة بعناية لترضي ذائقتك."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "جودة عالية",
|
||||
},
|
||||
{
|
||||
value: "20+",
|
||||
label: "سنة خبرة",
|
||||
},
|
||||
{
|
||||
value: "5*",
|
||||
label: "تقييم العملاء",
|
||||
},
|
||||
{ value: "100%", label: "جودة عالية" },
|
||||
{ value: "20+", label: "سنة خبرة" },
|
||||
{ value: "5*", label: "تقييم العملاء" },
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-dark-space_140725-97889.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-dark-space_140725-97889.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182546.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/indian-food-assortment-with-sari-flat-lay_23-2148747631.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/azerbaijani-breakfast-restaurant-with-traditional-style-table-cloth_140725-8483.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182551.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-azerbaijani-pilaf-with-roasted-chicken-lyavangi-roasted-dried-fruits_140725-10216.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="أكثر من 1000 عميل سعيد"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "لحوم طازجة يومياً",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "خلطات بهارات سرية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "أجواء عائلية راقية",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "خدمة توصيل سريعة",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "مندي ملكي أصيل",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -131,45 +63,16 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "مندي ملكي",
|
||||
price: "40 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-traditional-govurma-plov-with-spoon_114579-2731.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "مدفون طازج",
|
||||
price: "55 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-fried-meat-with-greens-baked-plums-inside-plate-brown-desk_140725-32588.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "كنافة نابلسية",
|
||||
price: "18 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadayif-plate-blue_114579-70930.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "مندي ملكي",
|
||||
price: "40 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-with-carrot-cooked-with-lamb-served-with-yogurt-salad_141793-2449.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "مدفون طازج",
|
||||
price: "55 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-tomato-apple-glass-baking-dish-wooden-table-flat-lay_176474-9218.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "كنافة نابلسية",
|
||||
price: "18 SAR",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-slice-yummy-baked-inside-plate-with-candle-macarons-wooden-desk-dark-cake-biscuit-sugar_140725-25925.jpg",
|
||||
},
|
||||
]}
|
||||
title="قائمة الطعام الملكية"
|
||||
description="أشهى الأطباق المحضرة طازجة يومياً"
|
||||
products={[
|
||||
{ id: "p1", name: "مندي ملكي", price: "40 SAR", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-traditional-govurma-plov-with-spoon_114579-2731.jpg" },
|
||||
{ id: "p2", name: "مدفون طازج", price: "55 SAR", imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-fried-meat-with-greens-baked-plums-inside-plate-brown-desk_140725-32588.jpg" },
|
||||
{ id: "p3", name: "كنافة نابلسية", price: "18 SAR", imageSrc: "http://img.b2bpic.net/free-photo/turkish-dessert-kadayif-plate-blue_114579-70930.jpg" },
|
||||
{ id: "p4", name: "مندي ملكي", price: "40 SAR", imageSrc: "http://img.b2bpic.net/free-photo/top-view-rice-with-carrot-cooked-with-lamb-served-with-yogurt-salad_141793-2449.jpg" },
|
||||
{ id: "p5", name: "مدفون طازج", price: "55 SAR", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-with-tomato-apple-glass-baking-dish-wooden-table-flat-lay_176474-9218.jpg" },
|
||||
{ id: "p6", name: "كنافة نابلسية", price: "18 SAR", imageSrc: "http://img.b2bpic.net/free-photo/front-view-cake-slice-yummy-baked-inside-plate-with-candle-macarons-wooden-desk-dark-cake-biscuit-sugar_140725-25925.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,47 +81,14 @@ export default function LandingPage() {
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "مكونات طازجة",
|
||||
description: "نختار أجود أنواع اللحوم والأرز يومياً",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-pasta-with-dry-meat-stone-table_114579-72384.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/roasted-meat-vegetables-with-herbs-white-plate-with-bread-vegetables-glass-wine_114579-83.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-plov-with-different-raisins-dark-space_140725-97889.jpg?_wi=2",
|
||||
imageAlt: "traditional mandi meat rice tray",
|
||||
},
|
||||
{
|
||||
title: "طبخ تقليدي",
|
||||
description: "نعتمد الأساليب الأصلية في الطهي",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-spoon-pilaf-checkered-tablecloth-cutting-board-bottle-oil_140725-78681.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/local-food-beef-kebab-with-savalan-red-wine_114579-2497.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-traditional-govurma-plov-with-spoon_114579-2731.jpg?_wi=2",
|
||||
imageAlt: "traditional mandi meat rice tray",
|
||||
},
|
||||
{
|
||||
title: "خدمة ملكية",
|
||||
description: "نسعى لراحتكم دائماً",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/turkish-lokums-topped-with-crunch_140725-4303.jpg",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-with-vegetable-salad-lavash-wood_114579-3021.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-closer-view-fried-meat-with-greens-baked-plums-inside-plate-brown-desk_140725-32588.jpg?_wi=2",
|
||||
imageAlt: "traditional mandi meat rice tray",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="لماذا نحن الأفضل؟"
|
||||
description="تجربة طعام لا تُنسى في قلب الرياض"
|
||||
features={[
|
||||
{ title: "مكونات طازجة", description: "نختار أجود أنواع اللحوم والأرز يومياً", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/wooden-board-pasta-with-dry-meat-stone-table_114579-72384.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/roasted-meat-vegetables-with-herbs-white-plate-with-bread-vegetables-glass-wine_114579-83.jpg" } },
|
||||
{ title: "طبخ تقليدي", description: "نعتمد الأساليب الأصلية في الطهي", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-pilaf-spoon-pilaf-checkered-tablecloth-cutting-board-bottle-oil_140725-78681.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/local-food-beef-kebab-with-savalan-red-wine_114579-2497.jpg" } },
|
||||
{ title: "خدمة ملكية", description: "نسعى لراحتكم دائماً", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/turkish-lokums-topped-with-crunch_140725-4303.jpg" }, phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/meat-barbecue-with-vegetable-salad-lavash-wood_114579-3021.jpg" } },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -242,26 +112,11 @@ export default function LandingPage() {
|
||||
rating={5}
|
||||
author="محمد القحطاني"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077684.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/group-happy-young-adults-toasting-having-fun-while-having-lunch-together-dining-room_637285-3568.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-happy-woman-eatingout-having-breakfast-talking-friend-table-looking-aside-with-cheerful-smile-sitting-near-mobile-phone-terrace_197531-30313.jpg", alt: "Customer 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/family-gathering-with-gay-partners_23-2151077684.jpg", alt: "Customer 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-female-student-eating-fast-food-fast-food-cheat-meal_169016-67586.jpg", alt: "Customer 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/group-happy-young-adults-toasting-having-fun-while-having-lunch-together-dining-room_637285-3568.jpg", alt: "Customer 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/girl-sitting-table-holding-mobile-phone-indoors_171337-17096.jpg", alt: "Customer 5" },
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="blur-reveal"
|
||||
@@ -272,13 +127,7 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"شريك نجاح",
|
||||
"شريك نجاح",
|
||||
"شريك نجاح",
|
||||
"شريك نجاح",
|
||||
"شريك نجاح",
|
||||
]}
|
||||
names={["شريك نجاح", "شريك نجاح", "شريك نجاح", "شريك نجاح", "شريك نجاح"]}
|
||||
title="شركاؤنا"
|
||||
description="نفتخر بالتعاون مع كبرى الشركات"
|
||||
/>
|
||||
@@ -289,21 +138,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "هل يتوفر حجز مسبق؟",
|
||||
content: "نعم، يمكنكم الحجز عبر الواتساب.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "هل لديكم توصيل؟",
|
||||
content: "نعم، نوفر خدمة التوصيل في كافة أنحاء الرياض.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "هل تستخدمون لحوم طازجة؟",
|
||||
content: "نعم، نستخدم لحوم طازجة ومحلية يومياً.",
|
||||
},
|
||||
{ id: "1", title: "هل يتوفر حجز مسبق؟", content: "نعم، يمكنكم الحجز عبر الواتساب." },
|
||||
{ id: "2", title: "هل لديكم توصيل؟", content: "نعم، نوفر خدمة التوصيل في كافة أنحاء الرياض." },
|
||||
{ id: "3", title: "هل تستخدمون لحوم طازجة؟", content: "نعم، نستخدم لحوم طازجة ومحلية يومياً." },
|
||||
]}
|
||||
title="الأسئلة الشائعة"
|
||||
description="كل ما تحتاج معرفته عن مطعمنا"
|
||||
@@ -317,18 +154,8 @@ export default function LandingPage() {
|
||||
title="احجز طاولتك الآن"
|
||||
description="تواصل معنا عبر واتساب للحجز أو الاستفسار"
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم الكريم",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "رقم الهاتف",
|
||||
required: true,
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "الاسم الكريم", required: true },
|
||||
{ name: "phone", type: "tel", placeholder: "رقم الهاتف", required: true },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mushrooms-sauce-with-fried-fries_140725-2814.jpg"
|
||||
buttonText="تواصل عبر واتساب (+966501234567)"
|
||||
@@ -337,36 +164,14 @@ export default function LandingPage() {
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الرئيسية",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "القائمة",
|
||||
href: "#menu",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "الموقع",
|
||||
href: "#location",
|
||||
},
|
||||
{
|
||||
label: "تواصل معنا",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="مطاعم البخاري الملكي"
|
||||
columns={[
|
||||
{ items: [{ label: "الرئيسية", href: "#hero" }, { label: "القائمة", href: "#menu" }] },
|
||||
{ items: [{ label: "الموقع", href: "#location" }, { label: "تواصل معنا", href: "#contact" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user