Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
389
src/app/page.tsx
389
src/app/page.tsx
@@ -25,275 +25,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="extrabold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Our Story",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Les Portes d'Orient"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Our Story", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Les Portes d'Orient"
|
||||
button={{ text: "Book Now", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Les Portes d'Orient"
|
||||
description="Experience the authentic magic of oriental flavors in the heart of Mons, Belgium."
|
||||
buttons={[
|
||||
{
|
||||
text: "Reserve a Table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "View Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190934.jpg"
|
||||
imageAlt="Oriental restaurant atmosphere"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg",
|
||||
alt: "Diner 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
alt: "Diner 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-man-using-smart-phone-making-contactless-payment-waitress-while-being-with-friends-pub_637285-4117.jpg",
|
||||
alt: "Diner 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
alt: "Diner 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
alt: "Diner 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroOverlay
|
||||
title="Les Portes d'Orient"
|
||||
description="Experience the authentic magic of oriental flavors in the heart of Mons, Belgium."
|
||||
buttons={[
|
||||
{ text: "Reserve a Table", href: "#contact" },
|
||||
{ text: "View Menu", href: "#menu" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/middle-age-friends-night-having-dinner_23-2149190934.jpg"
|
||||
imageAlt="Oriental restaurant atmosphere"
|
||||
showDimOverlay={true}
|
||||
showBlur={true}
|
||||
textPosition="bottom"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg", alt: "Diner 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg", alt: "Diner 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-man-using-smart-phone-making-contactless-payment-waitress-while-being-with-friends-pub_637285-4117.jpg", alt: "Diner 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg", alt: "Diner 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg", alt: "Diner 5" },
|
||||
]}
|
||||
avatarText="Join 500+ happy diners"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Taste of Tradition in Mons"
|
||||
description="Located in the historic heart of Mons, Les Portes d'Orient is dedicated to bringing you the genuine spices, traditional recipes, and warm hospitality of the Orient. We invite you to a unique culinary journey."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Authentic Recipes",
|
||||
description: "Time-honored recipes passed down through generations.",
|
||||
},
|
||||
{
|
||||
title: "Fresh Ingredients",
|
||||
description: "Locally sourced produce combined with exotic imported spices.",
|
||||
},
|
||||
{
|
||||
title: "Warm Ambiance",
|
||||
description: "A cozy, welcoming space in the center of Mons.",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg"
|
||||
imageAlt="Kitchen cooking authentic oriental dishes"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
title="A Taste of Tradition in Mons"
|
||||
description="Located in the historic heart of Mons, Les Portes d'Orient is dedicated to bringing you the genuine spices, traditional recipes, and warm hospitality of the Orient. We invite you to a unique culinary journey."
|
||||
bulletPoints={[
|
||||
{ title: "Authentic Recipes", description: "Time-honored recipes passed down through generations." },
|
||||
{ title: "Fresh Ingredients", description: "Locally sourced produce combined with exotic imported spices." },
|
||||
{ title: "Warm Ambiance", description: "A cozy, welcoming space in the center of Mons." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/male-chef-kitchen-cooking_23-2148934661.jpg"
|
||||
imageAlt="Kitchen cooking authentic oriental dishes"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Assorted Mezze",
|
||||
price: "€18.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-fruits-plate_140725-1418.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Lamb Tagine",
|
||||
price: "€24.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053704.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Baklava Selection",
|
||||
price: "€9.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/taking-confiture-with-spoon-along-with-glass-tea_114579-4608.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Oriental Salad",
|
||||
price: "€12.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-whole-vegetables-such-as-onions-green-bell-peppers-tomatoes-brown-wooden-desk-grey-floor_140725-13741.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Spiced Basmati Rice",
|
||||
price: "€10.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fermented-sauerkraut-with-cucumber-board-tulle-blue-table_114579-89281.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Fresh Mint Tea",
|
||||
price: "€5.00",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-cinnamon-light-brown-table-lemon-biscuit-tea_140725-125902.jpg",
|
||||
},
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Discover a curated menu featuring the finest oriental delicacies crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
gridVariant="four-items-2x2-equal-grid"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", name: "Assorted Mezze", price: "€18.00", imageSrc: "http://img.b2bpic.net/free-photo/salmon-with-fruits-plate_140725-1418.jpg" },
|
||||
{ id: "p2", name: "Lamb Tagine", price: "€24.00", imageSrc: "http://img.b2bpic.net/free-photo/delicious-white-tuna-recipe-still-life-top-view_23-2151053704.jpg" },
|
||||
{ id: "p3", name: "Baklava Selection", price: "€9.00", imageSrc: "http://img.b2bpic.net/free-photo/taking-confiture-with-spoon-along-with-glass-tea_114579-4608.jpg" },
|
||||
{ id: "p4", name: "Oriental Salad", price: "€12.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-sliced-whole-vegetables-such-as-onions-green-bell-peppers-tomatoes-brown-wooden-desk-grey-floor_140725-13741.jpg" },
|
||||
{ id: "p5", name: "Spiced Basmati Rice", price: "€10.00", imageSrc: "http://img.b2bpic.net/free-photo/fermented-sauerkraut-with-cucumber-board-tulle-blue-table_114579-89281.jpg" },
|
||||
{ id: "p6", name: "Fresh Mint Tea", price: "€5.00", imageSrc: "http://img.b2bpic.net/free-photo/top-view-cup-tea-with-lemon-cinnamon-light-brown-table-lemon-biscuit-tea_140725-125902.jpg" },
|
||||
]}
|
||||
title="Our Signature Dishes"
|
||||
description="Discover a curated menu featuring the finest oriental delicacies crafted with passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah D.",
|
||||
role: "Food Critic",
|
||||
company: "MonsLocal",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
role: "Local Resident",
|
||||
company: "CityCenter",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena V.",
|
||||
role: "Traveler",
|
||||
company: "TripAdvisor",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-smart-phone-making-contactless-payment-waitress-while-being-with-friends-pub_637285-4117.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pierre B.",
|
||||
role: "Regular Guest",
|
||||
company: "MonsCommunity",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie K.",
|
||||
role: "Gourmet Enthusiast",
|
||||
company: "FoodiesBelgique",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg",
|
||||
},
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Heartfelt experiences from our community in Mons."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
animationType="slide-up"
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah D.", role: "Food Critic", company: "MonsLocal", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-hipster-guy-dressed-denim-shirt-wearing-stylish-glasses_273609-6486.jpg" },
|
||||
{ id: "2", name: "Marc L.", role: "Local Resident", company: "CityCenter", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-african-american-woman-cafe_273609-5054.jpg" },
|
||||
{ id: "3", name: "Elena V.", role: "Traveler", company: "TripAdvisor", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/happy-man-using-smart-phone-making-contactless-payment-waitress-while-being-with-friends-pub_637285-4117.jpg" },
|
||||
{ id: "4", name: "Pierre B.", role: "Regular Guest", company: "MonsCommunity", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/merry-young-adult-enjoying-christmas-conversation-video-call-room-decorated-festivity-celebration-talking-woman-preparing-drink-wine-kitchen-with-joyful-ornaments_482257-28400.jpg" },
|
||||
{ id: "5", name: "Sophie K.", role: "Gourmet Enthusiast", company: "FoodiesBelgique", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-carrying-shopping-bags_23-2148660764.jpg" },
|
||||
]}
|
||||
title="What Our Guests Say"
|
||||
description="Heartfelt experiences from our community in Mons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "canvas-reveal",
|
||||
}}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Oriental Escape"
|
||||
description="Join us at Place de Mons for an unforgettable culinary experience."
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "canvas-reveal" }}
|
||||
tag="Visit Us"
|
||||
title="Reserve Your Oriental Escape"
|
||||
description="Join us at Place de Mons for an unforgettable culinary experience."
|
||||
buttonText="Book Now"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Les Portes d'Orient",
|
||||
items: [
|
||||
{
|
||||
label: "Place de Mons, Belgium",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "+32 65 12 34 56",
|
||||
href: "tel:+3265123456",
|
||||
},
|
||||
{
|
||||
label: "contact@lesportesdorient.be",
|
||||
href: "mailto:contact@lesportesdorient.be",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigate",
|
||||
items: [
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#menu",
|
||||
},
|
||||
{
|
||||
label: "Reviews",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Les Portes d'Orient. All rights reserved."
|
||||
bottomRightText="Crafted with passion in Mons"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Les Portes d'Orient", items: [
|
||||
{ label: "Place de Mons, Belgium", href: "#" },
|
||||
{ label: "+32 65 12 34 56", href: "tel:+3265123456" },
|
||||
{ label: "contact@lesportesdorient.be", href: "mailto:contact@lesportesdorient.be" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Navigate", items: [
|
||||
{ label: "Menu", href: "#menu" },
|
||||
{ label: "Reviews", href: "#testimonials" },
|
||||
{ label: "About Us", href: "#about" },
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal", items: [
|
||||
{ label: "Privacy Policy", href: "#" },
|
||||
{ label: "Terms of Service", href: "#" },
|
||||
],
|
||||
},
|
||||
]}
|
||||
bottomLeftText="© 2024 Les Portes d'Orient. All rights reserved."
|
||||
bottomRightText="Crafted with passion in Mons"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user