Merge version_1 into main #2
341
src/app/page.tsx
341
src/app/page.tsx
@@ -25,261 +25,104 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Notre Cuisine",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Royal Wok"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Notre Cuisine", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Royal Wok"
|
||||
button={{ text: "Réserver", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Royal Wok"
|
||||
description="L'excellence de la cuisine asiatique au cœur de Montluçon. Un buffet à volonté raffiné et des saveurs authentiques dans un cadre chaleureux."
|
||||
buttons={[
|
||||
{
|
||||
text: "Voir le Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg?_wi=1",
|
||||
imageAlt: "Royal Wok Montluçon",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg?_wi=2",
|
||||
imageAlt: "Buffet varié",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg?_wi=3",
|
||||
imageAlt: "Cuisine minute",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg?_wi=4",
|
||||
imageAlt: "Cadre élégant",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg?_wi=5",
|
||||
imageAlt: "Saveurs d'Asie",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Royal Wok"
|
||||
description="L'excellence de la cuisine asiatique au cœur de Montluçon. Un buffet à volonté raffiné et des saveurs authentiques dans un cadre chaleureux."
|
||||
buttons={[
|
||||
{ text: "Voir le Menu", href: "#products" },
|
||||
{ text: "Réserver", href: "#contact" },
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg", imageAlt: "Royal Wok Montluçon" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg", imageAlt: "Buffet varié" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg", imageAlt: "Cuisine minute" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg", imageAlt: "Cadre élégant" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/rice-noodles-with-shrimps-vegetables_23-2148195561.jpg", imageAlt: "Saveurs d'Asie" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une expérience culinaire unique",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-frying-onions-with-pan-stove2_176474-3099.jpg",
|
||||
alt: "Chef au travail",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "En savoir plus",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "text", content: "Une expérience culinaire unique" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/side-view-frying-onions-with-pan-stove2_176474-3099.jpg", alt: "Chef au travail" },
|
||||
]}
|
||||
buttons={[{ text: "En savoir plus", href: "#contact" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sushi Assortiment",
|
||||
price: "Buffet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg?_wi=1",
|
||||
brand: "Royal Wok",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Dim Sum Vapeur",
|
||||
price: "Buffet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg?_wi=2",
|
||||
brand: "Royal Wok",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Wok de Crevettes",
|
||||
price: "Buffet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg?_wi=3",
|
||||
brand: "Royal Wok",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Viandes Grillées",
|
||||
price: "Buffet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg?_wi=4",
|
||||
brand: "Royal Wok",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Nems Croustillants",
|
||||
price: "Buffet",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg?_wi=5",
|
||||
brand: "Royal Wok",
|
||||
},
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="Découvrez notre vaste sélection de plats cuisinés minute et notre buffet à volonté."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Nos Spécialités"
|
||||
description="Découvrez notre vaste sélection de plats cuisinés minute et notre buffet à volonté."
|
||||
products={[
|
||||
{ id: "1", name: "Sushi Assortiment", price: "Buffet", rating: 5, reviewCount: "450", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", brand: "Royal Wok" },
|
||||
{ id: "2", name: "Dim Sum Vapeur", price: "Buffet", rating: 5, reviewCount: "320", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", brand: "Royal Wok" },
|
||||
{ id: "3", name: "Wok de Crevettes", price: "Buffet", rating: 5, reviewCount: "280", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", brand: "Royal Wok" },
|
||||
{ id: "4", name: "Viandes Grillées", price: "Buffet", rating: 5, reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", brand: "Royal Wok" },
|
||||
{ id: "5", name: "Nems Croustillants", price: "Buffet", rating: 5, reviewCount: "500", imageSrc: "http://img.b2bpic.net/free-photo/crispy-fried-spring-rolls-dark-background_84443-85719.jpg", brand: "Royal Wok" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Jean Dupont",
|
||||
role: "Client",
|
||||
company: "Montluçon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marie Martin",
|
||||
role: "Client",
|
||||
company: "Montluçon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Lucie Bernard",
|
||||
role: "Client",
|
||||
company: "Montluçon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Pierre Durand",
|
||||
role: "Client",
|
||||
company: "Montluçon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie Petit",
|
||||
role: "Client",
|
||||
company: "Montluçon",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg?_wi=5",
|
||||
},
|
||||
]}
|
||||
title="Ce qu'ils pensent de nous"
|
||||
description="La satisfaction de nos clients est notre plus belle récompense."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
title="Ce qu'ils pensent de nous"
|
||||
description="La satisfaction de nos clients est notre plus belle récompense."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Jean Dupont", role: "Client", company: "Montluçon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "2", name: "Marie Martin", role: "Client", company: "Montluçon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "3", name: "Lucie Bernard", role: "Client", company: "Montluçon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "4", name: "Pierre Durand", role: "Client", company: "Montluçon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
{ id: "5", name: "Sophie Petit", role: "Client", company: "Montluçon", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-friends-chatting-table_23-2149213369.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
text="Réservez votre table dès maintenant au 04 70 00 00 00 ou venez nous rendre visite au centre de Montluçon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler",
|
||||
href: "tel:+33470000000",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
text="Réservez votre table dès maintenant au 04 70 00 00 00 ou venez nous rendre visite au centre de Montluçon."
|
||||
buttons={[{ text: "Appeler", href: "tel:+33470000000" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg"
|
||||
logoText="Royal Wok"
|
||||
columns={[
|
||||
{
|
||||
title: "Menu",
|
||||
items: [
|
||||
{
|
||||
label: "Buffet",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Spécialités",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Infos",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Horaires",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-luxury-restaurant_23-2150598348.jpg"
|
||||
logoText="Royal Wok"
|
||||
columns={[
|
||||
{ title: "Menu", items: [{ label: "Buffet", href: "#products" }, { label: "Spécialités", href: "#products" }] },
|
||||
{ title: "Infos", items: [{ label: "Contact", href: "#contact" }, { label: "Horaires", href: "#" }] },
|
||||
{ title: "Légal", items: [{ label: "Mentions Légales", href: "#" }, { label: "Confidentialité", href: "#" }] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user