Update src/app/page.tsx
This commit is contained in:
325
src/app/page.tsx
325
src/app/page.tsx
@@ -2,19 +2,47 @@
|
||||
|
||||
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 FeatureBento from '@/components/sections/feature/FeatureBento';
|
||||
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
|
||||
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
|
||||
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
|
||||
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
|
||||
import ProductCardThree from '@/components/sections/product/ProductCardThree';
|
||||
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
|
||||
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
|
||||
import { Award, Flame, Sparkles } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
const navItems = [
|
||||
{ name: "Accueil", id: "/"},
|
||||
{ name: "À Propos", id: "/about"},
|
||||
{ name: "Produits", id: "/products"},
|
||||
{ name: "Témoignages", id: "/testimonials"},
|
||||
{ name: "FAQ", id: "/faq"},
|
||||
{ name: "Contact", id: "/contact"}
|
||||
];
|
||||
|
||||
const footerColumns = [
|
||||
{
|
||||
title: "Produits", items: [
|
||||
{ label: "Bœuf", href: "/products"},
|
||||
{ label: "Porc", href: "/products"},
|
||||
{ label: "Volaille", href: "/products"},
|
||||
{ label: "Charcuterie", href: "/products"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{ label: "Découpe personnalisée", href: "/features"},
|
||||
{ label: "Service traiteur", href: "/features"},
|
||||
{ label: "Produits du terroir", href: "/features"}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{ label: "À Propos de Nous", href: "/about"},
|
||||
{ label: "Témoignages", href: "/testimonials"},
|
||||
{ label: "FAQ", href: "/faq"},
|
||||
{ label: "Contact", href: "/contact"}
|
||||
]
|
||||
}
|
||||
];
|
||||
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="expand-hover"
|
||||
@@ -29,243 +57,58 @@ 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: "Produits", id: "#products"},
|
||||
{
|
||||
name: "Témoignages", id: "#testimonials"},
|
||||
{
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
brandName="Abattoir Boucherie Desmarais Inc."
|
||||
button={{
|
||||
text: "Appeler maintenant", href: "tel:+18195831343"}}
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={navItems}
|
||||
brandName="Abattoir Boucherie Desmarais Inc."
|
||||
button={{
|
||||
text: "Appeler maintenant", href: "tel:+18195831343"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Abattoir Boucherie Desmarais Inc."
|
||||
description="Votre source de confiance pour des viandes locales et de qualité supérieure à Weedon."
|
||||
buttons={[
|
||||
{
|
||||
text: "Découvrir nos produits", href: "#products"},
|
||||
{
|
||||
text: "Nous contacter", href: "#contact"},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-slices-placed-pan-with-herbs_141793-17575.jpg", imageAlt: "Vue d'un boucher souriant dans une boucherie traditionnelle"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/delicious-buffet-with-cheese-close-up_23-2148432621.jpg", imageAlt: "Variété de coupes de viande fraîche sur un comptoir"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-salting-meat-dark-surface_179666-44107.jpg", imageAlt: "Volaille fraîche et produits du terroir présentés"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/oils-spices-near-jug-food_23-2147930113.jpg", imageAlt: "Gros plan sur un steak de boeuf marbré prêt à être cuisiné"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shop-workers-posing-counter_7502-4771.jpg", imageAlt: "Un client choisissant de la viande avec l'aide d'un boucher"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/variety-vegetables-wooden-basket_23-2148294632.jpg", imageAlt: "Jambons et charcuteries fumés suspendus dans un séchoir"},
|
||||
]}
|
||||
autoplayDelay={3000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="Abattoir Boucherie Desmarais Inc."
|
||||
description="Votre source de confiance pour des viandes locales et de qualité supérieure à Weedon."
|
||||
buttons={[
|
||||
{ text: "Découvrir nos produits", href: "/products"},
|
||||
{ text: "Nous contacter", href: "/contact"}
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/raw-meat-slices-placed-pan-with-herbs_141793-17575.jpg", imageAlt: "Vue d'un boucher souriant dans une boucherie traditionnelle"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/delicious-buffet-with-cheese-close-up_23-2148432621.jpg", imageAlt: "Variété de coupes de viande fraîche sur un comptoir"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-butcher-salting-meat-dark-surface_179666-44107.jpg", imageAlt: "Volaille fraîche et produits du terroir présentés"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/oils-spices-near-jug-food_23-2147930113.jpg", imageAlt: "Gros plan sur un steak de boeuf marbré prêt à être cuisiné"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/shop-workers-posing-counter_7502-4771.jpg", imageAlt: "Un client choisissant de la viande avec l'aide d'un boucher"},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/variety-vegetables-wooden-basket_23-2148294632.jpg", imageAlt: "Jambons et charcuteries fumés suspendus dans un séchoir"}
|
||||
]}
|
||||
autoplayDelay={3000}
|
||||
showDimOverlay={true}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<TestimonialAboutCard
|
||||
useInvertedBackground={false}
|
||||
tag="Notre Histoire"
|
||||
title="Tradition, Qualité et Expertise depuis 1985"
|
||||
description="Depuis plus de trois décennies, Abattoir Boucherie Desmarais Inc. est fier de servir la communauté de Weedon et ses environs avec des produits de viande d'une qualité inégalée."
|
||||
subdescription="Nous nous engageons à des pratiques éthiques, à un service client exceptionnel et à la fraîcheur de chaque coupe, directement de notre ferme à votre table."
|
||||
icon={Sparkles}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/grandpa-little-boy-with-goats-countryside_23-2148673007.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="L'Expérience Desmarais en Quelques Données"
|
||||
tag="Notre Engagement en Chiffres"
|
||||
metrics={[
|
||||
{ id: "years", value: "35+", description: "Années d'Expérience"},
|
||||
{ id: "clients", value: "5000+", description: "Clients Satisfaits"},
|
||||
{ id: "products", value: "100+", description: "Produits Offerts"}
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
features={[
|
||||
{
|
||||
title: "Découpe Personnalisée", description: "Nous offrons un service de découpe sur mesure pour vos viandes, adapté à vos préférences culinaires.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Produits du Terroir", description: "Découvrez notre sélection exclusive de produits locaux et artisanaux, pour une expérience gustative unique.", bentoComponent: "reveal-icon", icon: Award
|
||||
},
|
||||
{
|
||||
title: "Service Traiteur", description: "Pour vos événements spéciaux, notre service traiteur propose des mets de viande d'exception, préparés avec soin.", bentoComponent: "reveal-icon", icon: Flame
|
||||
}
|
||||
]}
|
||||
title="Des Viandes Fraîches et des Services Personnalisés"
|
||||
description="Découvrez la gamme complète de nos services, conçus pour répondre à tous vos besoins, de l'élevage à la table."
|
||||
tag="Nos Services"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="products" data-section="products">
|
||||
<ProductCardThree
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
products={[
|
||||
{
|
||||
id: "boeuf", name: "Bœuf de l'Élevage", price: "Prix selon la coupe", imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-meat-slice-dark-background-meat-food-dish-barbecue-fry-color-cooking-animal-ribs-dinner_179666-46359.jpg", imageAlt: "Diverses coupes de bœuf frais"},
|
||||
{
|
||||
id: "porc", name: "Porc Frais de la Ferme", price: "Prix selon la coupe", imageSrc: "http://img.b2bpic.net/free-photo/fresh-raw-sausages-ingredients-cooking-classic-boiled-meat-pork-sausages-chopping-board-with-pepper-rosemary-herbs-spices_1150-37871.jpg", imageAlt: "Cotelettes de porc et autres coupes"},
|
||||
{
|
||||
id: "volaille", name: "Volaille Locale", price: "Prix selon le poids", imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-raw-turkey-tray_23-2148652139.jpg", imageAlt: "Poulets entiers et morceaux de volaille"},
|
||||
{
|
||||
id: "agneau", name: "Agneau Tendre", price: "Prix selon la coupe", imageSrc: "http://img.b2bpic.net/free-photo/raw-ribs-wooden-board-salt-greens-pepper-top-view_141793-12473.jpg", imageAlt: "Gigots et côtelettes d'agneau"},
|
||||
{
|
||||
id: "charcuterie", name: "Charcuterie Artisanale", price: "À partir de 8$/100g", imageSrc: "http://img.b2bpic.net/free-photo/delicious-traditional-chorizo-composition_23-2148980274.jpg", imageAlt: "Assortiment de saucissons et pâtés"},
|
||||
{
|
||||
id: "saucisses", name: "Saucisses Maison", price: "À partir de 12$/kg", imageSrc: "http://img.b2bpic.net/free-photo/top-view-assorted-sausages-with-rowan-mustard-board-cookware_176474-3285.jpg", imageAlt: "Variété de saucisses fraîches"},
|
||||
]}
|
||||
title="Nos Produits de Boucherie"
|
||||
description="Explorez notre sélection de viandes fraîches, de coupes spécialisées et de produits artisanaux préparés avec passion."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="L'Expérience Desmarais en Quelques Données"
|
||||
tag="Notre Engagement en Chiffres"
|
||||
metrics={[
|
||||
{
|
||||
id: "years", value: "35+", description: "Années d'Expérience"},
|
||||
{
|
||||
id: "clients", value: "5000+", description: "Clients Satisfaits"},
|
||||
{
|
||||
id: "products", value: "100+", description: "Produits Offerts"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardThirteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
carouselMode="buttons"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1", name: "Sophie L.", handle: "@SophieLec", testimonial: "Les viandes de Abattoir Boucherie Desmarais sont d'une qualité exceptionnelle. C'est la seule boucherie où je m'approvisionne maintenant!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/barber-man-apron-looking-front-smiling-cheerfully-making-heart-gesture-with-fingers-chest-standing-orange-wall_141793-50666.jpg", imageAlt: "Photo de Sophie L."},
|
||||
{
|
||||
id: "2", name: "Marc P.", handle: "@MarcPref", testimonial: "Le service de découpe personnalisée est incroyable. Ils comprennent exactement ce que je veux à chaque fois. Un vrai plaisir!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/manning-grill-tailgate-party_53876-127321.jpg", imageAlt: "Photo de Marc P."},
|
||||
{
|
||||
id: "3", name: "Julie D.", handle: "@JulieDel", testimonial: "J'adore leurs produits du terroir. Les saucissons et les pâtés sont tout simplement divins. Je recommande fortement!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswomen-attending-seminar-office-focus-is-black-businesswoman-raising-her-hand-ask-question_637285-1011.jpg", imageAlt: "Photo de Julie D."},
|
||||
{
|
||||
id: "4", name: "François B.", handle: "@F_Bour", testimonial: "La fraîcheur des viandes est incomparable. On sent le respect des animaux et le savoir-faire. C'est un gage de qualité.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-friends-having-fun-together-kitchen_23-2148708941.jpg", imageAlt: "Photo de François B."},
|
||||
{
|
||||
id: "5", name: "Élise R.", handle: "@EliseRoy", testimonial: "Une boucherie familiale avec un service chaleureux et des conseils toujours pertinents. C'est notre arrêt obligé à Weedon!", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bearded-hipster-butcher-black-gloves-offers-piece-whale-meat-steak_346278-607.jpg", imageAlt: "Photo de Élise R."},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce Que Disent Nos Clients"
|
||||
description="La satisfaction de notre clientèle est notre plus grande fierté. Lisez leurs témoignages sur la qualité de nos produits et services."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1", title: "D'où proviennent vos viandes ?", content: "Nos viandes proviennent d'élevages locaux et respectueux des animaux, principalement de la région de Weedon et des Cantons-de-l'Est. Nous privilégions les circuits courts pour garantir fraîcheur et qualité."},
|
||||
{
|
||||
id: "q2", title: "Offrez-vous la livraison ?", content: "Oui, nous offrons un service de livraison local pour nos clients. Veuillez nous contacter directement pour connaître les zones desservies et les frais applicables."},
|
||||
{
|
||||
id: "q3", title: "Puis-je commander des coupes spéciales ?", content: "Absolument ! Nous sommes spécialisés dans la découpe personnalisée. N'hésitez pas à nous faire part de vos besoins spécifiques et notre équipe se fera un plaisir de vous servir."},
|
||||
{
|
||||
id: "q4", title: "Quels sont vos horaires d'ouverture ?", content: "Nos horaires sont du mardi au samedi, de 9h00 à 17h00. Nous sommes fermés le dimanche et le lundi."},
|
||||
{
|
||||
id: "q5", title: "Proposez-vous des produits sans gluten ?", content: "Nous avons une sélection de produits sans gluten, notamment certaines de nos saucisses et charcuteries. N'hésitez pas à demander à notre équipe pour plus de détails."},
|
||||
]}
|
||||
title="Questions Fréquentes"
|
||||
description="Trouvez rapidement des réponses à vos questions concernant nos produits, nos services et nos pratiques."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient"}}
|
||||
tag="Contactez-Nous"
|
||||
title="Passez Votre Commande ou Posez une Question"
|
||||
description="Notre équipe est à votre disposition pour toute demande. N'hésitez pas à nous joindre pour vos besoins spécifiques."
|
||||
inputPlaceholder="Entrez votre e-mail"
|
||||
buttonText="Envoyer"
|
||||
termsText="En cliquant sur Envoyer, vous confirmez que vous acceptez nos Conditions Générales."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Abattoir Boucherie Desmarais Inc."
|
||||
columns={[
|
||||
{
|
||||
title: "Produits", items: [
|
||||
{
|
||||
label: "Bœuf", href: "#products"},
|
||||
{
|
||||
label: "Porc", href: "#products"},
|
||||
{
|
||||
label: "Volaille", href: "#products"},
|
||||
{
|
||||
label: "Charcuterie", href: "#products"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Services", items: [
|
||||
{
|
||||
label: "Découpe personnalisée", href: "#features"},
|
||||
{
|
||||
label: "Service traiteur", href: "#features"},
|
||||
{
|
||||
label: "Produits du terroir", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Entreprise", items: [
|
||||
{
|
||||
label: "À Propos de Nous", href: "#about"},
|
||||
{
|
||||
label: "Témoignages", href: "#testimonials"},
|
||||
{
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
copyrightText="© 2024 Abattoir Boucherie Desmarais Inc. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
logoText="Abattoir Boucherie Desmarais Inc."
|
||||
columns={footerColumns}
|
||||
copyrightText="© 2024 Abattoir Boucherie Desmarais Inc. Tous droits réservés."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user