bender/3d7116fe-1973-413d-8bf5-30a8cc597cfa
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-13 09:04:00 +00:00
parent 329627acfa
commit e8a6d7fbf2
1 changed files with 140 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

455
src/app/page.tsx
View File

@@ -30,331 +30,156 @@ export default function LandingPage() {
headingFontWeight="extrabold"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "About",
id: "about",
},
{
name: "Menu",
id: "menu",
},
{
name: "Contact",
id: "contact",
},
]}
brandName="Lebanese Kitchen"
/>
</div>
<div id="nav" data-section="nav">
<NavbarStyleFullscreen
navItems={[
{ name: "Home", id: "hero" },
{ name: "About", id: "about" },
{ name: "Menu", id: "menu" },
{ name: "Contact", id: "contact" },
]}
brandName="Lebanese Kitchen"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{
variant: "gradient-bars",
}}
title="Authentic Lebanese Delights"
description="Experience the timeless flavors of Lebanon, prepared with traditional methods and the freshest ingredients in the heart of Cairo."
tag="Since 1990"
mediaItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=1",
imageAlt: "lebanese restaurant interior warm",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-with-fried-zucchini-fork-knife-greens-round-plate_176474-3364.jpg",
imageAlt: "fresh mezze platter middle eastern",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cafe-with-burning-candles-tables_140725-7784.jpg",
imageAlt: "Cafe with burning candles on the tables",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-appetizing-ramadan-meal_23-2151182553.jpg",
imageAlt: "Close up on appetizing ramadan meal",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-room-with-guns-wall_140725-6307.jpg",
imageAlt: "Restaurant room with guns on wall",
},
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 4.4 by our community"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitDualMedia
background={{ variant: "gradient-bars" }}
title="Authentic Lebanese Delights"
description="Experience the timeless flavors of Lebanon, prepared with traditional methods and the freshest ingredients in the heart of Cairo."
tag="Since 1990"
mediaItems={[
{ imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg", imageAlt: "lebanese restaurant interior warm" },
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-with-fried-zucchini-fork-knife-greens-round-plate_176474-3364.jpg", imageAlt: "fresh mezze platter middle eastern" }
]}
mediaAnimation="slide-up"
rating={5}
ratingText="Rated 4.4 by our community"
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="A Legacy of Taste"
description="For over three decades, we have been crafting authentic Lebanese cuisine that brings people together. Our secret is our commitment to time-honored recipes passed through generations."
subdescription="Every dish tells a story of our heritage, crafted by chefs who respect the art of Lebanese cooking."
imageSrc="http://img.b2bpic.net/free-photo/tasty-stonebaked-pizza-is-ready-italian-chef-is-removing-it-from-oven_613910-3410.jpg"
mediaAnimation="slide-up"
imageAlt="chef preparing authentic lebanese food"
icon={Award}
/>
</div>
<div id="about" data-section="about">
<TestimonialAboutCard
useInvertedBackground={true}
tag="Our Story"
title="A Legacy of Taste"
description="For over three decades, we have been crafting authentic Lebanese cuisine that brings people together. Our secret is our commitment to time-honored recipes passed through generations."
subdescription="Every dish tells a story of our heritage, crafted by chefs who respect the art of Lebanese cooking."
imageSrc="http://img.b2bpic.net/free-photo/tasty-stonebaked-pizza-is-ready-italian-chef-is-removing-it-from-oven_613910-3410.jpg"
mediaAnimation="slide-up"
imageAlt="chef preparing authentic lebanese food"
icon={Award}
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{
icon: Utensils,
title: "Fresh Ingredients",
description: "We source the finest local and imported produce daily.",
},
{
icon: Award,
title: "Traditional Recipes",
description: "Authentic techniques handed down for generations.",
},
{
icon: Clock,
title: "Open Late",
description: "Serving you until 2 AM every single day.",
},
]}
title="Why You'll Love Us"
description="We blend high-quality service with an atmosphere that honors our traditions."
/>
</div>
<div id="features" data-section="features">
<FeatureHoverPattern
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ icon: Utensils, title: "Fresh Ingredients", description: "We source the finest local and imported produce daily." },
{ icon: Award, title: "Traditional Recipes", description: "Authentic techniques handed down for generations." },
{ icon: Clock, title: "Open Late", description: "Serving you until 2 AM every single day." },
]}
title="Why You'll Love Us"
description="We blend high-quality service with an atmosphere that honors our traditions."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{
id: "p1",
name: "Classic Hummus",
price: "80 E£",
variant: "Appetizer",
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-hummus-arrangement_23-2149483900.jpg",
},
{
id: "p2",
name: "Mixed Grill Platter",
price: "350 E£",
variant: "Main Course",
imageSrc: "http://img.b2bpic.net/free-photo/shish-kebab-rosemary-plate_23-2147717062.jpg",
},
{
id: "p3",
name: "Fresh Tabbouleh",
price: "70 E£",
variant: "Salad",
imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-olive-oil_140725-9641.jpg",
},
{
id: "p4",
name: "Crunchy Falafel",
price: "60 E£",
variant: "Appetizer",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-plate-with-jewish-food_23-2148814495.jpg",
},
{
id: "p5",
name: "Chicken Shawarma",
price: "120 E£",
variant: "Main Course",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-chicken-doner-slices-placed-flatbread_140725-4974.jpg",
},
{
id: "p6",
name: "Fried Kibbeh",
price: "90 E£",
variant: "Appetizer",
imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg",
},
]}
title="Popular Menu Items"
description="Discover the most loved dishes from our traditional Lebanese menu."
/>
</div>
<div id="menu" data-section="menu">
<ProductCardFour
animationType="slide-up"
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
useInvertedBackground={true}
products={[
{ id: "p1", name: "Classic Hummus", price: "80 E£", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-hummus-arrangement_23-2149483900.jpg" },
{ id: "p2", name: "Mixed Grill Platter", price: "350 E£", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/shish-kebab-rosemary-plate_23-2147717062.jpg" },
{ id: "p3", name: "Fresh Tabbouleh", price: "70 E£", variant: "Salad", imageSrc: "http://img.b2bpic.net/free-photo/fresh-vegetable-salad-with-olive-oil_140725-9641.jpg" },
{ id: "p4", name: "Crunchy Falafel", price: "60 E£", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/close-up-hands-holding-plate-with-jewish-food_23-2148814495.jpg" },
{ id: "p5", name: "Chicken Shawarma", price: "120 E£", variant: "Main Course", imageSrc: "http://img.b2bpic.net/free-photo/close-up-chicken-doner-slices-placed-flatbread_140725-4974.jpg" },
{ id: "p6", name: "Fried Kibbeh", price: "90 E£", variant: "Appetizer", imageSrc: "http://img.b2bpic.net/free-photo/fried-salmon-fillet-with-sauce-top_140725-6436.jpg" },
]}
title="Popular Menu Items"
description="Discover the most loved dishes from our traditional Lebanese menu."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{
id: "individual",
title: "Quick Meal",
price: "200 E£",
period: "Per Person",
features: [
"Appetizer",
"Main Course",
"Traditional Drink",
],
button: {
text: "Reserve Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg",
imageAlt: "catering tablecloth plate drink background",
},
{
id: "group",
title: "Group Feast",
price: "400 E£",
period: "Per Person",
features: [
"Mezze Platter",
"Grand Grill Mix",
"Fresh Salad",
"Dessert Platter",
],
button: {
text: "Reserve Now",
},
imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg?_wi=2",
imageAlt: "catering tablecloth plate drink background",
},
]}
title="Pricing Options"
description="Our meal tiers offer excellent value for every dining experience."
/>
</div>
<div id="pricing" data-section="pricing">
<PricingCardNine
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
plans={[
{ id: "individual", title: "Quick Meal", price: "200 E£", period: "Per Person", features: ["Appetizer", "Main Course", "Traditional Drink"], button: { text: "Reserve Now" }, imageSrc: "http://img.b2bpic.net/free-photo/catering-tablecloth-plate-drink-background_1203-5091.jpg" },
{ id: "group", title: "Group Feast", price: "400 E£", period: "Per Person", features: ["Mezze Platter", "Grand Grill Mix", "Fresh Salad", "Dessert Platter"], button: { text: "Reserve Now" }, imageSrc: "http://img.b2bpic.net/free-photo/restaurant-table-14-persons-restaurant-hall-with-brick-walls-wide-windows-wood-ceiling_140725-8457.jpg" },
]}
title="Pricing Options"
description="Our meal tiers offer excellent value for every dining experience."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{
id: "m1",
icon: Star,
title: "Customer Rating",
value: "4.4",
},
{
id: "m2",
icon: MessageSquare,
title: "Total Reviews",
value: "394+",
},
{
id: "m3",
icon: Users,
title: "Happy Guests",
value: "10k+",
},
]}
title="Why Guests Choose Us"
description="Our commitment to quality has earned us the trust and loyalty of our wonderful community."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardThree
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
metrics={[
{ id: "m1", icon: Star, title: "Customer Rating", value: "4.4" },
{ id: "m2", icon: MessageSquare, title: "Total Reviews", value: "394+" },
{ id: "m3", icon: Users, title: "Happy Guests", value: "10k+" },
]}
title="Why Guests Choose Us"
description="Our commitment to quality has earned us the trust and loyalty of our wonderful community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{
id: "t1",
title: "Great Experience",
quote: "The food quality and taste are just as perfect as they were years ago.",
name: "Mohammed Amen",
role: "Long-time Customer",
imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-sweets-lemon-jams_141793-17614.jpg",
},
{
id: "t2",
title: "Amazing Place",
quote: "Love the atmosphere and the food. Truly an authentic experience.",
name: "Yasen Khalaf",
role: "Visitor",
imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262147.jpg",
},
{
id: "t3",
title: "Highly Recommended",
quote: "Excellent variety of dishes. Always fresh and served with a smile.",
name: "Sarah Ahmed",
role: "Food Blogger",
imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-cheeses-honey-tea-azeri-traditional-kyukyu-with-pomegranate_141793-34.jpg",
},
{
id: "t4",
title: "A True Staple",
quote: "There is a reason this place has been around for so long. Simply delicious.",
name: "David Smith",
role: "Local Resident",
imageSrc: "http://img.b2bpic.net/free-photo/woman-using-breast-feeding-pump_23-2149402284.jpg",
},
{
id: "t5",
title: "Good Memories",
quote: "Every meal here brings back great memories. Consistency is key here.",
name: "Layla Hassan",
role: "Regular Guest",
imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575134.jpg",
},
]}
title="What Our Guests Say"
description="We are proud of the feedback from our valued dining community."
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
textboxLayout="default"
useInvertedBackground={false}
testimonials={[
{ id: "t1", title: "Great Experience", quote: "The food quality and taste are just as perfect as they were years ago.", name: "Mohammed Amen", role: "Long-time Customer", imageSrc: "http://img.b2bpic.net/free-photo/tea-set-with-sweets-lemon-jams_141793-17614.jpg" },
{ id: "t2", title: "Amazing Place", quote: "Love the atmosphere and the food. Truly an authentic experience.", name: "Yasen Khalaf", role: "Visitor", imageSrc: "http://img.b2bpic.net/free-photo/senior-friends-having-wonderful-time-together_23-2149262147.jpg" },
{ id: "t3", title: "Highly Recommended", quote: "Excellent variety of dishes. Always fresh and served with a smile.", name: "Sarah Ahmed", role: "Food Blogger", imageSrc: "http://img.b2bpic.net/free-photo/breakfast-set-cheeses-honey-tea-azeri-traditional-kyukyu-with-pomegranate_141793-34.jpg" },
{ id: "t4", title: "A True Staple", quote: "There is a reason this place has been around for so long. Simply delicious.", name: "David Smith", role: "Local Resident", imageSrc: "http://img.b2bpic.net/free-photo/woman-using-breast-feeding-pump_23-2149402284.jpg" },
{ id: "t5", title: "Good Memories", quote: "Every meal here brings back great memories. Consistency is key here.", name: "Layla Hassan", role: "Regular Guest", imageSrc: "http://img.b2bpic.net/free-photo/young-adult-having-fun-white-party_23-2149575134.jpg" },
]}
title="What Our Guests Say"
description="We are proud of the feedback from our valued dining community."
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "What are your operating hours?",
content: "We are open daily until 2:00 AM.",
},
{
id: "q2",
title: "Do you offer delivery services?",
content: "Yes, we provide fast delivery for all your cravings.",
},
{
id: "q3",
title: "Is seating available indoors?",
content: "We offer comfortable indoor seating in a welcoming environment.",
},
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our restaurant services."
faqsAnimation="slide-up"
/>
</div>
<div id="faq" data-section="faq">
<FaqSplitText
useInvertedBackground={true}
faqs={[
{ id: "q1", title: "What are your operating hours?", content: "We are open daily until 2:00 AM." },
{ id: "q2", title: "Do you offer delivery services?", content: "Yes, we provide fast delivery for all your cravings." },
{ id: "q3", title: "Is seating available indoors?", content: "We offer comfortable indoor seating in a welcoming environment." },
]}
sideTitle="Frequently Asked Questions"
sideDescription="Everything you need to know about our restaurant services."
faqsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
text="Visit us at 32 Abdul Rahman Al Rafei Street, Al-Matar, Al-Nozha, Cairo. We look forward to welcoming you!"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{ variant: "rotated-rays-static" }}
text="Visit us at 32 Abdul Rahman Al Rafei Street, Al-Matar, Al-Nozha, Cairo. We look forward to welcoming you!"
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Lebanese Kitchen"
copyrightText="© 2025 Lebanese Kitchen. All rights reserved."
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="Lebanese Kitchen"
copyrightText="© 2025 Lebanese Kitchen. All rights reserved."
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}