Merge version_2 into main #2
197
src/app/page.tsx
197
src/app/page.tsx
@@ -5,172 +5,86 @@ import ReactLenis from "lenis/react";
|
||||
import ContactCTA from '@/components/sections/contact/ContactCTA';
|
||||
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
|
||||
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
|
||||
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
|
||||
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
|
||||
import SplitAbout from '@/components/sections/about/SplitAbout';
|
||||
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="entrance-slide"
|
||||
borderRadius="soft"
|
||||
contentWidth="small"
|
||||
sizing="largeSmall"
|
||||
borderRadius="pill"
|
||||
contentWidth="medium"
|
||||
sizing="large"
|
||||
background="noise"
|
||||
cardStyle="soft-shadow"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="radial-glow"
|
||||
headingFontWeight="normal"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="semibold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Caractéristiques",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Galerie",
|
||||
id: "gallery",
|
||||
},
|
||||
{
|
||||
name: "Commander",
|
||||
id: "order",
|
||||
},
|
||||
{ name: "Accueil", id: "hero" },
|
||||
{ name: "Caractéristiques", id: "features" },
|
||||
{ name: "Galerie", id: "gallery" },
|
||||
{ name: "Commander", id: "order" },
|
||||
]}
|
||||
brandName="Espresso Gold"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroLogoBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
logoText="Le Meilleur Café à Domicile"
|
||||
description="Découvrez l'excellence d'une qualité professionnelle avec nos machines à espresso de luxe. Conçues pour les amateurs de café les plus exigeants."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander Maintenant",
|
||||
href: "#order",
|
||||
},
|
||||
]}
|
||||
<HeroBillboard
|
||||
title="Le Meilleur Café à Domicile"
|
||||
description="Qualité Professionnelle"
|
||||
background={{ variant: "plain" }}
|
||||
buttons={[{ text: "Commander Maintenant", href: "#order" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/coffee-decoration-with-moka-pot-mug_23-2147671429.jpg"
|
||||
imageAlt="Premium Espresso Machine"
|
||||
mediaAnimation="slide-up"
|
||||
imageAlt="Premium Italian Espresso Machine"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardSixteen
|
||||
title="Performance Professionnelle"
|
||||
description="L'excellence du café italien condensée dans votre cuisine."
|
||||
animationType="slide-up"
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
useInvertedBackground={true}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"Design élégant et compact",
|
||||
"Interface utilisateur intuitive",
|
||||
"Entretien facile au quotidien",
|
||||
"Réservoir d'eau grande capacité",
|
||||
"Construction en acier inoxydable",
|
||||
],
|
||||
items: ["15 Bar Pressure", "Milk Frother", "2-Year Warranty"]
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"15 Bar de pression professionnelle",
|
||||
"Mousseur à lait intégré haute précision",
|
||||
"Garantie constructeur de 2 ans",
|
||||
"Système de chauffe instantanée",
|
||||
"Chauffe-tasse intégré",
|
||||
],
|
||||
items: ["15 Bar Pressure", "Milk Frother", "2-Year Warranty"]
|
||||
}}
|
||||
title="Une Technologie de Pointe"
|
||||
description="Chaque détail est conçu pour vous offrir l'expérience du café parfait à chaque tasse."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="gallery" data-section="gallery">
|
||||
<ProductCardTwo
|
||||
title="Conception Élégante"
|
||||
description="Le style italien dans votre cuisine."
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "Gold Series",
|
||||
name: "Vue de profil",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-breakfast_23-2148877586.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
brand: "Gold Series",
|
||||
name: "Détail de précision",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-having-break-from-studying-drinking-coffee-surrounded-by-papers-homework_1258-202135.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
brand: "Gold Series",
|
||||
name: "Dans votre intérieur",
|
||||
price: "",
|
||||
rating: 5,
|
||||
reviewCount: "0",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16963.jpg",
|
||||
},
|
||||
]}
|
||||
title="L'élégance dans votre cuisine"
|
||||
description="Une pièce maîtresse de design pour votre maison."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SplitAbout
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="L'art de l'espresso"
|
||||
description="Nous fusionnons l'élégance intemporelle du café italien avec la technologie moderne pour sublimer vos matins."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-coffee-breakfast_23-2148877586.jpg?_wi=2"
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Qualité artisanale",
|
||||
description: "Des matériaux nobles pour une durabilité exemplaire.",
|
||||
},
|
||||
{
|
||||
title: "Précision barista",
|
||||
description: "Température et pression contrôlées numériquement.",
|
||||
},
|
||||
{ id: "1", brand: "Espresso", name: "Détail 1", price: "", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/coffee-decoration-with-moka-pot-mug_23-2147671429.jpg" },
|
||||
{ id: "2", brand: "Espresso", name: "Détail 2", price: "", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-coffee-breakfast_23-2148877586.jpg" },
|
||||
{ id: "3", brand: "Espresso", name: "Détail 3", price: "", rating: 5, reviewCount: "0", imageSrc: "http://img.b2bpic.net/free-photo/closeup-detail-professional-coffee-machine_169016-16963.jpg" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="order" data-section="order">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Commander"
|
||||
title="Confirmer la Commande"
|
||||
description="Remplissez le formulaire ci-dessous pour réserver votre machine. Notre équipe vous contactera pour valider la livraison."
|
||||
buttons={[
|
||||
{
|
||||
text: "Confirmer la Commande",
|
||||
},
|
||||
]}
|
||||
description="Remplissez vos informations pour réserver votre machine."
|
||||
buttons={[{ text: "Confirmer la Commande" }]}
|
||||
background={{ variant: "plain" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -178,53 +92,12 @@ export default function LandingPage() {
|
||||
<FooterBaseCard
|
||||
logoText="Espresso Gold"
|
||||
columns={[
|
||||
{
|
||||
title: "Navigation",
|
||||
items: [
|
||||
{
|
||||
label: "Accueil",
|
||||
href: "#hero",
|
||||
},
|
||||
{
|
||||
label: "Caractéristiques",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Galerie",
|
||||
href: "#gallery",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
{
|
||||
label: "Service Client",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Livraison",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Navigation", items: [{ label: "Accueil", href: "#hero" }] },
|
||||
{ title: "Contact", items: [{ label: "Support", href: "#" }] }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user