Merge version_1 into main #2
242
src/app/page.tsx
242
src/app/page.tsx
@@ -31,21 +31,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
name: "Menu", id: "menu"},
|
||||
{
|
||||
name: "Réservation",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Réservation", id: "contact"},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
name: "Galerie", id: "gallery"},
|
||||
]}
|
||||
brandName="Le Petit Nakama"
|
||||
/>
|
||||
@@ -54,77 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
}}
|
||||
variant: "glowing-orb"}}
|
||||
title="Le spot cocktail japonais incontournable à Nantes"
|
||||
description="Cocktails uniques, ambiance immersive, moments inoubliables. Plongez dans une expérience nippone inédite au cœur de la Cité des Ducs."
|
||||
kpis={[
|
||||
{
|
||||
value: "15+",
|
||||
label: "Créations Signature",
|
||||
},
|
||||
value: "15+", label: "Créations Signature"},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Ambiance Immersive",
|
||||
},
|
||||
value: "100%", label: "Ambiance Immersive"},
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avis Google",
|
||||
},
|
||||
value: "4.9/5", label: "Avis Google"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver une table", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-bottle-blue-lagoon-decorated-with-rope-colourful-clothespin_140725-6014.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/glass-bottle-blue-lagoon-decorated-with-rope-colourful-clothespin_140725-6014.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hand-holding-sake-drink_23-2149706147.jpg",
|
||||
alt: "Client 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-hand-holding-sake-drink_23-2149706147.jpg", alt: "Client 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-drinks_23-2149132206.jpg",
|
||||
alt: "Client 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-delicious-drinks_23-2149132206.jpg", alt: "Client 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cream-is-poured-into-round-shaped-glass-with-red-cocktail-garnished-with-cream-flower_140725-5010.jpg",
|
||||
alt: "Client 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/cream-is-poured-into-round-shaped-glass-with-red-cocktail-garnished-with-cream-flower_140725-5010.jpg", alt: "Client 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg",
|
||||
alt: "Client 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/hookah-sparksfrom-grapefruit-hookah-bowl_141793-3261.jpg", alt: "Client 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-glass-drink-dating-her-boyfriend_23-2147859562.jpg",
|
||||
alt: "Client 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-woman-holding-glass-drink-dating-her-boyfriend_23-2147859562.jpg", alt: "Client 5"},
|
||||
]}
|
||||
avatarText="Rejoignez notre communauté de passionnés"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Mixologie Créative",
|
||||
},
|
||||
type: "text", text: "Mixologie Créative"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Produits Frais",
|
||||
},
|
||||
type: "text", text: "Produits Frais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ambiance Tokyo",
|
||||
},
|
||||
type: "text", text: "Ambiance Tokyo"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Esprit Nantaise",
|
||||
},
|
||||
type: "text", text: "Esprit Nantaise"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expérience Unique",
|
||||
},
|
||||
type: "text", text: "Expérience Unique"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -135,60 +98,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Julie M.",
|
||||
date: "12/03/2024",
|
||||
title: "Incontournable",
|
||||
quote: "Des saveurs incroyables.",
|
||||
tag: "Date Spot",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-food_23-2149143975.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-blue-lagoon-decorated-with-rope-colourful-clothespin_140725-6014.jpg?_wi=2",
|
||||
imageAlt: "client souriant bar",
|
||||
},
|
||||
id: "1", name: "Julie M.", date: "12/03/2024", title: "Incontournable", quote: "Des saveurs incroyables.", tag: "Date Spot", avatarSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-friends-with-food_23-2149143975.jpg", imageSrc: "http://img.b2bpic.net/free-photo/glass-bottle-blue-lagoon-decorated-with-rope-colourful-clothespin_140725-6014.jpg", imageAlt: "client souriant bar"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc T.",
|
||||
date: "15/02/2024",
|
||||
title: "Atmosphère magique",
|
||||
quote: "L'ambiance est parfaite.",
|
||||
tag: "Amis",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-his-two-female-friends-holding-glasses-drinks_23-2147859569.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-having-date-with-her-boyfriend-valentine-s-day_23-2149161989.jpg",
|
||||
imageAlt: "client souriant bar",
|
||||
},
|
||||
id: "2", name: "Marc T.", date: "15/02/2024", title: "Atmosphère magique", quote: "L'ambiance est parfaite.", tag: "Amis", avatarSrc: "http://img.b2bpic.net/free-photo/young-man-with-his-two-female-friends-holding-glasses-drinks_23-2147859569.jpg", imageSrc: "http://img.b2bpic.net/free-photo/woman-having-date-with-her-boyfriend-valentine-s-day_23-2149161989.jpg", imageAlt: "client souriant bar"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Claire B.",
|
||||
date: "05/01/2024",
|
||||
title: "Sublime",
|
||||
quote: "Une parenthèse japonaise.",
|
||||
tag: "Soirée",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-looking-mirror-applying-lipstick_23-2147936120.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-serving-cocktail-martini-glass_23-2148209352.jpg",
|
||||
imageAlt: "client souriant bar",
|
||||
},
|
||||
id: "3", name: "Claire B.", date: "05/01/2024", title: "Sublime", quote: "Une parenthèse japonaise.", tag: "Soirée", avatarSrc: "http://img.b2bpic.net/free-photo/fashionable-young-woman-looking-mirror-applying-lipstick_23-2147936120.jpg", imageSrc: "http://img.b2bpic.net/free-photo/male-bartender-serving-cocktail-martini-glass_23-2148209352.jpg", imageAlt: "client souriant bar"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Thomas L.",
|
||||
date: "20/12/2023",
|
||||
title: "Excellence",
|
||||
quote: "Le service est impeccable.",
|
||||
tag: "Premium",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132201.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709061.jpg?_wi=1",
|
||||
imageAlt: "client souriant bar",
|
||||
},
|
||||
id: "4", name: "Thomas L.", date: "20/12/2023", title: "Excellence", quote: "Le service est impeccable.", tag: "Premium", avatarSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132201.jpg", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709061.jpg", imageAlt: "client souriant bar"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Sophie P.",
|
||||
date: "10/11/2023",
|
||||
title: "Un pur bonheur",
|
||||
quote: "Service rapide et magnifique.",
|
||||
tag: "Cocktails",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/yellow-color-cocktail-with-ice_140725-2462.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sushi-meal-sliced-fish-rolls-with-seashells-grey-wall_140725-46915.jpg?_wi=1",
|
||||
imageAlt: "client souriant bar",
|
||||
},
|
||||
id: "5", name: "Sophie P.", date: "10/11/2023", title: "Un pur bonheur", quote: "Service rapide et magnifique.", tag: "Cocktails", avatarSrc: "http://img.b2bpic.net/free-photo/yellow-color-cocktail-with-ice_140725-2462.jpg", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sushi-meal-sliced-fish-rolls-with-seashells-grey-wall_140725-46915.jpg", imageAlt: "client souriant bar"},
|
||||
]}
|
||||
title="Ce que disent nos clients"
|
||||
description="L'expérience Nakama vue par ceux qui ont partagé nos verres."
|
||||
@@ -200,9 +118,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="L'Art de l'Immersif"
|
||||
description={[
|
||||
"Le Petit Nakama Bar est plus qu'un bar. C'est un voyage sensoriel au cœur du Japon.",
|
||||
"Inspiré par les bars cachés de Tokyo, nous apportons à Nantes une touche de mystère et d'élégance artisanale.",
|
||||
]}
|
||||
"Le Petit Nakama Bar est plus qu'un bar. C'est un voyage sensoriel au cœur du Japon.", "Inspiré par les bars cachés de Tokyo, nous apportons à Nantes une touche de mystère et d'élégance artisanale."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -214,41 +130,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Yuzu Zen",
|
||||
price: "14€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132201.jpg",
|
||||
},
|
||||
id: "1", name: "Yuzu Zen", price: "14€", imageSrc: "http://img.b2bpic.net/free-photo/close-up-bartender-cocktail-shaker_23-2149132201.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sakura Noir",
|
||||
price: "15€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709061.jpg?_wi=2",
|
||||
},
|
||||
id: "2", name: "Sakura Noir", price: "15€", imageSrc: "http://img.b2bpic.net/free-photo/minimalist-still-life-asian-tea_23-2149709061.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Matcha Gin",
|
||||
price: "13€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/yellow-color-cocktail-with-ice_140725-2462.jpg",
|
||||
},
|
||||
id: "3", name: "Matcha Gin", price: "13€", imageSrc: "http://img.b2bpic.net/free-photo/yellow-color-cocktail-with-ice_140725-2462.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Gyoza Craft",
|
||||
price: "9€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sushi-meal-sliced-fish-rolls-with-seashells-grey-wall_140725-46915.jpg?_wi=2",
|
||||
},
|
||||
id: "4", name: "Gyoza Craft", price: "9€", imageSrc: "http://img.b2bpic.net/free-photo/front-view-tasty-sushi-meal-sliced-fish-rolls-with-seashells-grey-wall_140725-46915.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Umami Fusion",
|
||||
price: "16€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-lemonades-with-mint-lemon-marble-surface_114579-33767.jpg",
|
||||
},
|
||||
id: "5", name: "Umami Fusion", price: "16€", imageSrc: "http://img.b2bpic.net/free-photo/two-lemonades-with-mint-lemon-marble-surface_114579-33767.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Mochi Bites",
|
||||
price: "8€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/rolls-fish-brown-round-surface-along-with-black-sauce-top-view-wooden-surface_140725-14204.jpg",
|
||||
},
|
||||
id: "6", name: "Mochi Bites", price: "8€", imageSrc: "http://img.b2bpic.net/free-photo/rolls-fish-brown-round-surface-along-with-black-sauce-top-view-wooden-surface_140725-14204.jpg"},
|
||||
]}
|
||||
title="Nos Créations Signature"
|
||||
description="Découvrez notre sélection de cocktails artisanaux, pensés comme de véritables invitations au voyage."
|
||||
@@ -257,38 +149,21 @@ export default function LandingPage() {
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<FeatureCardTwelve
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
label: "Atmosphère",
|
||||
title: "Design",
|
||||
items: [
|
||||
"Lumières",
|
||||
"Épuré",
|
||||
"Bois",
|
||||
],
|
||||
id: "1", label: "Atmosphère", title: "Design", items: [
|
||||
"Lumières", "Épuré", "Bois"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
label: "Cocktails",
|
||||
title: "Art",
|
||||
items: [
|
||||
"Frais",
|
||||
"Créatif",
|
||||
"Japon",
|
||||
],
|
||||
id: "2", label: "Cocktails", title: "Art", items: [
|
||||
"Frais", "Créatif", "Japon"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
label: "Lieu",
|
||||
title: "Centre",
|
||||
items: [
|
||||
"Date",
|
||||
"Accueil",
|
||||
"Unique",
|
||||
],
|
||||
id: "3", label: "Lieu", title: "Centre", items: [
|
||||
"Date", "Accueil", "Unique"],
|
||||
},
|
||||
]}
|
||||
title="Une Immersion Totale"
|
||||
@@ -304,20 +179,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "loc-1",
|
||||
value: "12 Rue de Nantes",
|
||||
description: "Adresse",
|
||||
},
|
||||
id: "loc-1", value: "12 Rue de Nantes", description: "Adresse"},
|
||||
{
|
||||
id: "loc-2",
|
||||
value: "18h - 02h",
|
||||
description: "Ouverture",
|
||||
},
|
||||
id: "loc-2", value: "18h - 02h", description: "Ouverture"},
|
||||
{
|
||||
id: "loc-3",
|
||||
value: "Centre Ville",
|
||||
description: "Accès",
|
||||
},
|
||||
id: "loc-3", value: "Centre Ville", description: "Accès"},
|
||||
]}
|
||||
title="Où nous trouver"
|
||||
description="En plein centre de Nantes."
|
||||
@@ -328,8 +194,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Réservez Maintenant"
|
||||
title="Rejoignez le Nakama"
|
||||
description="Nos places sont limitées. Garantissez votre expérience."
|
||||
@@ -343,30 +208,21 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Nav",
|
||||
items: [
|
||||
title: "Nav", items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
label: "Accueil", href: "#hero"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Info",
|
||||
items: [
|
||||
title: "Info", items: [
|
||||
{
|
||||
label: "Réservations",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Réservations", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Social",
|
||||
items: [
|
||||
title: "Social", items: [
|
||||
{
|
||||
label: "Insta",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
label: "Insta", href: "https://instagram.com"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user