321 lines
20 KiB
TypeScript
321 lines
20 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactText from '@/components/sections/contact/ContactText';
|
|
import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
|
|
import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
|
|
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
|
|
import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
|
|
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
|
import TeamCardFive from '@/components/sections/team/TeamCardFive';
|
|
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="elastic-effect"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="soft"
|
|
contentWidth="mediumLarge"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="aurora"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="radial-glow"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleCentered
|
|
navItems={[
|
|
{
|
|
name: "الرئيسية", id: "#hero"},
|
|
{
|
|
name: "عنا", id: "#about"},
|
|
{
|
|
name: "قائمة الطعام", id: "#full-menu"},
|
|
{
|
|
name: "عروض خاصة", id: "#offers"},
|
|
{
|
|
name: "الفريق", id: "#team"},
|
|
{
|
|
name: "آراء العملاء", id: "#testimonials"},
|
|
{
|
|
name: "تواصل معنا", id: "#contact"},
|
|
]}
|
|
brandName="مطعم الفخم"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroSplitDoubleCarousel
|
|
background={{
|
|
variant: "plain"}}
|
|
title="تجربة طعام لا تُنسى"
|
|
description="استمتع بأشهى الأطباق في أجواء فاخرة وخدمة استثنائية. مطعمنا يقدم لكم رحلة طهوية فريدة تجمع بين النكهات الأصيلة والابتكار الحديث."
|
|
leftCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", imageAlt: "طبق رئيسي فاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg", imageAlt: "داخل المطعم الفاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/man-chef-frying-meat-pan-fire_1303-32153.jpg", imageAlt: "شيف يعد الطعام"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/penne-pasta-with-mussels-side-view_140725-9154.jpg", imageAlt: "طبق مأكولات بحرية فاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/dining-room-background-zoom-calls_52683-95236.jpg", imageAlt: "منطقة جلوس أنيقة في المطعم"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-cooking-kitchen_53876-2.jpg", imageAlt: "شيف يضيف اللمسات الأخيرة لطبق"},
|
|
]}
|
|
rightCarouselItems={[
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-little-creamy-cake-with-chocolate-cookies-dark-surface-biscuit-cake-sweet-pie-sugar-cookie_140725-118183.jpg", imageAlt: "تحلية أنيقة"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-foods-cocktails-tall-glass_23-2149064115.jpg", imageAlt: "كوكتيل فاخر"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-dining-table-with-plates_23-2148848674.jpg", imageAlt: "ترتيب طاولة العشاء"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/pancakes-plate-with-blackberries-cranberries_176474-8282.jpg", imageAlt: "تحلية الفراولة"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/father-son-drinking-cocktail_23-2147824660.jpg", imageAlt: "كوكتيل كلاسيكي"},
|
|
{
|
|
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-table-arrangement-with-roses_23-2150737381.jpg", imageAlt: "إعداد طاولة عشاء رومانسي"},
|
|
]}
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1674.jpg", alt: "young businessman happy expression"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-businessman-standing-airport_107420-85035.jpg", alt: "Smiling businessman standing at airport"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-handsome-smiling-stylish-hipster-lambersexual-modelsexy-modern-man-dressed-elegant-suit-fashion-male-posing-studio-near-blue-wall_158538-21048.jpg", alt: "Portrait of handsome smiling stylish hipster lambersexual model"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/closeup-handsome-middle-aged-business-leader_1262-4822.jpg", alt: "Closeup of Handsome Middle-aged Business Leader"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/stylish-woman-wearing-yellow-bandana_273609-13310.jpg", alt: "Stylish woman wearing yellow bandana"},
|
|
]}
|
|
avatarText="أكثر من 1000 عميل سعيد"
|
|
marqueeItems={[
|
|
{
|
|
type: "text", text: "أطباق عالمية"},
|
|
{
|
|
type: "text", text: "أجواء فاخرة"},
|
|
{
|
|
type: "image", src: "http://img.b2bpic.net/free-photo/female-chef-placing-orange-slice-dish_23-2148763198.jpg", alt: "طبق مميز"},
|
|
{
|
|
type: "text", text: "خدمة استثنائية"},
|
|
{
|
|
type: "text", text: "نكهات أصيلة"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<TextSplitAbout
|
|
useInvertedBackground={true}
|
|
title="قصتنا: شغف بالتميز"
|
|
description={[
|
|
"منذ عام 2005، يقدم مطعمنا تجربة طعام فاخرة تجمع بين التقاليد الأصيلة والابتكار الحديث. كل طبق هو تحفة فنية، وكل زيارة هي احتفال بالنكهات. نحن نلتزم بتقديم أعلى مستويات الجودة في كل تفصيل، من اختيار المكونات الطازجة إلى فن التقديم.", "نحن نؤمن بأن الطعام الجيد يبدأ من المكونات الطازجة عالية الجودة، ويُقدم بشغف وحب. فريقنا من الطهاة الموهوبين يعمل tirelessly لإعداد أطباق استثنائية ترضي جميع الحواس. انضم إلينا لتكتشف عالمًا من المذاقات الراقية وتجربة طعام لا تُنسى في أجواء المطعم الساحرة." ]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="signature-dishes" data-section="signature-dishes">
|
|
<FeatureCardNineteen
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
features={[
|
|
{
|
|
tag: "طبق رئيسي", title: "فخذ الضأن المطهو ببطء", subtitle: "تحفة فاخرة", description: "فخذ ضأن طري يُطهى ببطء لساعات طويلة، ويُقدم مع صلصة غنية ومجموعة من الخضروات الموسمية الطازجة. طبق لا يُنسى.", imageSrc: "http://img.b2bpic.net/free-photo/view-soft-cake-decorated-with-orange-chocolate-dark-table_140725-86436.jpg", imageAlt: "فخذ الضأن المطهو ببطء"},
|
|
{
|
|
tag: "مقبلات", title: "مزيج فواكه البحر والزعفران", subtitle: "بداية منعشة", description: "مقبلات خفيفة ومنعشة تجمع بين نكهات فواكه البحر الطازجة وعبق الزعفران الغني. مثالية لبدء وجبتك بأسلوب راقٍ.", imageSrc: "http://img.b2bpic.net/free-photo/fried-oyster-shell-with-sauce_74190-6047.jpg", imageAlt: "مزيج فواكه البحر والزعفران"},
|
|
{
|
|
tag: "تحلية", title: "تيراميسو الفستق الإيطالي", subtitle: "نهاية مثالية", description: "إصدار فريد من التيراميسو الكلاسيكي، مُعد بالفستق الإيطالي الفاخر وطبقات من كريمة الماسكاربوني الناعمة وبسكويت الليدي فينجر المنقوع بالقهوة.", imageSrc: "http://img.b2bpic.net/free-photo/delicious-french-breakfast-top-view_23-2150408546.jpg", imageAlt: "تيراميسو الفستق الإيطالي"},
|
|
]}
|
|
title="أطباقنا المميزة"
|
|
description="اكتشف مجموعة مختارة من الأطباق التي يفتخر بها طهاتنا، كل منها قصة نكهة فريدة ومصممة لإرضاء عشاق الطعام الفاخر. استمتع بتجربة طهوية لا مثيل لها."
|
|
/>
|
|
</div>
|
|
|
|
<div id="full-menu" data-section="full-menu">
|
|
<ProductCardFour
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="four-items-2x2-equal-grid"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{
|
|
id: "p1", name: "شرائح ستيك الريب آي", price: "250 AED", variant: "مع صلصة الفلفل الأسود", imageSrc: "http://img.b2bpic.net/free-photo/grilled-beef-meat-steak-with-french-fries-onion-ring-with-sauce-fresh-vegetable_74190-9937.jpg", imageAlt: "شرائح ستيك الريب آي"},
|
|
{
|
|
id: "p2", name: "باستا بريمافيرا", price: "120 AED", variant: "خضروات موسمية طازجة", imageSrc: "http://img.b2bpic.net/free-photo/scattered-pasta-with-pasta-meals-mushrooms-piece-sack_176474-6964.jpg", imageAlt: "باستا بريمافيرا"},
|
|
{
|
|
id: "p3", name: "سلمون مشوي بالليمون", price: "180 AED", variant: "مع الهليون والأعشاب", imageSrc: "http://img.b2bpic.net/free-photo/roasted-salmon-steak-cast-iron-pan-served-with-mashed-potato_140725-1415.jpg", imageAlt: "سلمون مشوي بالليمون"},
|
|
{
|
|
id: "p4", name: "دجاج بارميزان", price: "150 AED", variant: "طبقة مقرمشة مع صلصة الطماطم", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chicken-soup-with-ingredients_140725-150763.jpg", imageAlt: "دجاج بارميزان"},
|
|
{
|
|
id: "p5", name: "ريزوتو الفطر والكمأ", price: "160 AED", variant: "أرز أربوريو مع الكمأ الأسود", imageSrc: "http://img.b2bpic.net/free-photo/creamy-risotto-with-herbs-cheese-white-bowl_9975-124450.jpg", imageAlt: "ريزوتو الفطر والكمأ"},
|
|
{
|
|
id: "p6", name: "كيكة الشوكولاتة الذائبة", price: "75 AED", variant: "تقدم مع آيس كريم الفانيليا", imageSrc: "http://img.b2bpic.net/free-photo/front-view-delicious-chocolate-cake_23-2148549961.jpg", imageAlt: "كيكة الشوكولاتة الذائبة"},
|
|
]}
|
|
title="قائمة الطعام الكاملة"
|
|
description="استعرض مجموعتنا الواسعة من الأطباق الفاخرة، المصممة لإرضاء جميع الأذواق بلمسة من الرقي والابتكار. كل طبق يحكي قصة."
|
|
/>
|
|
</div>
|
|
|
|
<div id="offers" data-section="offers">
|
|
<PricingCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
plans={[
|
|
{
|
|
id: "plan-1", badge: "تجربة الغداء", price: "299 AED", subtitle: "باقة غداء فاخرة", buttons: [
|
|
{
|
|
text: "احجز الآن", href: "#contact"}
|
|
],
|
|
features: [
|
|
"مقبلات فاخرة", "طبق رئيسي من اختيارك", "تحلية الشيف اليومية", "مشروب ترحيبي" ]
|
|
},
|
|
{
|
|
id: "plan-2", badge: "عرض خاص", price: "599 AED", subtitle: "عشاء رومانسي لشخصين", buttons: [
|
|
{
|
|
text: "احجز الآن", href: "#contact"}
|
|
],
|
|
features: [
|
|
"مقبلات فاخرة لشخصين", "طبقين رئيسيين من اختيارك", "تحلية خاصة لشخصين", "زجاجة نبيذ مختارة" ]
|
|
},
|
|
{
|
|
id: "plan-3", badge: "تجربة الشيف", price: "999 AED", subtitle: "قائمة تذوق الشيف", buttons: [
|
|
{
|
|
text: "احجز الآن", href: "#contact"}
|
|
],
|
|
features: [
|
|
"5 أطباق من إبداع الشيف", "مشروبات متناسقة", "لقاء خاص مع الشيف", "هدية تذكارية" ]
|
|
}
|
|
]}
|
|
title="عروضنا الخاصة"
|
|
description="استمتع بتجارب طعام حصرية وباقات مصممة خصيصًا لتوفر لك لحظات لا تُنسى في مطعمنا الفخم. اختر ما يناسب ذوقك الرفيع."
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="uniform-all-items-equal"
|
|
useInvertedBackground={true}
|
|
metrics={[
|
|
{
|
|
id: "m1", value: "20+", description: "سنة من الخدمة المتميزة في قطاع المطاعم الفاخرة، نقدم أرقى التجارب."},
|
|
{
|
|
id: "m2", value: "5+", description: "جوائز طهي عالمية تقديرًا لإبداعاتنا وتميزنا في فنون الطهي."},
|
|
{
|
|
id: "m3", value: "100K+", description: "عميل سعيد استمتعوا بتجارب لا تُنسى في مطعمنا الفاخر."},
|
|
]}
|
|
title="أرقام تتحدث عن نفسها"
|
|
description="نفخر بما حققناه من إنجازات وثقة عملائنا على مر السنين، مما يؤكد التزامنا بالتميز في عالم الطهي والضيافة الفاخرة."
|
|
/>
|
|
</div>
|
|
|
|
<div id="team" data-section="team">
|
|
<TeamCardFive
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
team={[
|
|
{
|
|
id: "t1", name: "الشيف أحمد", role: "كبير الطهاة", imageSrc: "http://img.b2bpic.net/free-photo/portrait-male-chef-kitchen_23-2149646280.jpg", imageAlt: "صورة الشيف أحمد"},
|
|
{
|
|
id: "t2", name: "الشيف فاطمة", role: "نائب كبير الطهاة", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-smiley-people-with-delicious-food_23-2149631722.jpg", imageAlt: "صورة الشيف فاطمة"},
|
|
{
|
|
id: "t3", name: "الشيف يوسف", role: "شيف الحلويات", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-preparing-dessert_23-2148972040.jpg", imageAlt: "صورة الشيف يوسف"},
|
|
]}
|
|
title="فريق الطهاة المبدعين"
|
|
description="تعرف على العقول المدبرة وراء أطباقنا الشهية، فريقنا المتخصص من الطهاة والشغوفين بفن الطهي الراقي، كل منهم يجلب خبرته وشغفه الفريد."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
useInvertedBackground={true}
|
|
testimonial="تجربة لا مثيل لها! الطعام مذهل والخدمة لا تشوبها شائبة. الديكور فخم والأجواء رائعة. بالتأكيد سأعود لتجربة المزيد من الأطباق اللذيذة."
|
|
rating={5}
|
|
author="سارة محمد، سيدة أعمال"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/glad-attractive-young-woman-with-bobbed-hairdo-has-positive-expression-blinks-with-eye-dressed-fashionable-sweater-flirts-with-husband-has-toothy-smile_273609-16878.jpg", alt: "صورة سارة محمد"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-shaved-head-male-dressed-grey-suit-dark-grey-background_613910-11352.jpg", alt: "صورة أحمد علي"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/headshot-cute-emotional-caucasian-girl-with-hair-knot-having-rest-cafe_273609-9038.jpg", alt: "صورة ليلى خالد"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/portrait-smiling-man-with-copy-space_23-2148404253.jpg", alt: "صورة عمر حسن"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/hmm-interesting-choice-intrigued-cunning-redhead-middleaged-female-hold-hand-faceline-rub-chin-thoug_1258-134746.jpg", alt: "Hmm interesting choice intrigued cunning redhead middleaged female hold hand faceline rub chin thoug"},
|
|
]}
|
|
ratingAnimation="blur-reveal"
|
|
avatarsAnimation="blur-reveal"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactText
|
|
useInvertedBackground={false}
|
|
background={{
|
|
variant: "plain"}}
|
|
text="نحن هنا لنجعل تجربتك لا تُنسى في مطعمنا الفخم. لا تتردد في التواصل معنا للحجز أو لأي استفسار. فريقنا مستعد لخدمتكم."
|
|
buttons={[
|
|
{
|
|
text: "احجز طاولتك الآن", href: "tel:+971501234567"},
|
|
{
|
|
text: "تواصل معنا", href: "mailto:info@alfakhmrestaurant.com"},
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{
|
|
title: "استكشف", items: [
|
|
{
|
|
label: "الرئيسية", href: "#hero"},
|
|
{
|
|
label: "عنا", href: "#about"},
|
|
{
|
|
label: "قائمة الطعام", href: "#full-menu"},
|
|
{
|
|
label: "عروض خاصة", href: "#offers"}
|
|
]
|
|
},
|
|
{
|
|
title: "المزيد", items: [
|
|
{
|
|
label: "فريقنا", href: "#team"},
|
|
{
|
|
label: "آراء العملاء", href: "#testimonials"},
|
|
{
|
|
label: "اتصل بنا", href: "#contact"}
|
|
]
|
|
},
|
|
{
|
|
title: "تواصل", items: [
|
|
{
|
|
label: "الموقع على الخريطة", href: "https://maps.app.goo.gl/B7DWaJUGbPyaV3mo8"},
|
|
{
|
|
label: "البريد الإلكتروني", href: "mailto:info@alfakhmrestaurant.com"},
|
|
{
|
|
label: "الهاتف", href: "tel:+971501234567"}
|
|
]
|
|
}
|
|
]}
|
|
logoText="مطعم الفخم"
|
|
copyrightText="© 2024 | مطعم الفخم. جميع الحقوق محفوظة."
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
} |