Update src/app/page.tsx
This commit is contained in:
374
src/app/page.tsx
374
src/app/page.tsx
@@ -2,240 +2,172 @@
|
||||
|
||||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||||
import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
|
||||
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
|
||||
import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
|
||||
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
||||
import FeatureCardMedia from "@/components/sections/feature/FeatureCardMedia";
|
||||
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
|
||||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||||
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
||||
import { Heart } from "lucide-react";
|
||||
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
defaultButtonVariant="text-shift"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="compact"
|
||||
sizing="mediumLargeSizeLargeTitles"
|
||||
background="noise"
|
||||
cardStyle="subtle-shadow"
|
||||
primaryButtonStyle="shadow"
|
||||
secondaryButtonStyle="layered"
|
||||
headingFontWeight="light"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Notre Esprit",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Expérience",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Témoignages",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="Bouche à Oreilles"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Notre Esprit", id: "about"},
|
||||
{
|
||||
name: "Expérience", id: "features"},
|
||||
{
|
||||
name: "Témoignages", id: "testimonials"},
|
||||
{
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Bouche à Oreilles"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Bouche à Oreilles"
|
||||
description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
|
||||
tag="Restaurant à Marseille"
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver une table",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
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="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
title="Bouche à Oreilles"
|
||||
description="Une expérience culinaire authentique, chaleureuse et inoubliable au cœur de Marseille."
|
||||
tag="Restaurant à Marseille"
|
||||
buttons={[
|
||||
{
|
||||
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"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Philosophie"
|
||||
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é."
|
||||
subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Chef préparant un plat dans la cuisine"
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Philosophie"
|
||||
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é."
|
||||
subdescription="Chaque plat raconte une histoire, chaque visite est une célébration."
|
||||
icon={Heart}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/people-enjoying-pizza-snack-outdoors_23-2150610287.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Chef préparant un plat dans la cuisine"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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",
|
||||
},
|
||||
{
|
||||
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="features" data-section="features">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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"},
|
||||
{
|
||||
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">
|
||||
<TestimonialCardFifteen
|
||||
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. »"
|
||||
rating={5}
|
||||
author="Nos Clients Heureux"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg",
|
||||
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-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg",
|
||||
alt: "Emily Rodriguez",
|
||||
},
|
||||
{
|
||||
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/handsome-sensitive-red-head-man-smiling_23-2149509802.jpg",
|
||||
alt: "Jessica Lee",
|
||||
},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardFifteen
|
||||
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. »"
|
||||
rating={5}
|
||||
author="Nos Clients Heureux"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-vector/hand-drawn-curly-hair-types-collection_23-2148830975.jpg", 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-portrait-gorgeous-young-caucasian-female-student-with-perfect-healthy-skin_273609-9035.jpg", alt: "Emily Rodriguez"},
|
||||
{
|
||||
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/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">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Réserver"
|
||||
title="Venez vivre l’expérience"
|
||||
description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver maintenant",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain"}}
|
||||
tag="Réserver"
|
||||
title="Venez vivre l’expérience"
|
||||
description="Réservez votre table et laissez-vous surprendre par la magie de Bouche à Oreilles."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver maintenant", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Notre Esprit",
|
||||
href: "#about",
|
||||
},
|
||||
{
|
||||
label: "Menu",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Témoignages",
|
||||
href: "#testimonials",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
label: "Foire aux questions",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Vie privée",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Conditions d'utilisation",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Mentions légales",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bouche à Oreilles"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Accueil", href: "#hero"},
|
||||
{
|
||||
label: "Notre Esprit", href: "#about"},
|
||||
{
|
||||
label: "Menu", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Foire aux questions", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Vie privée", href: "#"},
|
||||
{
|
||||
label: "Conditions d'utilisation", href: "#"},
|
||||
{
|
||||
label: "Mentions légales", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="Bouche à Oreilles"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user