Merge version_1 into main #1
361
src/app/page.tsx
361
src/app/page.tsx
@@ -19,253 +19,140 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="shift-hover"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="L'Abordage"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="L'Abordage"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Bienvenue à L'Abordage"
|
||||
description="Un havre culinaire où la fraîcheur rencontre la tradition au cœur de notre cuisine artisanale."
|
||||
carouselItems={[
|
||||
{
|
||||
id: "c1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149356834.jpg",
|
||||
imageAlt: "Extérieur du restaurant",
|
||||
},
|
||||
{
|
||||
id: "c2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg",
|
||||
imageAlt: "Plat signature",
|
||||
},
|
||||
{
|
||||
id: "c3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg",
|
||||
imageAlt: "Ambiance salle",
|
||||
},
|
||||
{
|
||||
id: "c4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-ingredients-board_23-2147694299.jpg",
|
||||
imageAlt: "Ingrédients frais",
|
||||
},
|
||||
{
|
||||
id: "c5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215775.jpg",
|
||||
imageAlt: "Service convivial",
|
||||
},
|
||||
{
|
||||
id: "c6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-lemonade-with-copy-space_23-2148531851.jpg",
|
||||
imageAlt: "Bar et boissons",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Bienvenue à L'Abordage"
|
||||
description="Un havre culinaire où la fraîcheur rencontre la tradition au cœur de notre cuisine artisanale."
|
||||
carouselItems={[
|
||||
{ id: "c1", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149356834.jpg", imageAlt: "Extérieur du restaurant" },
|
||||
{ id: "c2", imageSrc: "http://img.b2bpic.net/free-photo/crab-meat-coconut-cream-soup-micro-greens-gray-concrete-background-top-view-copy-space-h_1258-52397.jpg", imageAlt: "Plat signature" },
|
||||
{ id: "c3", imageSrc: "http://img.b2bpic.net/free-photo/empty-dining-table-restaurant_53876-64723.jpg", imageAlt: "Ambiance salle" },
|
||||
{ id: "c4", imageSrc: "http://img.b2bpic.net/free-photo/different-ingredients-board_23-2147694299.jpg", imageAlt: "Ingrédients frais" },
|
||||
{ id: "c5", imageSrc: "http://img.b2bpic.net/free-photo/friends-having-fun-their-reunion_23-2149215775.jpg", imageAlt: "Service convivial" },
|
||||
{ id: "c6", imageSrc: "http://img.b2bpic.net/free-photo/delicious-homemade-lemonade-with-copy-space_23-2148531851.jpg", imageAlt: "Bar et boissons" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Passion et Partage"
|
||||
description="L'Abordage est né de l'envie de créer un lieu convivial où la qualité des produits locaux est reine."
|
||||
subdescription="Chaque jour, notre brigade sélectionne les meilleurs ingrédients pour sublimer vos assiettes et vous faire vivre un moment inoubliable."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Chef professionnel dans la cuisine"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Passion et Partage"
|
||||
description="L'Abordage est né de l'envie de créer un lieu convivial où la qualité des produits locaux est reine."
|
||||
subdescription="Chaque jour, notre brigade sélectionne les meilleurs ingrédients pour sublimer vos assiettes et vous faire vivre un moment inoubliable."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-professional-chefs-working-together_23-2151232189.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Chef professionnel dans la cuisine"
|
||||
icon={Award}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Filet de Poisson du Jour",
|
||||
price: "24€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-charred-octopus_74190-7584.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Pasta aux Saveurs du Sud",
|
||||
price: "18€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pasta-creamy-sauce-with-broccoli-grated-parmesan_140725-6762.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Entrecôte Maturée",
|
||||
price: "29€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-tasty-salted-with-cutlery-table-food-meat-meal-restaurant_140725-28144.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Salade des Jardins",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-vegetable-plate_1203-9236.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Moelleux au Chocolat",
|
||||
price: "9€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-types-delicious-desserts_1203-652.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Cocktail Maison",
|
||||
price: "10€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glass-with-ice-cubes-shadow_23-2151984960.jpg",
|
||||
},
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="Une carte changeante au rythme des saisons."
|
||||
/>
|
||||
</div>
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardOne
|
||||
animationType="slide-up"
|
||||
textboxLayout="split-description"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "p1", name: "Filet de Poisson du Jour", price: "24€", imageSrc: "http://img.b2bpic.net/free-photo/grilled-charred-octopus_74190-7584.jpg" },
|
||||
{ id: "p2", name: "Pasta aux Saveurs du Sud", price: "18€", imageSrc: "http://img.b2bpic.net/free-photo/pasta-creamy-sauce-with-broccoli-grated-parmesan_140725-6762.jpg" },
|
||||
{ id: "p3", name: "Entrecôte Maturée", price: "29€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-tasty-salted-with-cutlery-table-food-meat-meal-restaurant_140725-28144.jpg" },
|
||||
{ id: "p4", name: "Salade des Jardins", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/fruit-salad-with-vegetable-plate_1203-9236.jpg" },
|
||||
{ id: "p5", name: "Moelleux au Chocolat", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/different-types-delicious-desserts_1203-652.jpg" },
|
||||
{ id: "p6", name: "Cocktail Maison", price: "10€", imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee-glass-with-ice-cubes-shadow_23-2151984960.jpg" }
|
||||
]}
|
||||
title="Nos Spécialités"
|
||||
description="Une carte changeante au rythme des saisons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Marie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Lucas P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427650.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Sophie B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Jean C.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150300134.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Claire M.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Ce que disent nos convives"
|
||||
cardTag="Avis Clients"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Marie D.", imageSrc: "http://img.b2bpic.net/free-photo/happy-girl-taking-photo-her-salad-indoor-portrait-smiling-brunette-woman-having-fun-dinner_197531-17193.jpg" },
|
||||
{ id: "t2", name: "Lucas P.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150427650.jpg" },
|
||||
{ id: "t3", name: "Sophie B.", imageSrc: "http://img.b2bpic.net/free-photo/watching-funny-video-internet-with-coworkers-cafe-terrace-with-tasty-food_8353-10265.jpg" },
|
||||
{ id: "t4", name: "Jean C.", imageSrc: "http://img.b2bpic.net/free-photo/elder-group-friends-partying_23-2150300134.jpg" },
|
||||
{ id: "t5", name: "Claire M.", imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-enjoying-dining-table-while-communicating-with-her-husband_637285-3516.jpg" }
|
||||
]}
|
||||
cardTitle="Ce que disent nos convives"
|
||||
cardTag="Avis Clients"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="L'Équipe en Cuisine"
|
||||
tag="Nos Chefs"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{
|
||||
id: "tm1",
|
||||
name: "Chef Pierre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865312.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm2",
|
||||
name: "Julie",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cook-pouring-sauce-big-plate-with-salad_23-2148040165.jpg",
|
||||
},
|
||||
{
|
||||
id: "tm3",
|
||||
name: "Marc",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865335.jpg",
|
||||
},
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
<div id="team" data-section="team">
|
||||
<TeamCardTen
|
||||
useInvertedBackground={true}
|
||||
title="L'Équipe en Cuisine"
|
||||
tag="Nos Chefs"
|
||||
membersAnimation="slide-up"
|
||||
members={[
|
||||
{ id: "tm1", name: "Chef Pierre", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865312.jpg" },
|
||||
{ id: "tm2", name: "Julie", imageSrc: "http://img.b2bpic.net/free-photo/cook-pouring-sauce-big-plate-with-salad_23-2148040165.jpg" },
|
||||
{ id: "tm3", name: "Marc", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-people-learning-make-sushi_23-2149865335.jpg" }
|
||||
]}
|
||||
memberVariant="card"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Dois-je réserver ?",
|
||||
content: "Il est fortement conseillé de réserver surtout le week-end.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Puis-je privatiser ?",
|
||||
content: "Oui, nous organisons vos événements privés sur demande.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Quelle est la spécialité ?",
|
||||
content: "Nous travaillons les produits de la mer et les produits de saison.",
|
||||
},
|
||||
]}
|
||||
sideTitle="Questions Pratiques"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitText
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "f1", title: "Dois-je réserver ?", content: "Il est fortement conseillé de réserver surtout le week-end." },
|
||||
{ id: "f2", title: "Puis-je privatiser ?", content: "Oui, nous organisons vos événements privés sur demande." },
|
||||
{ id: "f3", title: "Quelle est la spécialité ?", content: "Nous travaillons les produits de la mer et les produits de saison." }
|
||||
]}
|
||||
sideTitle="Questions Pratiques"
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact"
|
||||
title="Réservations & Renseignements"
|
||||
description="N'hésitez pas à nous contacter par e-mail ou téléphone pour vos prochaines visites."
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Envoyer"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Réservations & Renseignements"
|
||||
description="N'hésitez pas à nous contacter par e-mail ou téléphone pour vos prochaines visites."
|
||||
inputPlaceholder="Votre adresse email"
|
||||
buttonText="Envoyer"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="L'Abordage"
|
||||
leftLink={{
|
||||
text: "Confidentialité",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Mentions Légales",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="L'Abordage"
|
||||
leftLink={{ text: "Confidentialité", href: "#" }}
|
||||
rightLink={{ text: "Mentions Légales", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user