Merge version_1 into main #2
475
src/app/page.tsx
475
src/app/page.tsx
@@ -28,365 +28,138 @@ export default function LandingPage() {
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "À Propos",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Menu",
|
||||
id: "menu",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="L'Octave"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À Propos", id: "about" },
|
||||
{ name: "Menu", id: "menu" },
|
||||
{ name: "Avis", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="L'Octave"
|
||||
button={{ text: "Réserver", href: "tel:0608010159" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="L'Octave : Une symphonie culinaire à Casablanca"
|
||||
description="Plongez dans un univers de gastronomie française raffinée, sublimé par la douceur d'un piano live."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=1",
|
||||
imageAlt: "Ambiance élégante de L'Octave",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-restaurant-2",
|
||||
imageAlt: "Plats gastronomiques",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=1",
|
||||
imageAlt: "Concert de piano",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-lovely-date_23-2148422309.jpg",
|
||||
imageAlt: "Cuisine française",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=1",
|
||||
imageAlt: "Service impeccable",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-winter-scenes-with-family_23-2149187631.jpg",
|
||||
imageAlt: "Atmosphère chaleureuse",
|
||||
},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="L'Octave : Une symphonie culinaire à Casablanca"
|
||||
description="Plongez dans un univers de gastronomie française raffinée, sublimé par la douceur d'un piano live."
|
||||
mediaItems={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg", imageAlt: "Ambiance élégante de L'Octave" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg", imageAlt: "Plats gastronomiques" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg", imageAlt: "Concert de piano" }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="L'excellence en héritage"
|
||||
metrics={[
|
||||
{
|
||||
icon: Star,
|
||||
label: "Note moyenne",
|
||||
value: "4.9/5",
|
||||
},
|
||||
{
|
||||
icon: Music,
|
||||
label: "Concerts",
|
||||
value: "Live",
|
||||
},
|
||||
{
|
||||
icon: Utensils,
|
||||
label: "Gastronomie",
|
||||
value: "100% FR",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<AboutMetric
|
||||
useInvertedBackground={true}
|
||||
title="L'excellence en héritage"
|
||||
metrics={[
|
||||
{ icon: Star, label: "Note moyenne", value: "4.9/5" },
|
||||
{ icon: Music, label: "Concerts", value: "Live" },
|
||||
{ icon: Utensils, label: "Gastronomie", value: "100% FR" },
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Entrées délicates",
|
||||
description: "Des préparations fines qui éveillent les sens.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-fillet-placed-avocado-slices-sauce-topped-with-tomato-olive-fish-skin_141793-2236.jpg",
|
||||
imageAlt: "Entrée",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Produits frais",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Saveurs authentiques",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=2",
|
||||
imageAlt: "french gourmet dish starter",
|
||||
},
|
||||
{
|
||||
title: "PlatsSignature",
|
||||
description: "L'expression pure de la tradition française.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg",
|
||||
imageAlt: "Plat",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Viandes sélectionnées",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Cuissons maîtrisées",
|
||||
},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=2",
|
||||
imageAlt: "french gourmet dish starter",
|
||||
},
|
||||
{
|
||||
title: "Desserts d'exception",
|
||||
description: "Une note sucrée pour clore votre soirée.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949021.jpg",
|
||||
imageAlt: "Dessert",
|
||||
},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Pâtisseries maison",
|
||||
},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Accords parfaits",
|
||||
},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=2",
|
||||
imageAlt: "french gourmet dish starter",
|
||||
},
|
||||
]}
|
||||
title="Une invitation aux saveurs"
|
||||
description="Chaque plat est une création originale, préparée avec des produits de saison et une passion dévouée."
|
||||
/>
|
||||
</div>
|
||||
<div id="menu" data-section="menu">
|
||||
<FeatureCardTen
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Entrées délicates", description: "Des préparations fines qui éveillent les sens.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fried-fish-fillet-placed-avocado-slices-sauce-topped-with-tomato-olive-fish-skin_141793-2236.jpg", imageAlt: "Entrée" },
|
||||
items: [{ icon: CheckCircle, text: "Produits frais" }, { icon: CheckCircle, text: "Saveurs authentiques" }],
|
||||
reverse: false
|
||||
},
|
||||
{
|
||||
title: "PlatsSignature", description: "L'expression pure de la tradition française.", media: { imageSrc: "http://img.b2bpic.net/free-photo/fried-meat-placed-mashed-potato-garnished-with-shredded-bell-pepper-thyme_141793-2240.jpg", imageAlt: "Plat" },
|
||||
items: [{ icon: CheckCircle, text: "Viandes sélectionnées" }, { icon: CheckCircle, text: "Cuissons maîtrisées" }],
|
||||
reverse: true
|
||||
},
|
||||
{
|
||||
title: "Desserts d'exception", description: "Une note sucrée pour clore votre soirée.", media: { imageSrc: "http://img.b2bpic.net/free-photo/creative-assortment-delicious-food_23-2148949021.jpg", imageAlt: "Dessert" },
|
||||
items: [{ icon: CheckCircle, text: "Pâtisseries maison" }, { icon: CheckCircle, text: "Accords parfaits" }],
|
||||
reverse: false
|
||||
}
|
||||
]}
|
||||
title="Une invitation aux saveurs"
|
||||
description="Chaque plat est une création originale, préparée avec des produits de saison et une passion dévouée."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Tartare de St-Jacques",
|
||||
price: "180 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Filet de Boeuf Rossini",
|
||||
price: "350 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-lettuce-tomatoes-grated-cheese_140725-7780.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Soufflé au Grand Marnier",
|
||||
price: "120 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-designed-delicious-dessert-with-chocolate-cinnamon-with-topping-it_181624-23843.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Sélection de Vins",
|
||||
price: "Varies",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-pouring-nar-sharab-grilled-salmon_140725-5309.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Velouté de saison",
|
||||
price: "95 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/eggplant-zucchini_1203-9023.jpg",
|
||||
},
|
||||
{
|
||||
id: "6",
|
||||
name: "Confit de Canard",
|
||||
price: "280 MAD",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-cooked-squashes-designed-meal-inside-plate-grey-space_140725-83769.jpg",
|
||||
},
|
||||
]}
|
||||
title="Notre sélection du moment"
|
||||
description="Découvrez une carte qui se réinvente au fil des saisons."
|
||||
/>
|
||||
</div>
|
||||
<div id="catalog" data-section="catalog">
|
||||
<ProductCardThree
|
||||
animationType="scale-rotate"
|
||||
textboxLayout="default"
|
||||
gridVariant="bento-grid"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Tartare de St-Jacques", price: "180 MAD", imageSrc: "http://img.b2bpic.net/free-photo/chicken-leg-served-with-mashed-potatoes-sour-cream_7502-7082.jpg" },
|
||||
{ id: "2", name: "Filet de Boeuf Rossini", price: "350 MAD", imageSrc: "http://img.b2bpic.net/free-photo/caesar-salad-with-chicken-lettuce-tomatoes-grated-cheese_140725-7780.jpg" },
|
||||
{ id: "3", name: "Soufflé au Grand Marnier", price: "120 MAD", imageSrc: "http://img.b2bpic.net/free-photo/view-beautifully-designed-delicious-dessert-with-chocolate-cinnamon-with-topping-it_181624-23843.jpg" }
|
||||
]}
|
||||
title="Notre sélection du moment"
|
||||
description="Découvrez une carte qui se réinvente au fil des saisons."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "198+",
|
||||
description: "Avis élogieux",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "4.9",
|
||||
description: "Note moyenne Google",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "100%",
|
||||
description: "Gastronomie Française",
|
||||
},
|
||||
]}
|
||||
title="Au cœur de l'Octave"
|
||||
description="Ce que nos clients retiennent de leur passage chez nous."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardTwo
|
||||
animationType="depth-3d"
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{ id: "m1", value: "198+", description: "Avis élogieux" },
|
||||
{ id: "m2", value: "4.9", description: "Note moyenne Google" },
|
||||
{ id: "m3", value: "100%", description: "Gastronomie Française" },
|
||||
]}
|
||||
title="Au cœur de l'Octave"
|
||||
description="Ce que nos clients retiennent de leur passage chez nous."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Kawtar B.",
|
||||
date: "3 mois",
|
||||
title: "Anniversaire",
|
||||
quote: "On nous a bien gâtés ! Ils sont au petit soin.",
|
||||
tag: "Excellent",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheese-plate-with-crackers_140725-3367.jpg?_wi=3",
|
||||
imageAlt: "smiling happy diner client portrait",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Ghita H.",
|
||||
date: "6 mois",
|
||||
title: "Soirée romantique",
|
||||
quote: "Endroit très classe, chaleureux et élégant.",
|
||||
tag: "Parfait",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/lamb-bone-covered-with-dough-finely-cooked_114579-2429.jpg?_wi=3",
|
||||
imageAlt: "smiling happy diner client portrait",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Adil K.",
|
||||
date: "4 mois",
|
||||
title: "Gastronomie",
|
||||
quote: "Superbe expérience, amabilité extraordinaire.",
|
||||
tag: "Exceptionnel",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/high-angle-friends-eating-restaurant_23-2150491774.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-keyboard-blurred-woman-studio_23-2148366486.jpg?_wi=3",
|
||||
imageAlt: "smiling happy diner client portrait",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Client régulier",
|
||||
date: "1 mois",
|
||||
title: "Dîner",
|
||||
quote: "Le pianiste rend l'expérience unique.",
|
||||
tag: "À recommander",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/boy-having-beer-restaurant_23-2148172694.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tufted-brown-leather-ottoman_417767-424.jpg",
|
||||
imageAlt: "smiling happy diner client portrait",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Visiteur",
|
||||
date: "2 mois",
|
||||
title: "Sortie",
|
||||
quote: "Service impeccable et nourriture délicieuse.",
|
||||
tag: "Super",
|
||||
avatarSrc: "http://img.b2bpic.net/free-photo/portrait-one-black-american-female-eats-gourmet-vegetarian-meal-drinks-wine-restaurant_613910-7365.jpg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-people-with-guitar-music_23-2149213412.jpg",
|
||||
imageAlt: "smiling happy diner client portrait",
|
||||
},
|
||||
]}
|
||||
title="Ce que disent nos convives"
|
||||
description="Des moments inoubliables partagés avec vous."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFive
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "Kawtar B.", date: "3 mois", title: "Anniversaire", quote: "On nous a bien gâtés ! Ils sont au petit soin.", tag: "Excellent", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-handsome-asian-man-friends-reunion_23-2149244687.jpg" },
|
||||
{ id: "t2", name: "Ghita H.", date: "6 mois", title: "Soirée romantique", quote: "Endroit très classe, chaleureux et élégant.", tag: "Parfait", avatarSrc: "http://img.b2bpic.net/free-photo/business-woman-having-lunch-cafe_1303-23875.jpg" }
|
||||
]}
|
||||
title="Ce que disent nos convives"
|
||||
description="Des moments inoubliables partagés avec vous."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "rotated-rays-static",
|
||||
}}
|
||||
text="Prêt pour une expérience gastronomique ? Réservez votre table dès maintenant au 06 08 01 01 59."
|
||||
buttons={[
|
||||
{
|
||||
text: "Appeler L'Octave",
|
||||
href: "tel:0608010159",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "rotated-rays-static" }}
|
||||
text="Prêt pour une expérience gastronomique ? Réservez votre table dès maintenant au 06 08 01 01 59."
|
||||
buttons={[{ text: "Appeler L'Octave", href: "tel:0608010159" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="L'OCTAVE"
|
||||
columns={[
|
||||
{
|
||||
title: "Adresse",
|
||||
items: [
|
||||
{
|
||||
label: "6 Rue Michel Ange, Casablanca",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Réservations",
|
||||
items: [
|
||||
{
|
||||
label: "06 08 01 01 59",
|
||||
href: "tel:0608010159",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Horaires",
|
||||
items: [
|
||||
{
|
||||
label: "Fermé · Ouvre à 18:30",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 L'Octave Casablanca. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="L'OCTAVE"
|
||||
columns={[
|
||||
{ title: "Adresse", items: [{ label: "6 Rue Michel Ange, Casablanca", href: "#" }] },
|
||||
{ title: "Réservations", items: [{ label: "06 08 01 01 59", href: "tel:0608010159" }] }
|
||||
]}
|
||||
copyrightText="© 2024 L'Octave Casablanca. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user