Merge version_2 into main
Merge version_2 into main
This commit was merged in pull request #3.
This commit is contained in:
201
src/app/page.tsx
201
src/app/page.tsx
@@ -2,16 +2,16 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactText from '@/components/sections/contact/ContactText';
|
||||
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
|
||||
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
||||
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
|
||||
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import { Coffee, ShoppingBag, Truck } from "lucide-react";
|
||||
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
||||
import { Coffee, ShoppingBag, Truck, ChefHat, Heart, Zap } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
@@ -31,14 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "الرئيسية", id: "hero"},
|
||||
{
|
||||
name: "المنيو", id: "products"},
|
||||
{
|
||||
name: "خدماتنا", id: "features"},
|
||||
{
|
||||
name: "اتصل بنا", id: "contact"},
|
||||
{ name: "الرئيسية", id: "hero" },
|
||||
{ name: "المنيو", id: "products" },
|
||||
{ name: "خدماتنا", id: "features" },
|
||||
{ name: "آراء العملاء", id: "testimonials" },
|
||||
{ name: "اتصل بنا", id: "contact" },
|
||||
]}
|
||||
brandName="مطعم النصر"
|
||||
/>
|
||||
@@ -46,27 +43,17 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "sparkles-gradient"}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="تجربة طعام استثنائية حتى الساعة ٣ صباحًا"
|
||||
description="استمتع بأجود الأطباق في أجواء فاخرة. نوفر خدمة مميزة للتناول داخل المطعم، سفري، وتوصيل بدون تلامس."
|
||||
buttons={[
|
||||
{
|
||||
text: "اطلب الآن", href: "#products"},
|
||||
{
|
||||
text: "اتصل بنا", href: "#contact"},
|
||||
{ text: "اطلب الآن", href: "#products" },
|
||||
{ text: "اتصل بنا", href: "#contact" },
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190922.jpg", imageAlt: "luxury restaurant dinner ambiance"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetablesin-plate_140725-759.jpg", imageAlt: "gourmet grilled steak dish"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-6052.jpg", imageAlt: "delicious mediterranean appetizer"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-thanksgiving-meal_23-2148629542.jpg", imageAlt: "Front view of delicious thanksgiving meal"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/candlelight-dinner-glass-juice_140725-9361.jpg", imageAlt: "Candlelight dinner and a glass of juice"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dinner-arrangement-night_23-2149190922.jpg", imageAlt: "luxury restaurant dinner ambiance" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-with-vegetablesin-plate_140725-759.jpg", imageAlt: "gourmet grilled steak dish" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/foie-gras-duck-meat-with-sweet-sauce_74190-6052.jpg", imageAlt: "delicious mediterranean appetizer" },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -78,36 +65,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "داخل المطعم", description: "استمتع بأجواء مريحة وفاخرة.", icon: Coffee,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-served-with-boiled-asparagus-spinach-sauce_140725-5091.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109440.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "طعام سفري", description: "اطلب وجبتك المفضلة واستمتع بها في أي مكان.", icon: ShoppingBag,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527628.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "توصيل سريع", description: "توصيل آمن وبدون تلامس حتى بابك.", icon: Truck,
|
||||
mediaItems: [
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-plate-cake-with-red-white-sauce_140725-74186.jpg"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/slice-three-layered-cake-with-white-vanilla-cream-chocolate-crumble_140725-4936.jpg"},
|
||||
],
|
||||
},
|
||||
{ title: "طعام فاخر", description: "نقدم مزيجاً من المذاق الأصيل والابتكار الحديث.", icon: ChefHat, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-beef-steak-served-with-boiled-asparagus-spinach-sauce_140725-5091.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/sandwich-with-sundried-tomato-tasty-snack-concept_185193-109440.jpg" }] },
|
||||
{ title: "خدمة استثنائية", description: "فريقنا جاهز لخدمتكم بأعلى معايير الضيافة.", icon: Heart, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-fancy-dessert_23-2150527628.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/fried-piece-meat-potatoes-fried-tomato_140725-6649.jpg" }] },
|
||||
{ title: "سرعة فائقة", description: "نضمن وصول طلبك ساخناً وفي وقت قياسي.", icon: Zap, mediaItems: [{ imageSrc: "http://img.b2bpic.net/free-photo/top-close-up-view-cake-plate-cake-with-red-white-sauce_140725-74186.jpg" }, { imageSrc: "http://img.b2bpic.net/free-photo/slice-three-layered-cake-with-white-vanilla-cream-chocolate-crumble_140725-4936.jpg" }] },
|
||||
]}
|
||||
title="خدماتنا المميزة"
|
||||
description="نقدم تجربة متكاملة تناسب جميع احتياجاتك"
|
||||
title="لماذا يختارنا عملاؤنا؟"
|
||||
description="نلتزم بتقديم تجربة لا تنسى في كل زيارة."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -118,114 +81,76 @@ export default function LandingPage() {
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1", brand: "فاخر", name: "طبق المشويات المشكل", price: "٣٥٠ ج.م", rating: 5,
|
||||
reviewCount: "١٥٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-mashed-potatoes-white-plate_9975-124470.jpg"},
|
||||
{
|
||||
id: "2", brand: "فاخر", name: "باستا إيطالية", price: "٢٥٠ ج.م", rating: 4,
|
||||
reviewCount: "٨٠", imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-bread_141793-1261.jpg"},
|
||||
{
|
||||
id: "3", brand: "حلويات", name: "تشيز كيك فاخر", price: "٢٠٠ ج.م", rating: 5,
|
||||
reviewCount: "٢٠٠", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg"},
|
||||
{
|
||||
id: "4", brand: "فاخر", name: "ساندوتش خاص", price: "٢٢٠ ج.م", rating: 5,
|
||||
reviewCount: "١٢٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-served-with-potato-dish-mushroom-sauce_140725-5831.jpg"},
|
||||
{
|
||||
id: "5", brand: "مقبلات", name: "سلطة يونانية", price: "١٨٠ ج.م", rating: 4,
|
||||
reviewCount: "٩٠", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-tasty-food-assortment_23-2148601663.jpg"},
|
||||
{
|
||||
id: "6", brand: "مشروبات", name: "قهوة مختصة", price: "١٥٠ ج.م", rating: 5,
|
||||
reviewCount: "٣٠٠", imageSrc: "http://img.b2bpic.net/free-photo/side-view-chocolate-cheesecake-topped-with-kumquat_141793-1427.jpg"},
|
||||
{ id: "1", brand: "مميز", name: "مشويات مشكلة فاخرة", price: "٣٥٠ ج.م", rating: 5, reviewCount: "١٥٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-steak-with-rosemary-mashed-potatoes-white-plate_9975-124470.jpg" },
|
||||
{ id: "2", brand: "إيطالي", name: "باستا إيطالية بالروبيان", price: "٢٥٠ ج.م", rating: 4, reviewCount: "٨٠", imageSrc: "http://img.b2bpic.net/free-photo/shrimps-served-with-arugula-bread_141793-1261.jpg" },
|
||||
{ id: "3", brand: "حلويات", name: "تشيز كيك الشوكولاتة", price: "٢٠٠ ج.م", rating: 5, reviewCount: "٢٠٠", imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-cup-tea-dark-surface-biscuit-sweet-pie-sugar-cookie-cake_140725-118179.jpg" },
|
||||
{ id: "4", brand: "مميز", name: "ساندوتش اللحم الخاص", price: "٢٢٠ ج.م", rating: 5, reviewCount: "١٢٠", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-steak-served-with-potato-dish-mushroom-sauce_140725-5831.jpg" },
|
||||
]}
|
||||
title="الأكثر طلبًا"
|
||||
description="تذوق أشهى أطباقنا المحضرة بعناية"
|
||||
title="القائمة المختارة"
|
||||
description="اكتشف أطباقنا الأكثر طلباً والمحضرة بأجود المكونات."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardEleven
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<MetricCardFourteen
|
||||
title="أرقامنا تعكس ثقتكم"
|
||||
tag="الجودة أولاً"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1", value: "٥٠٠٠+", title: "عميل سعيد", description: "تجربة استثنائية", imageSrc: "http://img.b2bpic.net/free-photo/tuna-sushi_1203-8900.jpg"},
|
||||
{
|
||||
id: "m2", value: "١٥", title: "سنة خبرة", description: "الجودة والتميز", imageSrc: "http://img.b2bpic.net/free-photo/steaming-hot-tempura-with-shrimp-mixed-vegetables-dark-plate_84443-94436.jpg"},
|
||||
{
|
||||
id: "m3", value: "٢٤/٧", title: "خدمة التوصيل", description: "حتى ٣ صباحاً", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-cake-with-fruit_23-2148485426.jpg"},
|
||||
{ id: "m1", value: "٥٠٠٠+", description: "وجبة سعيدة تم تقديمها" },
|
||||
{ id: "m2", value: "١٥", description: "عاماً من التميز والخبرة" },
|
||||
{ id: "m3", value: "٢٤/٧", description: "جاهزون لخدمتكم دائماً" },
|
||||
]}
|
||||
title="إنجازاتنا في خدمتكم"
|
||||
description="نحن نفخر بثقة عملائنا في مدينة نصر"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
useInvertedBackground={true}
|
||||
testimonial="أفضل مطعم بمدينة نصر! الخدمة ممتازة والأكل دائماً طازج ولذيذ، خاصة في الأوقات المتأخرة."
|
||||
rating={5}
|
||||
author="محمد أحمد"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/distracted-student-sitting-class_1153-23.jpg", alt: "Portrait happy customer restaurant"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/medium-shot-man-luxury-restaurant_23-2150598415.jpg", alt: "Portrait customer fine dining"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-modern-man-drinking-his-coffee-restaurant_23-2148634075.jpg", alt: "Portrait professional customer eating"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-woman-sitting-table_23-2149655596.jpg", alt: "Portrait satisfied dining guest"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-beautiful-african-woman-student-sitting-cafe-smiling-drinking-coffee_176420-12326.jpg", alt: "Portrait cheerful customer food"},
|
||||
<TestimonialCardTwo
|
||||
animationType="slide-up"
|
||||
title="آراء عملائنا الكرام"
|
||||
description="نحن نفخر بكوننا جزءاً من ذكرياتكم السعيدة."
|
||||
testimonials={[
|
||||
{ id: "t1", name: "محمد أحمد", role: "عميل دائم", testimonial: "أفضل تجربة عشاء بمدينة نصر! الخدمة أكثر من ممتازة." },
|
||||
{ id: "t2", name: "سارة محمود", role: "عاشقة للطعام", testimonial: "الأكل طازج جداً والديكورات رائعة، سأعود بالتأكيد." },
|
||||
]}
|
||||
ratingAnimation="blur-reveal"
|
||||
avatarsAnimation="slide-up"
|
||||
useInvertedBackground={false}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
<FaqSplitText
|
||||
faqs={[
|
||||
{
|
||||
id: "f1", title: "ما هي مواعيد العمل؟", content: "نستقبلكم يومياً حتى الساعة ٣ صباحاً."},
|
||||
{
|
||||
id: "f2", title: "هل يتوفر توصيل للمنازل؟", content: "نعم، نوفر خدمة التوصيل حتى باب المنزل."},
|
||||
{
|
||||
id: "f3", title: "أين يقع المطعم؟", content: "مدينة نصر، مكرم عبيد، عمارات الهيئة العربية للتصنيع."},
|
||||
{ id: "f1", title: "ما هي ساعات العمل؟", content: "نستقبلكم يومياً حتى الساعة ٣ فجراً." },
|
||||
{ id: "f2", title: "كيف يمكنني الحجز؟", content: "يمكنكم الحجز عبر الهاتف أو زيارتنا مباشرة." },
|
||||
{ id: "f3", title: "هل تتوفر خيارات نباتية؟", content: "نعم، نوفر قائمة متنوعة من الأطباق النباتية والصحية." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
|
||||
title="أسئلة شائعة"
|
||||
description="كل ما تحتاج معرفته عن خدماتنا"
|
||||
faqsAnimation="blur-reveal"
|
||||
mediaAnimation="blur-reveal"
|
||||
sideTitle="أسئلة متكررة"
|
||||
sideDescription="كل ما تحتاج معرفته عن تجربة المطعم."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-static"}}
|
||||
text="هل لديك استفسار؟ اتصل بنا الآن لطلب وجبتك المفضلة أو للحجز."
|
||||
buttons={[
|
||||
{
|
||||
text: "اتصل بنا: ٠١١٥١٥٥٩٩٧١", href: "tel:+201151559971"},
|
||||
]}
|
||||
<ContactSplit
|
||||
tag="اتصل بنا"
|
||||
title="جاهز لطلب وجبتك؟"
|
||||
description="نحن في انتظاركم لتقديم أفضل ما لدينا. تواصل معنا للحجز أو الطلبات الخارجية."
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/cocktail-wooden-table-restaurant_23-2147936121.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
<FooterBaseReveal
|
||||
logoText="مطعم النصر"
|
||||
leftLink={{
|
||||
text: "سياسة الخصوصية", href: "#"}}
|
||||
rightLink={{
|
||||
text: "تابعنا على فيسبوك", href: "#"}}
|
||||
columns={[
|
||||
{ title: "روابط سريعة", items: [{ label: "القائمة", href: "#products" }, { label: "عن المطعم", href: "#hero" }] },
|
||||
{ title: "تواصل", items: [{ label: "اتصل بنا", href: "#contact" }, { label: "فيسبوك", href: "#" }] },
|
||||
]}
|
||||
copyrightText="© ٢٠٢٤ جميع الحقوق محفوظة لمطعم النصر"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user