Update src/app/page.tsx
This commit is contained in:
207
src/app/page.tsx
207
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية",
|
||||
id: "#hero",
|
||||
},
|
||||
name: "الرئيسية", id: "#hero"},
|
||||
{
|
||||
name: "قائمة الطعام",
|
||||
id: "#menu",
|
||||
},
|
||||
name: "قائمة الطعام", id: "#menu"},
|
||||
{
|
||||
name: "حول المطعم",
|
||||
id: "#about",
|
||||
},
|
||||
name: "حول المطعم", id: "#about"},
|
||||
{
|
||||
name: "اتصل بنا",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "اتصل بنا", id: "#contact"},
|
||||
]}
|
||||
brandName="جكن دكان"
|
||||
/>
|
||||
@@ -55,23 +47,16 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="أشهى أنواع الدجاج في جكن دكان"
|
||||
description="نقدم لكم تجربة فريدة لا تُنسى مع خلطاتنا السرية والمذاق الذي لا يُقاوم."
|
||||
kpis={[
|
||||
{
|
||||
value: "١٠+",
|
||||
label: "سنوات خبرة",
|
||||
},
|
||||
value: "١٠+", label: "سنوات خبرة"},
|
||||
{
|
||||
value: "٥٠+",
|
||||
label: "نوع دجاج",
|
||||
},
|
||||
value: "٥٠+", label: "نوع دجاج"},
|
||||
{
|
||||
value: "١٠٠٠+",
|
||||
label: "عميل سعيد",
|
||||
},
|
||||
value: "١٠٠٠+", label: "عميل سعيد"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/front-view-yummy-chicken-wings-cutting-board-with-tomatoes-dark-background-burger-food-meal-sandwich-lunch-salad-horizontal_140725-158663.jpg"
|
||||
@@ -79,52 +64,32 @@ export default function LandingPage() {
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/laughing-woman-with-dish-menu_23-2147681115.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-woman-with-delicious-burger_23-2150347940.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-eating-fast-food_23-2150347937.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/high-angle-man-eating-fast-food_23-2150347937.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-image-happy-smiling-woman-enjoy-her-morning-french-breakfast-open-cafe-terrace-tasty-organic-food-holding-french-croissant-her-hand_291049-526.jpg", alt: "Happy customer"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-wine-glass_23-2149335056.jpg",
|
||||
alt: "Happy customer",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-smiley-woman-with-wine-glass_23-2149335056.jpg", alt: "Happy customer"},
|
||||
]}
|
||||
avatarText="انضم إلى أكثر من ١٠٠٠ عميل راضٍ"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "دجاج طازج",
|
||||
icon: Check,
|
||||
type: "text-icon", text: "دجاج طازج", icon: Check,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "خدمة سريعة",
|
||||
icon: Clock,
|
||||
type: "text-icon", text: "خدمة سريعة", icon: Clock,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "أسعار مميزة",
|
||||
icon: Tag,
|
||||
type: "text-icon", text: "أسعار مميزة", icon: Tag,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "جودة عالية",
|
||||
icon: Award,
|
||||
type: "text-icon", text: "جودة عالية", icon: Award,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "نظافة مضمونة",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "نظافة مضمونة", icon: Shield,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -137,19 +102,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Award,
|
||||
label: "الجودة",
|
||||
value: "أعلى معايير",
|
||||
},
|
||||
label: "الجودة", value: "أعلى معايير"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "الخدمة",
|
||||
value: "فريق محترف",
|
||||
},
|
||||
label: "الخدمة", value: "فريق محترف"},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "الطعم",
|
||||
value: "مكونات طازجة",
|
||||
},
|
||||
label: "الطعم", value: "مكونات طازجة"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -163,41 +122,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "بروستد مقرمش",
|
||||
price: "٣٥ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16604.jpg",
|
||||
},
|
||||
id: "p1", name: "بروستد مقرمش", price: "٣٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/big-sandwich-with-chicken-kebab-lettuce_2829-16604.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "ساندوتش دجاج حراق",
|
||||
price: "٢٥ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-sauces-celebration_140725-113760.jpg",
|
||||
},
|
||||
id: "p2", name: "ساندوتش دجاج حراق", price: "٢٥ ريال", imageSrc: "http://img.b2bpic.net/free-photo/fried-chicken-sauces-celebration_140725-113760.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "وجبة العائلة",
|
||||
price: "١٢٠ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-french-fries-with-seasonings-dark-desk-dish-potato-meal-fast-food-burger_140725-96476.jpg",
|
||||
},
|
||||
id: "p3", name: "وجبة العائلة", price: "١٢٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-french-fries-with-seasonings-dark-desk-dish-potato-meal-fast-food-burger_140725-96476.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "ناجتس الدجاج",
|
||||
price: "٢٠ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-hot-dog_23-2147684579.jpg",
|
||||
},
|
||||
id: "p4", name: "ناجتس الدجاج", price: "٢٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/close-up-tasty-hot-dog_23-2147684579.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "دجاج مشوي بالتتبيلة",
|
||||
price: "٤٠ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fish-chips-with-ketchup-copy-space_23-2148784938.jpg",
|
||||
},
|
||||
id: "p5", name: "دجاج مشوي بالتتبيلة", price: "٤٠ ريال", imageSrc: "http://img.b2bpic.net/free-photo/fish-chips-with-ketchup-copy-space_23-2148784938.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "أجنحة الدجاج",
|
||||
price: "٢٢ ريال",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-barbecue-wooden-stick_1203-1173.jpg",
|
||||
},
|
||||
id: "p6", name: "أجنحة الدجاج", price: "٢٢ ريال", imageSrc: "http://img.b2bpic.net/free-photo/grilled-meat-barbecue-wooden-stick_1203-1173.jpg"},
|
||||
]}
|
||||
title="قائمة طعامنا الشهية"
|
||||
description="استكشف مجموعتنا المتنوعة من وجبات الدجاج اللذيذة والمحضرة بكل حب."
|
||||
@@ -206,44 +141,20 @@ export default function LandingPage() {
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "أحمد علي",
|
||||
handle: "@ahmed",
|
||||
testimonial: "الطعم خيالي والخدمة ممتازة!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg",
|
||||
},
|
||||
id: "t1", name: "أحمد علي", handle: "@ahmed", testimonial: "الطعم خيالي والخدمة ممتازة!", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-man-with-food_23-2148899055.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "سارة محمد",
|
||||
handle: "@sarah",
|
||||
testimonial: "أفضل دجاج مقرمش ذقته في حياتي.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-positive-african-american-woman-enjoys-listening-music-headphones-spends-leisure-time-loft-cafeteria-with-cocktail-has-break-after-work-demonstrates-pleasant-smile_273609-2085.jpg",
|
||||
},
|
||||
id: "t2", name: "سارة محمد", handle: "@sarah", testimonial: "أفضل دجاج مقرمش ذقته في حياتي.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-positive-african-american-woman-enjoys-listening-music-headphones-spends-leisure-time-loft-cafeteria-with-cocktail-has-break-after-work-demonstrates-pleasant-smile_273609-2085.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "خالد عمر",
|
||||
handle: "@khaled",
|
||||
testimonial: "نظافة وجودة عالية جداً.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hand-detailed_23-2148910350.jpg",
|
||||
},
|
||||
id: "t3", name: "خالد عمر", handle: "@khaled", testimonial: "نظافة وجودة عالية جداً.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-child-hand-detailed_23-2148910350.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "منى فهد",
|
||||
handle: "@mona",
|
||||
testimonial: "توصيل سريع ووجبات دافئة.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg",
|
||||
},
|
||||
id: "t4", name: "منى فهد", handle: "@mona", testimonial: "توصيل سريع ووجبات دافئة.", imageSrc: "http://img.b2bpic.net/free-photo/smiley-couple-sharing-fast-food_329181-20757.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "ياسر أحمد",
|
||||
handle: "@yasser",
|
||||
testimonial: "أنصح الجميع بتجربة جكن دكان.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg",
|
||||
},
|
||||
id: "t5", name: "ياسر أحمد", handle: "@yasser", testimonial: "أنصح الجميع بتجربة جكن دكان.", imageSrc: "http://img.b2bpic.net/free-photo/friends-eating-pizza-medium-shot_23-2149872407.jpg"},
|
||||
]}
|
||||
title="آراء عملائنا"
|
||||
description="ماذا يقول عملاؤنا عن تجربتهم معنا في جكن دكان."
|
||||
@@ -257,20 +168,11 @@ export default function LandingPage() {
|
||||
tag="حقائق"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "١٠٠٪",
|
||||
description: "دجاج طازج يومياً",
|
||||
},
|
||||
id: "m1", value: "١٠٠٪", description: "دجاج طازج يومياً"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "٢٤/٧",
|
||||
description: "خدمة التوصيل",
|
||||
},
|
||||
id: "m2", value: "٢٤/٧", description: "خدمة التوصيل"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "١٠",
|
||||
description: "فروع في المملكة",
|
||||
},
|
||||
id: "m3", value: "١٠", description: "فروع في المملكة"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -281,20 +183,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "هل يوجد توصيل للمنزل؟",
|
||||
content: "نعم، نوفر خدمة التوصيل لجميع المناطق.",
|
||||
},
|
||||
id: "f1", title: "هل يوجد توصيل للمنزل؟", content: "نعم، نوفر خدمة التوصيل لجميع المناطق."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "هل الدجاج طازج؟",
|
||||
content: "نعم، نلتزم بتقديم دجاج طازج يومياً.",
|
||||
},
|
||||
id: "f2", title: "هل الدجاج طازج؟", content: "نعم، نلتزم بتقديم دجاج طازج يومياً."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "كيف يمكن التواصل معكم؟",
|
||||
content: "عبر أرقام الهاتف الموجودة في أسفل الصفحة.",
|
||||
},
|
||||
id: "f3", title: "كيف يمكن التواصل معكم؟", content: "عبر أرقام الهاتف الموجودة في أسفل الصفحة."},
|
||||
]}
|
||||
sideTitle="أسئلة شائعة"
|
||||
faqsAnimation="blur-reveal"
|
||||
@@ -309,22 +202,14 @@ export default function LandingPage() {
|
||||
description="نسعد بخدمتكم واستقبال استفساراتكم."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "الاسم",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "الاسم", required: true,
|
||||
},
|
||||
{
|
||||
name: "phone",
|
||||
type: "tel",
|
||||
placeholder: "رقم الهاتف",
|
||||
required: true,
|
||||
name: "phone", type: "tel", placeholder: "رقم الهاتف", required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "رسالتك",
|
||||
}}
|
||||
name: "message", placeholder: "رسالتك"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/computer-desktop-table_23-2147936237.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -333,13 +218,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="جكن دكان"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية",
|
||||
href: "#",
|
||||
}}
|
||||
text: "سياسة الخصوصية", href: "#"}}
|
||||
rightLink={{
|
||||
text: "شروط الخدمة",
|
||||
href: "#",
|
||||
}}
|
||||
text: "شروط الخدمة", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user