180 lines
10 KiB
TypeScript
180 lines
10 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import ReactLenis from "lenis/react";
|
|
import ContactCenter from '@/components/sections/contact/ContactCenter';
|
|
import FaqDouble from '@/components/sections/faq/FaqDouble';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
|
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
|
import SplitAbout from '@/components/sections/about/SplitAbout';
|
|
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
|
|
import { Award, Clock, MapPin, Star, Wheat } from "lucide-react";
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="pill"
|
|
contentWidth="medium"
|
|
sizing="medium"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="gradient"
|
|
secondaryButtonStyle="glass"
|
|
headingFontWeight="normal"
|
|
>
|
|
<ReactLenis root>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Notre Savoir-faire", id: "about" },
|
|
{ name: "Nos Spécialités", id: "products" },
|
|
{ name: "Avis", id: "testimonials" },
|
|
{ name: "Contact", id: "contact" },
|
|
]}
|
|
brandName="L'Atelier de la Place"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardTestimonial
|
|
useInvertedBackground={true}
|
|
background={{ variant: "gradient-bars" }}
|
|
title="Le bon pain, chaque matin, à deux pas de la Place."
|
|
description="Depuis notre fournil du 11 rue Président Wilson à Saint-Étienne, nous façonnons chaque jour des pains artisanaux, viennoiseries et pâtisseries qui font la fierté du quartier. Ouverts dès 06h30, du lundi au dimanche."
|
|
testimonials={[
|
|
{ name: "Amorii D.", handle: "@Google", testimonial: "Le pain est toujours frais, bien croustillant à l'extérieur et moelleux à l'intérieur.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/delicious-chocolate-sponge-cakes_1122-1369.jpg?_wi=1" },
|
|
{ name: "Yas Y.", handle: "@Google", testimonial: "La tarte à la pistache, un vrai délice. Je reviendrai !", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/bakery_23-2148011574.jpg?_wi=1" },
|
|
{ name: "Marie L.", handle: "@PagesJaunes", testimonial: "Accueil très chaleureux et pâtisseries fines incroyables.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395313.jpg?_wi=1" },
|
|
{ name: "Jean B.", handle: "@Google", testimonial: "La meilleure boulangerie de Saint-Étienne, sans aucun doute.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-colomba-topping_23-2149341711.jpg?_wi=1" },
|
|
{ name: "Sophie P.", handle: "@Google", testimonial: "Viennoiseries pur beurre, un régal pour le petit-déjeuner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/french-colorful-macaroons_2829-16796.jpg?_wi=1" }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/delicious-chocolate-sponge-cakes_1122-1369.jpg?_wi=2"
|
|
imageAlt="L'Atelier de la Place Boulangerie"
|
|
avatars={[
|
|
{ src: "http://img.b2bpic.net/free-photo/waitress-holding-cake_23-2147821281.jpg", alt: "Waitress" },
|
|
{ src: "http://img.b2bpic.net/free-photo/3d-challah-dish-hanukkah_23-2151129130.jpg", alt: "Challah" },
|
|
{ src: "http://img.b2bpic.net/free-photo/braided-bun-stuffed-with-meat-black-plate_114579-88236.jpg", alt: "Bun" },
|
|
{ src: "http://img.b2bpic.net/free-photo/line-tinsel-behing-sweet-bun-stand-marble-table_114579-56903.jpg", alt: "Sweet bun" },
|
|
{ src: "http://img.b2bpic.net/free-photo/high-angle-people-wearing-linen-clothing_23-2151030590.jpg", alt: "People" }
|
|
]}
|
|
avatarText="Rejoint par plus de 500 habitués"
|
|
marqueeItems={[
|
|
{ type: "text-icon", text: "Artisan Boulanger", icon: Award },
|
|
{ type: "text-icon", text: "Farine Locale", icon: Wheat },
|
|
{ type: "text-icon", text: "Ouvert 7j/7", icon: Clock },
|
|
{ type: "text-icon", text: "Saint-Étienne", icon: MapPin },
|
|
{ type: "text-icon", text: "Qualité Maison", icon: Star }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
title="Un savoir-faire artisanal stéphanois"
|
|
description="À L'Atelier de la Place, nous privilégions la fermentation longue, les farines locales et la passion du geste. Chaque pièce est le résultat d'un travail quotidien minutieux."
|
|
bulletPoints={[
|
|
{ title: "Farines Locales", description: "Sélection rigoureuse auprès des moulins de la région." },
|
|
{ title: "Pétrissage Lent", description: "Le respect du temps de repos pour une mie alvéolée." },
|
|
{ title: "Pâtisserie Fine", description: "Des créations élégantes alliant tradition et modernité." }
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/bakery_23-2148011574.jpg?_wi=2"
|
|
imageAlt="Boulanger au travail"
|
|
mediaAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardThree
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
gridVariant="three-columns-all-equal-width"
|
|
useInvertedBackground={true}
|
|
products={[
|
|
{ id: "p1", name: "Pain au levain", price: "4.50€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-bread-ingredients_23-2149395313.jpg?_wi=2" },
|
|
{ id: "p2", name: "Tarte à la pistache", price: "5.20€", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-delicious-colomba-topping_23-2149341711.jpg?_wi=2" },
|
|
{ id: "p3", name: "Macaron framboise", price: "2.10€", imageSrc: "http://img.b2bpic.net/free-photo/french-colorful-macaroons_2829-16796.jpg?_wi=2" },
|
|
{ id: "p4", name: "Pain à la semoule", price: "3.80€", imageSrc: "http://img.b2bpic.net/free-photo/slices-brown-bread-with-oat-grains-marble-surface_114579-45725.jpg" },
|
|
{ id: "p5", name: "Croissant pur beurre", price: "1.30€", imageSrc: "http://img.b2bpic.net/free-photo/set-bakery-pastries-wooden-table_123827-31229.jpg" },
|
|
{ id: "p6", name: "Pain au chocolat", price: "1.40€", imageSrc: "http://img.b2bpic.net/free-photo/top-view-croissants-plate-with-tangerine-slices-with-shell-open-book-with-basket-kumquat-little-flower-book-with-gingerlime-slices-trivet-honey-dipper-cloth_141793-130784.jpg" }
|
|
]}
|
|
title="Nos spécialités du jour"
|
|
description="Découvrez notre sélection quotidienne de pains traditionnels et pâtisseries maison."
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTen
|
|
textboxLayout="split"
|
|
useInvertedBackground={false}
|
|
testimonials={[
|
|
{ id: "t1", title: "Excellent", quote: "Le pain est toujours frais, croustillant et moelleux.", name: "Amorii D.", role: "Client Google", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman-holding-fresh-baked-croissants_23-2148028057.jpg" },
|
|
{ id: "t2", title: "Délicieux", quote: "La tarte à la pistache, un vrai délice.", name: "Yas Y.", role: "Client Google", imageSrc: "http://img.b2bpic.net/free-photo/delicious-dessert-restaurant_23-2148018736.jpg" },
|
|
{ id: "t3", title: "Le top", quote: "Viennoiseries pur beurre au top.", name: "Marie L.", role: "Fidèle", imageSrc: "http://img.b2bpic.net/free-photo/female-male-baker-holding-basket-baked-croissant-pastry-shop_23-2148189111.jpg" },
|
|
{ id: "t4", title: "Incontournable", quote: "Une adresse incontournable au centre-ville.", name: "Jean B.", role: "Local", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-people-table_23-2149213367.jpg" },
|
|
{ id: "t5", title: "Pâtisseries incroyables", quote: "Finesse impressionnante des pâtisseries.", name: "Sophie P.", role: "Gourmande", imageSrc: "http://img.b2bpic.net/free-photo/young-fashion-designer-working-her-workshop-alone_23-2148877353.jpg" }
|
|
]}
|
|
title="Ce que disent nos clients"
|
|
description="La satisfaction de nos fidèles clients est au cœur de notre métier."
|
|
/>
|
|
</div>
|
|
|
|
<div id="socialProof" data-section="socialProof">
|
|
<SocialProofOne
|
|
textboxLayout="default"
|
|
useInvertedBackground={true}
|
|
names={[
|
|
"Artisan Boulanger", "Qualité Supérieure", "Label Saint-Étienne", "Commerce Proximité", "Farines Locales", "Passion du Métier", "Excellence Artisanale"
|
|
]}
|
|
title="Engagements et Reconnaissances"
|
|
description="Fiers de servir Saint-Étienne avec passion et authenticité."
|
|
/>
|
|
</div>
|
|
|
|
<div id="faq" data-section="faq">
|
|
<FaqDouble
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
faqs={[
|
|
{ id: "f1", title: "Horaires ?", content: "Ouvert 7j/7 dès 06h30." },
|
|
{ id: "f2", title: "Commandes WhatsApp ?", content: "Oui, au 07 84 94 32 26." },
|
|
{ id: "f3", title: "Sans gluten ?", content: "Nos farines sont traditionnelles, contactez-nous." }
|
|
]}
|
|
title="Questions fréquentes"
|
|
description="Tout savoir sur nos services."
|
|
faqsAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact" data-section="contact">
|
|
<ContactCenter
|
|
useInvertedBackground={true}
|
|
background={{ variant: "canvas-reveal" }}
|
|
tag="Retrouvez-nous"
|
|
title="L'Atelier de la Place"
|
|
description="11 rue Président Wilson, 42000 Saint-Étienne | 07 84 94 32 26. Passez nous voir."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
columns={[
|
|
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Savoir-faire", href: "#about" }] },
|
|
{ title: "Informations", items: [{ label: "Contact", href: "#contact" }, { label: "WhatsApp", href: "https://wa.me/33784943226" }] }
|
|
]}
|
|
logoText="L'Atelier de la Place"
|
|
copyrightText="© 2025 L'Atelier de la Place | Saint-Étienne"
|
|
/>
|
|
</div>
|
|
</ReactLenis>
|
|
</ThemeProvider>
|
|
);
|
|
}
|