Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 8abc137fb1 | |||
| 35184c202d |
374
src/app/page.tsx
374
src/app/page.tsx
@@ -2,240 +2,172 @@
|
|||||||
|
|
||||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||||
import ReactLenis from "lenis/react";
|
import ReactLenis from "lenis/react";
|
||||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
|
||||||
import { Heart } from "lucide-react";
|
import { Heart } from "lucide-react";
|
||||||
|
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
return (
|
return (
|
||||||
<ThemeProvider
|
<ThemeProvider
|
||||||
defaultButtonVariant="text-shift"
|
defaultButtonVariant="text-shift"
|
||||||
defaultTextAnimation="background-highlight"
|
defaultTextAnimation="background-highlight"
|
||||||
borderRadius="soft"
|
borderRadius="soft"
|
||||||
contentWidth="compact"
|
contentWidth="compact"
|
||||||
sizing="mediumLargeSizeLargeTitles"
|
sizing="mediumLargeSizeLargeTitles"
|
||||||
background="noise"
|
background="noise"
|
||||||
cardStyle="subtle-shadow"
|
cardStyle="subtle-shadow"
|
||||||
primaryButtonStyle="shadow"
|
primaryButtonStyle="shadow"
|
||||||
secondaryButtonStyle="layered"
|
secondaryButtonStyle="layered"
|
||||||
headingFontWeight="light"
|
headingFontWeight="light"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<div id="nav" data-section="nav">
|
<div id="nav" data-section="nav">
|
||||||
<NavbarStyleFullscreen
|
<NavbarStyleFullscreen
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "hero"},
|
||||||
id: "hero",
|
{
|
||||||
},
|
name: "Notre Esprit", id: "about"},
|
||||||
{
|
{
|
||||||
name: "Notre Esprit",
|
name: "Expérience", id: "features"},
|
||||||
id: "about",
|
{
|
||||||
},
|
name: "Témoignages", id: "testimonials"},
|
||||||
{
|
{
|
||||||
name: "Expérience",
|
name: "Contact", id: "contact"},
|
||||||
id: "features",
|
]}
|
||||||
},
|
brandName="Bouche à Oreilles"
|
||||||
{
|
/>
|
||||||
name: "Témoignages",
|
</div>
|
||||||
id: "testimonials",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
name: "Contact",
|
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
brandName="Bouche à Oreilles"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitDualMedia
|
<HeroBillboard
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
title="Bouche à Oreilles"
|
||||||
title="Bouche à Oreilles"
|
description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
|
||||||
description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
|
tag="Restaurant à Marseille"
|
||||||
tag="Restaurant à Marseille"
|
buttons={[
|
||||||
buttons={[
|
{
|
||||||
{
|
text: "Réserver une table", href: "#contact"},
|
||||||
text: "Réserver une table",
|
]}
|
||||||
href: "#contact",
|
imageSrc="http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58581.jpg"
|
||||||
},
|
mediaAnimation="slide-up"
|
||||||
]}
|
/>
|
||||||
mediaItems={[
|
</div>
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/sushi-cafe-sushi-chef-cutting-fish-making-sushi_259150-58581.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-dining-table-with-grapes_23-2150312232.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
mediaAnimation="slide-up"
|
|
||||||
rating={5}
|
|
||||||
ratingText="Excellence culinaire"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="about" data-section="about">
|
<div id="about" data-section="about">
|
||||||
<TestimonialAboutCard
|
<TestimonialAboutCard
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
tag="Notre Philosophie"
|
tag="Notre Philosophie"
|
||||||
title="L'esprit Bouche à Oreilles"
|
title="L'esprit Bouche à Oreilles"
|
||||||
description="Chez Bouche à Oreilles, tout est fait maison avec amour. Une cuisine authentique, des produits frais et de saison, et surtout une ambiance familiale où chaque client devient un invité privilégié."
|
description="Chez Bouche à Oreilles, tout est fait maison avec amour. Une cuisine authentique, des produits frais et de saison, et surtout une ambiance familiale où chaque client devient un invité privilégié."
|
||||||
subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
|
subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
|
||||||
icon={Heart}
|
icon={Heart}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
imageAlt="Chef préparant un plat dans la cuisine"
|
imageAlt="Chef préparant un plat dans la cuisine"
|
||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div id="features" data-section="features">
|
<div id="features" data-section="features">
|
||||||
<FeatureCardMedia
|
<FeatureCardMedia
|
||||||
animationType="slide-up"
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Cuisine Maison", description: "Des plats préparés avec passion, utilisant des produits frais et de saison pour un goût authentique.", tag: "Fait Maison", imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-with-topping-vegetables-chopping-board_23-2148194992.jpg"},
|
||||||
title: "Cuisine Maison",
|
{
|
||||||
description: "Des plats préparés avec passion, utilisant des produits frais et de saison pour un goût authentique.",
|
id: "2", title: "Accueil Chaleureux", description: "Un service attentionné et souriant, pour que chaque client se sente comme chez lui dès son arrivée.", tag: "Convivialité", imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-restaurant_1157-45694.jpg"},
|
||||||
tag: "Fait Maison",
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/baked-bread-with-topping-vegetables-chopping-board_23-2148194992.jpg",
|
id: "3", title: "Ambiance Familiale", description: "Un cadre intime et agréable, parfait pour partager des moments mémorables en famille ou entre amis.", tag: "Atmosphère", imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-announcing-pregnancy_23-2150296830.jpg"},
|
||||||
},
|
]}
|
||||||
{
|
title="Notre Expérience Unique"
|
||||||
id: "2",
|
description="Découvrez ce qui fait de Bouche à Oreilles un lieu incontournable de la gastronomie Marseillaise."
|
||||||
title: "Accueil Chaleureux",
|
tag="Découvrez"
|
||||||
description: "Un service attentionné et souriant, pour que chaque client se sente comme chez lui dès son arrivée.",
|
/>
|
||||||
tag: "Convivialité",
|
</div>
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-men-restaurant_1157-45694.jpg",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
id: "3",
|
|
||||||
title: "Ambiance Familiale",
|
|
||||||
description: "Un cadre intime et agréable, parfait pour partager des moments mémorables en famille ou entre amis.",
|
|
||||||
tag: "Atmosphère",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-couple-announcing-pregnancy_23-2150296830.jpg",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
title="Notre Expérience Unique"
|
|
||||||
description="Découvrez ce qui fait de Bouche à Oreilles un lieu incontournable de la gastronomie Marseillaise."
|
|
||||||
tag="Découvrez"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="testimonials" data-section="testimonials">
|
<div id="testimonials" data-section="testimonials">
|
||||||
<TestimonialCardFifteen
|
<TestimonialCardFifteen
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonial="« Une adresse incroyable ! L’accueil est chaleureux, la cuisine maison exceptionnelle avec des produits frais. On s’y sent comme à la maison, avec un service attentionné et une ambiance familiale qui rend l’expérience parfaite du début à la fin. »"
|
testimonial="« Une adresse incroyable ! L’accueil est chaleureux, la cuisine maison exceptionnelle avec des produits frais. On s’y sent comme à la maison, avec un service attentionné et une ambiance familiale qui rend l’expérience parfaite du début à la fin. »"
|
||||||
rating={5}
|
rating={5}
|
||||||
author="Nos Clients Heureux"
|
author="Nos Clients Heureux"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg",
|
src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg", alt: "Sarah Johnson"},
|
||||||
alt: "Sarah Johnson",
|
{
|
||||||
},
|
src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg", alt: "Michael Chen"},
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/indoor-shot-attractive-caucasian-teenage-woman-with-long-dark-hair-sitting-desk-with-lots-textbooks_273609-1136.jpg",
|
src: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", alt: "Emily Rodriguez"},
|
||||||
alt: "Michael Chen",
|
{
|
||||||
},
|
src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-joyful-front-view_176474-109578.jpg", alt: "David Kim"},
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/indoor-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
|
src: "http://img.b2bpic.net/free-photo/handsome-sensitive-red-head-man-smiling_23-2149509802.jpg", alt: "Jessica Lee"},
|
||||||
alt: "Emily Rodriguez",
|
]}
|
||||||
},
|
ratingAnimation="slide-up"
|
||||||
{
|
avatarsAnimation="slide-up"
|
||||||
src: "http://img.b2bpic.net/free-photo/young-woman-showing-double-thumbs-up-blouse-cardigan-looking-joyful-front-view_176474-109578.jpg",
|
/>
|
||||||
alt: "David Kim",
|
</div>
|
||||||
},
|
|
||||||
{
|
|
||||||
src: "http://img.b2bpic.net/free-photo/handsome-sensitive-red-head-man-smiling_23-2149509802.jpg",
|
|
||||||
alt: "Jessica Lee",
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
ratingAnimation="slide-up"
|
|
||||||
avatarsAnimation="slide-up"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="contact" data-section="contact">
|
<div id="contact" data-section="contact">
|
||||||
<ContactCTA
|
<ContactCTA
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
tag="Réserver"
|
||||||
tag="Réserver"
|
title="Venez vivre l’expérience"
|
||||||
title="Venez vivre l’expérience"
|
description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
|
||||||
description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
|
buttons={[
|
||||||
buttons={[
|
{
|
||||||
{
|
text: "Réserver maintenant", href: "#"},
|
||||||
text: "Réserver maintenant",
|
]}
|
||||||
href: "#",
|
/>
|
||||||
},
|
</div>
|
||||||
]}
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div id="footer" data-section="footer">
|
<div id="footer" data-section="footer">
|
||||||
<FooterLogoEmphasis
|
<FooterLogoEmphasis
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
items: [
|
items: [
|
||||||
{
|
{
|
||||||
label: "Accueil",
|
label: "Accueil", href: "#hero"},
|
||||||
href: "#hero",
|
{
|
||||||
},
|
label: "Notre Esprit", href: "#about"},
|
||||||
{
|
{
|
||||||
label: "Notre Esprit",
|
label: "Menu", href: "#"},
|
||||||
href: "#about",
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
label: "Menu",
|
items: [
|
||||||
href: "#",
|
{
|
||||||
},
|
label: "Témoignages", href: "#testimonials"},
|
||||||
],
|
{
|
||||||
},
|
label: "Contact", href: "#contact"},
|
||||||
{
|
{
|
||||||
items: [
|
label: "Foire aux questions", href: "#"},
|
||||||
{
|
],
|
||||||
label: "Témoignages",
|
},
|
||||||
href: "#testimonials",
|
{
|
||||||
},
|
items: [
|
||||||
{
|
{
|
||||||
label: "Contact",
|
label: "Vie privée", href: "#"},
|
||||||
href: "#contact",
|
{
|
||||||
},
|
label: "Conditions d'utilisation", href: "#"},
|
||||||
{
|
{
|
||||||
label: "Foire aux questions",
|
label: "Mentions légales", href: "#"},
|
||||||
href: "#",
|
],
|
||||||
},
|
},
|
||||||
],
|
]}
|
||||||
},
|
logoText="Bouche à Oreilles"
|
||||||
{
|
/>
|
||||||
items: [
|
</div>
|
||||||
{
|
|
||||||
label: "Vie privée",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Conditions d'utilisation",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: "Mentions légales",
|
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
]}
|
|
||||||
logoText="Bouche à Oreilles"
|
|
||||||
/>
|
|
||||||
</div>
|
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user