bender/18645986-440b-4b49-8ed4-984cf341833c
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-05 22:51:18 +00:00
parent c1bdfe36ae
commit 11bb82d50a
1 changed files with 43 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

282
src/app/page.tsx
View File

@@ -9,7 +9,7 @@ import FeatureCardThree from '@/components/sections/feature/featureCardThree/Fea
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TeamCardEleven from '@/components/sections/team/TeamCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Clock, DollarSign, ShoppingCart } from "lucide-react";
@@ -31,18 +31,9 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleCentered
navItems={[
{
name: "القائمة",
id: "menu",
},
{
name: "عروض اليوم",
id: "offers",
},
{
name: "سلة الطلبات",
id: "cart",
},
{ name: "القائمة", id: "menu" },
{ name: "عروض اليوم", id: "offers" },
{ name: "سلة الطلبات", id: "cart" },
]}
brandName="مطعم دمشق"
/>
@@ -50,111 +41,35 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboard
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="مرحباً بكم في مطعم دمشق"
description="استمتع بأشهى الأطباق الشرقية الأصيلة بضغطة زر واحدة."
buttons={[
{
text: "تصفح القائمة",
href: "#menu",
},
]}
buttons={[{ text: "تصفح القائمة", href: "#menu" }]}
imageSrc="http://img.b2bpic.net/free-photo/served-tea-table-with-orange-shisha_141793-4743.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/overhead-shot-round-wooden-plate-with-different-kinds-square-shaped-sweets-nuts_181624-1588.jpg",
alt: "طبق حلويات شرقية",
},
{
src: "http://img.b2bpic.net/free-photo/restaurant-with-red-carpet-floor-tables-chairs_140725-8024.jpg",
alt: "جلسة مطعم أنيقة",
},
{
src: "http://img.b2bpic.net/free-photo/front-view-dark-square-plates-with-golden-fork-knife-dark-desk-cutlery-restaurant-lunch-color-plate-tea-drink_179666-19330.jpg",
alt: "طاولة طعام مرتبة",
},
{
src: "http://img.b2bpic.net/free-photo/side-view-fish-roll-pita-bread-with-vegetable-salad-barberry_141793-4895.jpg",
alt: "لفائف سمك في خبز بيتا",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-man-with-delicious-dish-poutine_23-2149486054.jpg",
alt: "طبق مشويات شهي",
},
]}
marqueeItems={[
{
type: "text",
text: "طعم أصيل",
},
{
type: "text",
text: "مكونات طازجة",
},
{
type: "text",
text: "خدمة سريعة",
},
{
type: "text",
text: "توصيل فوري",
},
{
type: "text",
text: "جودة عالية",
},
]}
/>
</div>
<div id="menu" data-section="menu">
<ProductCardThree
animationType="slide-up"
textboxLayout="default"
gridVariant="uniform-all-items-equal"
useInvertedBackground={true}
products={[
{
id: "1",
name: "مشاوي مشكلة",
price: "٤٥ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-skewers-with-meat-vegetable-grill-green-grass-mat_23-2148206963.jpg",
},
{
id: "2",
name: "حمص بالطحينة",
price: "١٥ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-local-food-dish_23-2148833866.jpg",
},
{
id: "3",
name: "ساندويش فلافل",
price: "١٠ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-delicious-shaurma-salad-sandwich-with-fresh-vegetables-grey-surface-meal-pita-salad-sandwich-burger_140725-102052.jpg",
},
{
id: "4",
name: "شاورما دجاج",
price: "١٨ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535351.jpg",
},
{
id: "5",
name: "تبولة",
price: "١٢ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086069.jpg",
},
{
id: "6",
name: "عصير ليمون",
price: "٨ ريال",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-arab-food-tea_23-2147796939.jpg",
},
]}
<TeamCardEleven
title="قائمة الطعام"
description="اكتشف خياراتنا المتنوعة من المشاوي والسندويشات."
description="مجموعاتنا المختارة بعناية من الأطباق الشرقية الأصيلة."
textboxLayout="split"
animationType="slide-up"
useInvertedBackground={true}
groups={[
{
id: "grilled", groupTitle: "قسم المشاوي", members: [
{ id: "1", title: "مشاوي مشكلة", subtitle: "٤٥ ريال", detail: "لحم طازج مشوي على الفحم مع التوابل.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-grilled-skewers-with-meat-vegetable-grill-green-grass-mat_23-2148206963.jpg" },
{ id: "4", title: "شاورما دجاج", subtitle: "١٨ ريال", detail: "شرائح دجاج متبلة ومحمصة.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-street-food-still-life_23-2151535351.jpg" }
]
},
{
id: "starters", groupTitle: "المقبلات والمشهيات", members: [
{ id: "2", title: "حمص بالطحينة", subtitle: "١٥ ريال", detail: "حمص كريمي مع زيت الزيتون.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-local-food-dish_23-2148833866.jpg" },
{ id: "5", title: "تبولة", subtitle: "١٢ ريال", detail: "سلطة البقدونس والبرغل الطازجة.", imageSrc: "http://img.b2bpic.net/free-photo/nutritious-indian-dosa-assortment_23-2149086069.jpg" }
]
}
]}
/>
</div>
@@ -165,21 +80,9 @@ export default function LandingPage() {
gridVariant="three-columns-all-equal-width"
useInvertedBackground={false}
features={[
{
title: "عرض الغداء",
description: "وجبة مشويات مع مقبلات مجانية",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fn27im",
},
{
title: "عرض العائلة",
description: "صينية مشاوي تكفي ٤ أشخاص",
imageSrc: "http://img.b2bpic.net/free-psd/mexican-food-banner-template_23-2148348570.jpg",
},
{
title: "عرض الساندويش",
description: "اشتري ٢ واحصل على الثالث",
imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-food-background-3d-illustration_1419-3311.jpg",
},
{ title: "عرض الغداء", description: "وجبة مشويات مع مقبلات مجانية", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=fn27im" },
{ title: "عرض العائلة", description: "صينية مشاوي تكفي ٤ أشخاص", imageSrc: "http://img.b2bpic.net/free-psd/mexican-food-banner-template_23-2148348570.jpg" },
{ title: "عرض الساندويش", description: "اشتري ٢ واحصل على الثالث", imageSrc: "http://img.b2bpic.net/free-photo/thanksgiving-food-background-3d-illustration_1419-3311.jpg" },
]}
title="عروض اليوم المميزة"
description="استفد من خصوماتنا الخاصة لفترة محدودة."
@@ -191,21 +94,9 @@ export default function LandingPage() {
useInvertedBackground={true}
title="سلة الطلبات الحالية"
metrics={[
{
icon: ShoppingCart,
label: "عدد العناصر",
value: "٣",
},
{
icon: DollarSign,
label: "المجموع",
value: "٧٣ ريال",
},
{
icon: Clock,
label: "وقت التجهيز",
value: "٢٠ دقيقة",
},
{ icon: ShoppingCart, label: "عدد العناصر", value: "٣" },
{ icon: DollarSign, label: "المجموع", value: "٧٣ ريال" },
{ icon: Clock, label: "وقت التجهيز", value: "٢٠ دقيقة" },
]}
metricsAnimation="slide-up"
/>
@@ -216,21 +107,9 @@ export default function LandingPage() {
textboxLayout="split"
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="إجابات على أكثر الأسئلة تكراراً."
@@ -244,41 +123,8 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
testimonials={[
{
id: "1",
name: "أحمد علي",
handle: "زبون دائم",
testimonial: "أفضل مشاوي في المدينة، طعم أصيل وخدمة سريعة جداً.",
imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg",
},
{
id: "2",
name: "سارة محمد",
handle: "زبونة دائمة",
testimonial: "سهولة الطلب عبر واتساب وفرت علي الكثير من الوقت.",
imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39260.jpg",
},
{
id: "3",
name: "خالد عمر",
handle: "زبون جديد",
testimonial: "جودة الطعام ممتازة والساندويشات دائماً طازجة وساخنة.",
imageSrc: "http://img.b2bpic.net/free-photo/group-positive-young-people-toasting-dinner_23-2148454187.jpg",
},
{
id: "4",
name: "منى حسين",
handle: "زبونة دائمة",
testimonial: "الطلب وصل قبل الوقت المتوقع، شكراً لكم.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-joyful-man-being-glad-hear-old-best-friend-mobile-phone_273609-8929.jpg",
},
{
id: "5",
name: "يوسف إبراهيم",
handle: "زبون دائم",
testimonial: "قائمة متنوعة وأسعار منافسة جداً.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-using-tablet-celebrating-success-outdoor-cafe_1262-18867.jpg",
},
{ id: "1", name: "أحمد علي", handle: "زبون دائم", testimonial: "أفضل مشاوي في المدينة، طعم أصيل وخدمة سريعة جداً.", imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-pleased-adorable-dark-skinned-african-american-female-sits-comfortable-couch-holds-soft-cushion_273609-3094.jpg" },
{ id: "2", name: "سارة محمد", handle: "زبونة دائمة", testimonial: "سهولة الطلب عبر واتساب وفرت علي الكثير من الوقت.", imageSrc: "http://img.b2bpic.net/free-photo/lunch-break-elegant-man-office-businessman-white-shirt-man-eats-noodles_1157-39260.jpg" },
]}
title="ماذا يقول عملاؤنا؟"
description="نسعد دائماً بتجربة عملائنا ونتطلع لمشاركتكم."
@@ -291,29 +137,11 @@ export default function LandingPage() {
title="إتمام الطلب عبر واتساب"
description="أدخل بياناتك وسنرسل طلبك مباشرة إلى المطعم."
inputs={[
{
name: "name",
type: "text",
placeholder: "الاسم الكريم",
required: true,
},
{
name: "phone",
type: "tel",
placeholder: "رقم الهاتف",
required: true,
},
{
name: "address",
type: "text",
placeholder: "العنوان بالتفصيل",
required: true,
},
{ name: "name", type: "text", placeholder: "الاسم الكريم", required: true },
{ name: "phone", type: "tel", placeholder: "رقم الهاتف", required: true },
{ name: "address", type: "text", placeholder: "العنوان بالتفصيل", required: true },
]}
textarea={{
name: "notes",
placeholder: "ملاحظات إضافية",
}}
textarea={{ name: "notes", placeholder: "ملاحظات إضافية" }}
buttonText="إرسال الطلب عبر واتساب"
imageSrc="http://img.b2bpic.net/free-photo/chicken-breast-sauteed-mixed-vegetables-oil-sauce_114579-2530.jpg"
/>
@@ -324,36 +152,12 @@ export default function LandingPage() {
imageSrc="http://img.b2bpic.net/free-photo/man-eating-arab-restaurant_23-2147794275.jpg"
logoText="مطعم دمشق"
columns={[
{
title: "تواصل معنا",
items: [
{
label: "اتصل بنا",
href: "tel:00966000000",
},
{
label: "واتساب",
href: "https://wa.me/966000000",
},
],
},
{
title: "روابط سريعة",
items: [
{
label: "القائمة",
href: "#menu",
},
{
label: "العروض",
href: "#offers",
},
],
},
{ title: "تواصل معنا", items: [{ label: "اتصل بنا", href: "tel:00966000000" }, { label: "واتساب", href: "https://wa.me/966000000" }] },
{ title: "روابط سريعة", items: [{ label: "القائمة", href: "#menu" }, { label: "العروض", href: "#offers" }] },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}