Merge version_2 into main #1
343
src/app/page.tsx
343
src/app/page.tsx
@@ -31,26 +31,11 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Notre Histoire",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Notre Histoire", id: "about" },
|
||||
{ name: "Menu", id: "products" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="KOLLA"
|
||||
/>
|
||||
@@ -59,98 +44,36 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="L'Authentique Grill Coréen à Bussy-Saint-Georges"
|
||||
description="Vivez une expérience culinaire immersive où la tradition rencontre la modernité. Viandes grillées, saveurs authentiques et ambiance conviviale vous attendent chez KOLLA."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Rodriguez Cindy",
|
||||
testimonial: "Une très belle découverte ! Cela m’a rappelé mon voyage en Corée.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nicole Lina",
|
||||
testimonial: "Trop bon ce resto. Les serveuses sont aux petits soins.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg",
|
||||
},
|
||||
{
|
||||
name: "Steffi",
|
||||
testimonial: "Le nouveau champion des restaurants coréens du secteur.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marc T.",
|
||||
testimonial: "La qualité des plats est exceptionnelle.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-dinner-by-table-with-mixed-foods_114579-3728.jpg",
|
||||
},
|
||||
{
|
||||
name: "Julie L.",
|
||||
testimonial: "Adresse incontournable pour les amateurs de grillades.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-eating-home_23-2150272454.jpg",
|
||||
},
|
||||
{ name: "Rodriguez Cindy", handle: "@rodriguez", testimonial: "Une très belle découverte ! Cela m’a rappelé mon voyage en Corée.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-eating-japanese-street-food_23-2149410185.jpg" },
|
||||
{ name: "Nicole Lina", handle: "@nicole", testimonial: "Trop bon ce resto. Les serveuses sont aux petits soins.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/group-friends-eating-restaurant_23-2148395390.jpg" },
|
||||
{ name: "Steffi", handle: "@steffi", testimonial: "Le nouveau champion des restaurants coréens du secteur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-cooking_1098-13267.jpg" },
|
||||
{ name: "Marc T.", handle: "@marc", testimonial: "La qualité des plats est exceptionnelle.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/woman-having-dinner-by-table-with-mixed-foods_114579-3728.jpg" },
|
||||
{ name: "Julie L.", handle: "@julie", testimonial: "Adresse incontournable pour les amateurs de grillades.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-women-eating-home_23-2150272454.jpg" }
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Voir le Menu",
|
||||
href: "#products",
|
||||
},
|
||||
{ text: "Réserver une table", href: "#contact" },
|
||||
{ text: "Voir le Menu", href: "#products" }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/decoration-bean-old-closeup-aroma_1203-5601.jpg"
|
||||
imageAlt="authentic korean barbecue restaurant interior"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/pretty-woman-sits-bar-restaurant_8353-453.jpg",
|
||||
alt: "Pretty woman sits at the bar",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236889.jpg",
|
||||
alt: "Couple having fun",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/blurred-city-lights_23-2148139079.jpg",
|
||||
alt: "Blurred city lights",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg",
|
||||
alt: "Restaurant table",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-smiley-people-with-delicious-food_23-2149929428.jpg",
|
||||
alt: "Happy people eating",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/pretty-woman-sits-bar-restaurant_8353-453.jpg", alt: "Pretty woman sits at the bar" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/couple-having-fun-night_23-2149236889.jpg", alt: "Couple having fun" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/blurred-city-lights_23-2148139079.jpg", alt: "Blurred city lights" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/restaurant-table-with-cutlery_23-2148172713.jpg", alt: "Restaurant table" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-smiley-people-with-delicious-food_23-2149929428.jpg", alt: "Happy people eating" }
|
||||
]}
|
||||
avatarText="Rejoint par plus de 500 gourmets"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Viande grillée au charbon",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Kimchi maison",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Bibimbap traditionnel",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiance authentique",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Service convivial",
|
||||
},
|
||||
{ type: "text", text: "Viande grillée au charbon" },
|
||||
{ type: "text", text: "Kimchi maison" },
|
||||
{ type: "text", text: "Bibimbap traditionnel" },
|
||||
{ type: "text", text: "Ambiance authentique" },
|
||||
{ type: "text", text: "Service convivial" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -159,15 +82,8 @@ export default function LandingPage() {
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Une passion pour la cuisine Coréenne",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-composition-delicious-food_23-2148948993.jpg",
|
||||
alt: "korean chef preparing food",
|
||||
},
|
||||
{ type: "text", content: "Une passion pour la cuisine Coréenne" },
|
||||
{ type: "image", src: "http://img.b2bpic.net/free-photo/beautiful-composition-delicious-food_23-2148948993.jpg", alt: "korean chef preparing food" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -177,27 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
tag: "Tradition",
|
||||
title: "Saveurs Authentiques",
|
||||
subtitle: "Recettes ancestrales",
|
||||
description: "Retrouvez le goût authentique de la Corée.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-5871.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Qualité",
|
||||
title: "Produits Frais",
|
||||
subtitle: "Sélection rigoureuse",
|
||||
description: "Des ingrédients frais pour une expérience optimale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup_23-2148486539.jpg",
|
||||
},
|
||||
{
|
||||
tag: "Ambiance",
|
||||
title: "Convivialité",
|
||||
subtitle: "Partage et plaisir",
|
||||
description: "Un lieu pensé pour les repas en groupe.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg",
|
||||
},
|
||||
{ tag: "Tradition", title: "Saveurs Authentiques", subtitle: "Recettes ancestrales", description: "Retrouvez le goût authentique de la Corée.", imageSrc: "http://img.b2bpic.net/free-photo/grilled-pork-plate_1339-5871.jpg" },
|
||||
{ tag: "Qualité", title: "Produits Frais", subtitle: "Sélection rigoureuse", description: "Des ingrédients frais pour une expérience optimale.", imageSrc: "http://img.b2bpic.net/free-photo/spinach-eggs-ramen-soup_23-2148486539.jpg" },
|
||||
{ tag: "Ambiance", title: "Convivialité", subtitle: "Partage et plaisir", description: "Un lieu pensé pour les repas en groupe.", imageSrc: "http://img.b2bpic.net/free-photo/lunch-cafe-olive-women-eating_1303-2349.jpg" }
|
||||
]}
|
||||
title="Pourquoi choisir KOLLA ?"
|
||||
description="Nous mettons un point d'honneur à respecter les traditions culinaires."
|
||||
@@ -211,60 +109,12 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Spécialité",
|
||||
name: "Bibimbap",
|
||||
price: "18€",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Grill",
|
||||
name: "Barbecue Mix",
|
||||
price: "28€",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-candies-with-cake-inside-plate-dark-background-tea-biscuit-candy-cake-sweet_140725-116350.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Plat",
|
||||
name: "Kimchi Jjigae",
|
||||
price: "16€",
|
||||
rating: 4,
|
||||
reviewCount: "60",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27335.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Entrée",
|
||||
name: "Mochi Thé Vert",
|
||||
price: "6€",
|
||||
rating: 5,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Plat",
|
||||
name: "Bulgogi",
|
||||
price: "22€",
|
||||
rating: 5,
|
||||
reviewCount: "95",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25787.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Boisson",
|
||||
name: "Thé Maison",
|
||||
price: "4€",
|
||||
rating: 4,
|
||||
reviewCount: "30",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/healthy-chinese-cabbage-salad-plate-wooden-table_123827-21097.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Spécialité", name: "Bibimbap", price: "18€", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/fried-pork-topped-with-sesame-placed-black-dish_1150-23120.jpg" },
|
||||
{ id: "p2", brand: "Grill", name: "Barbecue Mix", price: "28€", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/top-view-delicious-sweet-candies-with-cake-inside-plate-dark-background-tea-biscuit-candy-cake-sweet_140725-116350.jpg" },
|
||||
{ id: "p3", brand: "Plat", name: "Kimchi Jjigae", price: "16€", rating: 4, reviewCount: "60", imageSrc: "http://img.b2bpic.net/free-photo/sukiyaki-seafood-served-with-suki-spicy-sauce_1150-27335.jpg" },
|
||||
{ id: "p4", brand: "Entrée", name: "Mochi Thé Vert", price: "6€", rating: 5, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-delicious-fried-meat-potato-black-tray_181624-28399.jpg" },
|
||||
{ id: "p5", brand: "Plat", name: "Bulgogi", price: "22€", rating: 5, reviewCount: "95", imageSrc: "http://img.b2bpic.net/free-photo/tom-yum-kung-bowl-with-tomato-chili-lemongrass-garlic-lemon-kaffir-lime-leaves_1150-25787.jpg" },
|
||||
{ id: "p6", brand: "Boisson", name: "Thé Maison", price: "4€", rating: 4, reviewCount: "30", imageSrc: "http://img.b2bpic.net/free-photo/healthy-chinese-cabbage-salad-plate-wooden-table_123827-21097.jpg" }
|
||||
]}
|
||||
title="Notre Menu Découverte"
|
||||
description="Barbecue coréen traditionnel et spécialités emblématiques."
|
||||
@@ -277,27 +127,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.8",
|
||||
title: "Note Google",
|
||||
description: "Basé sur 200 avis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529799.jpg",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "202",
|
||||
title: "Avis Clients",
|
||||
description: "Communauté fidèle",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-chopped-carrots-green-olives_114579-56825.jpg",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "25€",
|
||||
title: "Prix Moyen",
|
||||
description: "Excellent rapport",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/laughing-chatting-afterworks-meeting-with-coworkers-cozy-small-local-cafe_8353-10284.jpg",
|
||||
},
|
||||
{ id: "m1", value: "4.8", title: "Note Google", description: "Basé sur 200 avis", imageSrc: "http://img.b2bpic.net/free-photo/top-view-chinese-hot-pot_23-2149529799.jpg" },
|
||||
{ id: "m2", value: "202", title: "Avis Clients", description: "Communauté fidèle", imageSrc: "http://img.b2bpic.net/free-photo/vegetable-salad-with-chopped-carrots-green-olives_114579-56825.jpg" },
|
||||
{ id: "m3", value: "25€", title: "Prix Moyen", description: "Excellent rapport", imageSrc: "http://img.b2bpic.net/free-photo/laughing-chatting-afterworks-meeting-with-coworkers-cozy-small-local-cafe_8353-10284.jpg" }
|
||||
]}
|
||||
title="KOLLA en chiffres"
|
||||
description="Une adresse plébiscitée par nos clients."
|
||||
@@ -310,41 +142,11 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Rodriguez",
|
||||
role: "Guide",
|
||||
testimonial: "Incroyable voyage culinaire.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Nicole",
|
||||
role: "Client",
|
||||
testimonial: "Nourriture sublime.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-17447.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Steffi",
|
||||
role: "Guide",
|
||||
testimonial: "Le top du secteur.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Marc",
|
||||
role: "Client",
|
||||
testimonial: "BBQ parfait.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-stuffed-baked-quince-restaurant_140725-5288.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Julie",
|
||||
role: "Client",
|
||||
testimonial: "Ambiance géniale.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/messaging-cafe_1098-16437.jpg",
|
||||
},
|
||||
{ id: "t1", name: "Rodriguez", role: "Guide", testimonial: "Incroyable voyage culinaire.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-woman-holding-glass_23-2148965394.jpg" },
|
||||
{ id: "t2", name: "Nicole", role: "Client", testimonial: "Nourriture sublime.", imageSrc: "http://img.b2bpic.net/free-photo/there-are-glasses-wine-water-table-with-white-cloth-are-ready-dining_613910-17447.jpg" },
|
||||
{ id: "t3", name: "Steffi", role: "Guide", testimonial: "Le top du secteur.", imageSrc: "http://img.b2bpic.net/free-photo/positive-gorgeous-young-female-feels-happy-coffee-shop_273609-2792.jpg" },
|
||||
{ id: "t4", name: "Marc", role: "Client", testimonial: "BBQ parfait.", imageSrc: "http://img.b2bpic.net/free-photo/woman-eating-stuffed-baked-quince-restaurant_140725-5288.jpg" },
|
||||
{ id: "t5", name: "Julie", role: "Client", testimonial: "Ambiance géniale.", imageSrc: "http://img.b2bpic.net/free-photo/messaging-cafe_1098-16437.jpg" }
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="Vos retours sont notre plus belle récompense."
|
||||
@@ -356,21 +158,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Faut-il réserver ?",
|
||||
content: "Oui, fortement recommandé.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Options végétariennes ?",
|
||||
content: "Plusieurs plats disponibles.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Parking proche ?",
|
||||
content: "Oui, stationnement gratuit.",
|
||||
},
|
||||
{ id: "f1", title: "Faut-il réserver ?", content: "Oui, fortement recommandé." },
|
||||
{ id: "f2", title: "Options végétariennes ?", content: "Plusieurs plats disponibles." },
|
||||
{ id: "f3", title: "Parking proche ?", content: "Oui, stationnement gratuit." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-chef-cooking_23-2148471869.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -383,9 +173,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Restons en contact"
|
||||
description="Inscrivez-vous pour nos actus."
|
||||
@@ -398,40 +186,25 @@ export default function LandingPage() {
|
||||
logoText="KOLLA Grill Coréen"
|
||||
columns={[
|
||||
{
|
||||
title: "Adresse",
|
||||
items: [
|
||||
{
|
||||
label: "1 Pl. Jacques Prévert",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "77600 Bussy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Adresse", items: [
|
||||
{ label: "1 Pl. Jacques Prévert", href: "#" },
|
||||
{ label: "77600 Bussy", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Horaires",
|
||||
items: [
|
||||
{
|
||||
label: "18:30 - 22:00",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
title: "Horaires", items: [
|
||||
{ label: "18:30 - 22:00", href: "#" }
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "06 72 69 56 50",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
title: "Contact", items: [
|
||||
{ label: "06 72 69 56 50", href: "#" }
|
||||
]
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user