205 lines
11 KiB
TypeScript
205 lines
11 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
|
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
|
|
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
|
import ProductCardOne from '@/components/sections/product/ProductCardOne';
|
|
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
|
|
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
|
|
import ContactSplit from '@/components/sections/contact/ContactSplit';
|
|
import FooterBase from '@/components/sections/footer/FooterBase';
|
|
import { Award, Star, Heart, ThumbsUp, Hand, MapPin } from 'lucide-react';
|
|
|
|
export default function LandingPage() {
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="reveal-blur"
|
|
borderRadius="rounded"
|
|
contentWidth="smallMedium"
|
|
sizing="large"
|
|
background="noiseDiagonalGradient"
|
|
cardStyle="inset"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="radial-glow"
|
|
headingFontWeight="bold"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleFullscreen
|
|
brandName="Au Porc de Bremes"
|
|
navItems={[
|
|
{ name: "Accueil", id: "hero" },
|
|
{ name: "Produits", id: "products" },
|
|
{ name: "À propos", id: "about" },
|
|
{ name: "Horaires", id: "contact" },
|
|
{ name: "Contact", id: "contact-form" }
|
|
]}
|
|
bottomLeftText="Brêmes, Pas-de-Calais"
|
|
bottomRightText="+33 (0)3 XXXXXXXX"
|
|
/>
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroOverlay
|
|
title="Charcuterie artisanale et viande de porc locale à Brêmes"
|
|
description="Produits faits maison, sans additifs ni conservateurs, directement de la ferme à votre table. Découvrez l'authenticité du circuit court."
|
|
tag="Depuis 1980"
|
|
imageSrc="http://img.b2bpic.net/free-photo/photorealistic-scene-pig-farm-with-animals_23-2151462306.jpg"
|
|
imageAlt="Ferme porcine artisanale à Brêmes"
|
|
textPosition="bottom-left"
|
|
showBlur={true}
|
|
showDimOverlay={false}
|
|
buttons={[
|
|
{ text: "Appeler maintenant", href: "tel:+33XXXXXXXXX" },
|
|
{ text: "Voir les produits", href: "#products" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="trust" data-section="trust">
|
|
<TestimonialAboutCard
|
|
tag="Confiance locale"
|
|
tagIcon={Award}
|
|
title="Qualité, transparence et passion pour l'artisanat"
|
|
description="4,7 / 5"
|
|
subdescription="31 avis Google vérifiés"
|
|
icon={Star}
|
|
imageSrc="http://img.b2bpic.net/free-photo/top-view-cheese-platters-with-grapes-tomatoes-table_23-2148162034.jpg"
|
|
imageAlt="Charcuterie artisanale de qualité"
|
|
mediaAnimation="slide-up"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="products" data-section="products">
|
|
<ProductCardOne
|
|
title="Nos produits"
|
|
description="Découvrez notre sélection de charcuterie artisanale et viande fraîche, sans additifs ni conservateurs."
|
|
tag="Spécialités locales"
|
|
products={[
|
|
{
|
|
id: "1", name: "Saucisson artisanal", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/top-view-tasty-selection-pork-meat-with-parsley_23-2148439457.jpg", imageAlt: "Saucisson artisanal fait maison"
|
|
},
|
|
{
|
|
id: "2", name: "Coppa traditionnel", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-red-strawberries-with-candies-white-surface-berry-candy-fruits_140725-82411.jpg", imageAlt: "Coppa traditionnel charcuterie"
|
|
},
|
|
{
|
|
id: "3", name: "Jambon artisanal", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/sliced-potato-wooden-board_114579-19973.jpg", imageAlt: "Jambon artisanal sans nitrite"
|
|
},
|
|
{
|
|
id: "4", name: "Guanciale spécialité", price: "Sur demande", imageSrc: "http://img.b2bpic.net/free-photo/cutlery-pasta-near-meat-cheese_23-2147772012.jpg", imageAlt: "Guanciale spécialité artisanale"
|
|
}
|
|
]}
|
|
gridVariant="two-columns-alternating-heights"
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
buttons={[
|
|
{ text: "Demander la disponibilité", href: "#contact-form" }
|
|
]}
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardTwo
|
|
title="Avis de nos clients"
|
|
description="Découvrez ce que disent les clients satisfaits de Au Porc de Bremes."
|
|
tag="Avis vérifiés"
|
|
testimonials={[
|
|
{
|
|
id: "1", name: "Sophie Martin", role: "Client régulier", testimonial: "Qualité fraîcheur sans conservateur, que du bonheur. Je reviens chaque semaine pour ma charcuterie.", imageSrc: "http://img.b2bpic.net/free-photo/ortrait-young-lady-holding-hands-chest-t-shirt-cap-looking-cheery-front-view_176474-54686.jpg", imageAlt: "Sophie Martin", icon: Heart
|
|
},
|
|
{
|
|
id: "2", name: "Jean Dupont", role: "Boucher professionnel", testimonial: "Viande délicieuse et charcuterie sans sel nitrité. Voilà ce que c'est qu'un vrai producteur artisanal.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-young-man-wearing-apron-attractive-caucasian-male-barista-cafe-restaurant-owner-cross-arms-smile-with-confident-warm-welcome-his-successful-business-place_609648-2444.jpg", imageAlt: "Jean Dupont", icon: ThumbsUp
|
|
},
|
|
{
|
|
id: "3", name: "Marie Leclerc", role: "Restauratrice", testimonial: "La meilleure coppa que j'ai mangée. Mes clients adorent. Partenaire de confiance pour notre restaurant.", imageSrc: "http://img.b2bpic.net/free-photo/woman-with-thumbs-up_1149-1163.jpg", imageAlt: "Marie Leclerc", icon: Star
|
|
},
|
|
{
|
|
id: "4", name: "Pierre Blanc", role: "Famille locale", testimonial: "Nous venons directement à la ferme. Accueil chaleureux, produits frais et prix justes. À recommander sans hésiter.", imageSrc: "http://img.b2bpic.net/free-photo/positive-man-showing-thumbs-up-chair-home_23-2148112737.jpg", imageAlt: "Pierre Blanc", icon: Hand
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
carouselMode="buttons"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<FeatureCardTwentyThree
|
|
title="Pourquoi choisir Au Porc de Bremes ?"
|
|
description="Nous privilégions la qualité et l'authenticité dans chaque produit."
|
|
tag="Nos valeurs"
|
|
features={[
|
|
{
|
|
id: "1", title: "Production locale 100%", tags: ["Circuit court", "Frais"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/old-dry-flowering-tree-weaves-along-wall-facade-house-with-wooden-door_169016-10716.jpg?_wi=1", imageAlt: "Ferme locale à Brêmes"
|
|
},
|
|
{
|
|
id: "2", title: "Sans additifs ni conservateurs", tags: ["Naturel", "Sain"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/raw-pork-steak-cutting-board-dark-background_127032-3580.jpg", imageAlt: "Viande fraîche sans additifs"
|
|
},
|
|
{
|
|
id: "3", title: "Savoir-faire artisanal", tags: ["Tradition", "Expertise"],
|
|
imageSrc: "http://img.b2bpic.net/free-photo/farmer-hands-vendor-organic-food-order_482257-96690.jpg", imageAlt: "Intérieur atelier charcuterie"
|
|
}
|
|
]}
|
|
animationType="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="contact-form" data-section="contact-form">
|
|
<ContactSplit
|
|
tag="Nous trouver"
|
|
tagIcon={MapPin}
|
|
title="Visitez-nous à la ferme"
|
|
description="70 Impasse Lecras, 62610 Brêmes, France. Horaires: Samedi 9h-12h. Autres jours sur rendez-vous. Appelez-nous pour confirmer votre visite."
|
|
background={{ variant: "plain" }}
|
|
useInvertedBackground={false}
|
|
imageSrc="http://img.b2bpic.net/free-photo/old-dry-flowering-tree-weaves-along-wall-facade-house-with-wooden-door_169016-10716.jpg?_wi=2"
|
|
imageAlt="Ferme Au Porc de Bremes"
|
|
mediaAnimation="slide-up"
|
|
mediaPosition="right"
|
|
inputPlaceholder="Entrez votre email"
|
|
buttonText="S'inscrire à la newsletter"
|
|
termsText="Nous respectons votre vie privée. Désinscription possible à tout moment."
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterBase
|
|
logoText="Au Porc de Bremes"
|
|
copyrightText="© 2025 Au Porc de Bremes. Tous droits réservés."
|
|
columns={[
|
|
{
|
|
title: "Contact", items: [
|
|
{ label: "Appeler", href: "tel:+33XXXXXXXXX" },
|
|
{ label: "Email", href: "mailto:contact@auporcdebreme.fr" },
|
|
{ label: "Itinéraire", href: "https://maps.google.com/?q=70+Impasse+Lecras+62610+Br%C3%AAmes" }
|
|
]
|
|
},
|
|
{
|
|
title: "Information", items: [
|
|
{ label: "À propos", href: "#about" },
|
|
{ label: "Produits", href: "#products" },
|
|
{ label: "Avis Google", href: "https://www.google.com/search?q=Au+Porc+de+Bremes" }
|
|
]
|
|
},
|
|
{
|
|
title: "Légal", items: [
|
|
{ label: "Politique de confidentialité", href: "#" },
|
|
{ label: "Conditions d'utilisation", href: "#" },
|
|
{ label: "Contact", href: "#contact-form" }
|
|
]
|
|
}
|
|
]}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
}
|