Merge version_2 into main #5
204
src/app/page.tsx
204
src/app/page.tsx
@@ -9,135 +9,113 @@ import HeroCentered from '@/components/sections/hero/HeroCentered';
|
||||
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import ProductCardFour from '@/components/sections/product/ProductCardFour';
|
||||
import { Award, Gift, MapPin, Truck } from "lucide-react";
|
||||
import { Award, Gift, MapPin, ShieldCheck, Truck } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="text-stagger"
|
||||
defaultButtonVariant="hover-bubble"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
sizing="largeSizeMediumTitles"
|
||||
background="none"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Produits", id: "produits" },
|
||||
{ name: "Paniers", id: "paniers" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Great Saveurs"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "À propos", id: "about" },
|
||||
{ name: "Produits", id: "produits" },
|
||||
{ name: "Paniers", id: "paniers" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Great Saveurs"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Great Saveurs, l'Épicerie Fine"
|
||||
description="L'excellence du terroir français sélectionnée pour les gourmets."
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-62m531yz.jpg", alt: "Produits du terroir" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-ylvmeboi.jpg", alt: "Sélection gastronomique" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/delicious-honey-white-wooden-surface_1150-42243.jpg", alt: "Miel artisanal" },
|
||||
{ src: "https://img.b2bpic.net/free-photo/dried-apricots-wooden-plate-spoons-with-juice-top-view-plaster-picnic-cloth_176474-9283.jpg", alt: "Produits secs" },
|
||||
]}
|
||||
buttons={[
|
||||
{ text: "Voir la collection", href: "#produits" },
|
||||
{ text: "Nous contacter", href: "#contact" }
|
||||
]}
|
||||
marqueeItems={[
|
||||
{ type: "text-icon", text: "Sourcing direct", icon: MapPin },
|
||||
{ type: "text-icon", text: "Qualité artisanale", icon: Award },
|
||||
{ type: "text-icon", text: "Livraison soignée", icon: Truck },
|
||||
{ type: "text-icon", text: "Cadeaux gourmands", icon: Gift }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{ variant: "radial-gradient" }}
|
||||
title="L'Épicerie Fine du Terroir"
|
||||
description="Une sélection rigoureuse de produits régionaux artisanaux, directement des producteurs locaux à votre table."
|
||||
avatars={[
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-62m531yz.jpg", alt: "Produits fins" },
|
||||
{ src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-ylvmeboi.jpg", alt: "Epicerie fine" }
|
||||
]}
|
||||
buttons={[{ text: "Découvrir nos produits", href: "#produits" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="bandeau" data-section="bandeau">
|
||||
<FeatureCardNineteen
|
||||
title="Notre Engagement"
|
||||
description="Découvrez nos valeurs fondamentales."
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "Artisanat", title: "Savoir-faire unique", subtitle: "Authenticité", description: "Uniquement des producteurs locaux." },
|
||||
{ tag: "Qualité", title: "Terroir Français", subtitle: "Origine", description: "Le meilleur des régions au quotidien." },
|
||||
{ tag: "Service", title: "Sur-mesure", subtitle: "Compositions", description: "Des paniers uniques pour chaque occasion." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="bandeau" data-section="bandeau">
|
||||
<FeatureCardNineteen
|
||||
title="Engagement Great Saveurs"
|
||||
description="Qualité artisanale et authenticité française au cœur de notre démarche."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ tag: "Artisanat", title: "Savoir-faire", subtitle: "Authenticité", description: "Fabrication authentique par des artisans." },
|
||||
{ tag: "Terroir", title: "Régional", subtitle: "100% Terroir", description: "Le meilleur des régions françaises." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={false}
|
||||
heading={[
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-ylvmeboi.jpg", alt: "L'épicerie fine" },
|
||||
{ type: "text", content: "Great Saveurs est né de la passion pour le terroir. Franck Chatail sélectionne pour vous des produits authentiques et rares, issus d'un savoir-faire traditionnel préservé dans chaque région de France." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
heading={[
|
||||
{ type: "text", content: "Franck Chatail parcourt les régions de France pour vous proposer ce que les producteurs locaux font de mieux. Confitures, miels, biscuits artisanaux, chocolats — chaque produit est choisi pour sa qualité et son authenticité." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="produits" data-section="produits">
|
||||
<ProductCardFour
|
||||
title="Nos Produits"
|
||||
description="Une sélection gourmande rigoureusement choisie."
|
||||
animationType="blur-reveal"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
textboxLayout="default"
|
||||
products={[
|
||||
{ id: "1", name: "Confitures d'Antan", price: "à partir de 8€", variant: "250g", imageSrc: "https://img.b2bpic.net/free-photo/high-angle-fruit-jam-bread_23-2148606865.jpg" },
|
||||
{ id: "2", name: "Miels Sauvages", price: "à partir de 12€", variant: "500g", imageSrc: "https://img.b2bpic.net/free-photo/glass-jar-full-honey-with-honey-spoon_23-2148173069.jpg" },
|
||||
{ id: "3", name: "Tablettes Chocolat", price: "à partir de 6€", variant: "100g", imageSrc: "https://img.b2bpic.net/free-photo/chocolate-brownies-kitchen-towel_114579-19047.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="produits" data-section="produits">
|
||||
<ProductCardFour
|
||||
title="Nos Produits"
|
||||
description="Une sélection raffinée de spécialités régionales."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{ id: "1", name: "Miels de France", price: "Sur demande", variant: "Artisan", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-62m531yz.jpg" },
|
||||
{ id: "2", name: "Spécialités Gourmandes", price: "Sur demande", variant: "Produit rare", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-ylvmeboi.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="paniers" data-section="paniers">
|
||||
<FeatureCardNineteen
|
||||
title="Nos Paniers Garnis"
|
||||
description="Des compositions élégantes et généreuses."
|
||||
textboxLayout="split-description"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{ tag: "Exclusif", title: "Coffret Signature", subtitle: "Plaisir partagé", description: "Composez vos paniers personnalisés selon vos envies et votre budget.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-62m531yz.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="paniers" data-section="paniers">
|
||||
<FeatureCardNineteen
|
||||
title="Paniers Garnis"
|
||||
description="Pour cadeaux d'entreprise, mariages ou fêtes, créez des compositions uniques."
|
||||
textboxLayout="split"
|
||||
features={[
|
||||
{ tag: "Sur-mesure", title: "Cadeaux Signature", subtitle: "Composition unique", description: "Mélangez nos meilleures sélections pour un cadeau inoubliable." }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Commande sur mesure"
|
||||
description="Contactez Franck Chatail pour toute demande de coffret ou de produit spécifique."
|
||||
background={{ variant: "plain" }}
|
||||
useInvertedBackground={true}
|
||||
buttons={[
|
||||
{ text: "07 84 55 81 49", href: "tel:0784558149" },
|
||||
{ text: "franck.chatail0475@orange.fr", href: "mailto:franck.chatail0475@orange.fr" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
tag="Contact"
|
||||
title="Vente sur commande directe"
|
||||
description="Contactez-nous pour toute demande de commande ou conseil sur notre gamme."
|
||||
buttons={[
|
||||
{ text: "07 84 55 81 49", href: "tel:0784558149" },
|
||||
{ text: "franck.chatail0475@orange.fr", href: "mailto:franck.chatail0475@orange.fr" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-ylvmeboi.jpg"
|
||||
logoText="Great Saveurs"
|
||||
columns={[
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }, { label: "Produits", href: "#produits" }, { label: "Paniers", href: "#paniers" }, { label: "Contact", href: "#contact" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
logoText="Great Saveurs"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3D1qOSIyqpAJnVmTp8rS4p8ETfF/uploaded-1777545608060-62m531yz.jpg"
|
||||
columns={[{ title: "Navigation", items: [{ label: "Accueil", href: "#nav" }, { label: "Produits", href: "#produits" }, { label: "Contact", href: "#contact" }] }]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
@@ -11,7 +11,7 @@ html {
|
||||
body {
|
||||
background-color: var(--background);
|
||||
color: var(--foreground);
|
||||
font-family: var(--font-lato), sans-serif;
|
||||
font-family: var(--font-cormorant), sans-serif;
|
||||
position: relative;
|
||||
min-height: 100vh;
|
||||
overscroll-behavior: none;
|
||||
@@ -24,5 +24,5 @@ h3,
|
||||
h4,
|
||||
h5,
|
||||
h6 {
|
||||
font-family: var(--font-cormorant), serif;
|
||||
font-family: var(--font-cormorant), sans-serif;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user