Merge version_1 into main #2
249
src/app/page.tsx
249
src/app/page.tsx
@@ -31,17 +31,11 @@ export default function LandingPage() {
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Commander",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Commander", id: "#contact"},
|
||||
{
|
||||
name: "Saveurs",
|
||||
id: "#products",
|
||||
},
|
||||
name: "Saveurs", id: "#products"},
|
||||
{
|
||||
name: "Pourquoi nous",
|
||||
id: "#why",
|
||||
},
|
||||
name: "Pourquoi nous", id: "#why"},
|
||||
]}
|
||||
brandName="Lil Tiramisu"
|
||||
/>
|
||||
@@ -50,108 +44,58 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitTestimonial
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Le Tiramisu qui rend accro dès la première bouchée."
|
||||
description="Crémeux. Fondant. Fait maison à Montréal avec amour."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Chloé M.",
|
||||
handle: "@lil_foodie",
|
||||
testimonial: "Impossible d'en manger juste un ! Incroyable.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Chloé M.", handle: "@lil_foodie", testimonial: "Impossible d'en manger juste un ! Incroyable.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Thomas L.",
|
||||
handle: "@mtl_eats",
|
||||
testimonial: "Le meilleur tiramisu de Montréal sans hésiter.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Thomas L.", handle: "@mtl_eats", testimonial: "Le meilleur tiramisu de Montréal sans hésiter.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Sophie B.",
|
||||
handle: "@mtl_gourmand",
|
||||
testimonial: "Service rapide et goût authentique.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-k319rc6i.png?_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Sophie B.", handle: "@mtl_gourmand", testimonial: "Service rapide et goût authentique.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-k319rc6i.png", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Alex R.",
|
||||
handle: "@mtl_dessert",
|
||||
testimonial: "Une découverte incroyable cette semaine.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9rok2&_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Alex R.", handle: "@mtl_dessert", testimonial: "Une découverte incroyable cette semaine.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9rok2", imageAlt: "User provided image"},
|
||||
{
|
||||
name: "Marie K.",
|
||||
handle: "@mtl_foodlife",
|
||||
testimonial: "Le format parfait pour une soirée réussie.",
|
||||
rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf1y51&_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
},
|
||||
name: "Marie K.", handle: "@mtl_foodlife", testimonial: "Le format parfait pour une soirée réussie.", rating: 5,
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf1y51", imageAlt: "User provided image"},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander maintenant",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Commander maintenant", href: "#contact"},
|
||||
{
|
||||
text: "Voir les saveurs",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Voir les saveurs", href: "#products"},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg?_wi=2"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg"
|
||||
imageAlt="Oreo Tiramisu"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qplsgr",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qplsgr", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zpz2qf",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zpz2qf", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vx95p",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vx95p", alt: "happy customer portrait"},
|
||||
{
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=npe7bp",
|
||||
alt: "happy customer portrait",
|
||||
},
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=npe7bp", alt: "happy customer portrait"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Fait à Montréal",
|
||||
},
|
||||
type: "text", text: "Fait à Montréal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "100% Artisanal",
|
||||
},
|
||||
type: "text", text: "100% Artisanal"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Livraison Rapide",
|
||||
},
|
||||
type: "text", text: "Livraison Rapide"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Ingrédients Frais",
|
||||
},
|
||||
type: "text", text: "Ingrédients Frais"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Gourmandise Assurée",
|
||||
},
|
||||
type: "text", text: "Gourmandise Assurée"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -162,9 +106,7 @@ export default function LandingPage() {
|
||||
title="Pourquoi tout le monde parle de nos tiramisus ?"
|
||||
buttons={[
|
||||
{
|
||||
text: "Je veux goûter",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Je veux goûter", href: "#contact"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -176,40 +118,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Ingrédients frais",
|
||||
description: "Sélectionnés pour leur qualité supérieure.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg?_wi=2",
|
||||
},
|
||||
title: "Ingrédients frais", description: "Sélectionnés pour leur qualité supérieure.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9rok2&_wi=2",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg?_wi=3",
|
||||
imageAlt: "User provided image",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=f9rok2"}
|
||||
},
|
||||
{
|
||||
title: "Préparation artisanale",
|
||||
description: "Fait maison avec passion quotidiennement.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf1y51&_wi=2",
|
||||
},
|
||||
title: "Préparation artisanale", description: "Fait maison avec passion quotidiennement.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=wf1y51"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdch63",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-k319rc6i.png?_wi=2",
|
||||
imageAlt: "User provided image",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zdch63"}
|
||||
},
|
||||
{
|
||||
title: "Stock ultra-limité",
|
||||
description: "Pour garantir une fraîcheur absolue.",
|
||||
phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx&_wi=1",
|
||||
},
|
||||
title: "Stock ultra-limité", description: "Pour garantir une fraîcheur absolue.", phoneOne: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx"},
|
||||
phoneTwo: {
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8me58",
|
||||
},
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qplsgr&_wi=1",
|
||||
imageAlt: "User provided image",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=v8me58"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -226,41 +150,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Oreo (Best Seller)",
|
||||
price: "12$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg?_wi=4",
|
||||
},
|
||||
id: "p1", name: "Oreo (Best Seller)", price: "12$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-rtp6mh6e.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Bueno",
|
||||
price: "12$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rte8w",
|
||||
},
|
||||
id: "p2", name: "Bueno", price: "12$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=3rte8w"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Biscoff / Lotus",
|
||||
price: "12$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbrg1k",
|
||||
},
|
||||
id: "p3", name: "Biscoff / Lotus", price: "12$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=bbrg1k"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Café",
|
||||
price: "12$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8y726h",
|
||||
},
|
||||
id: "p4", name: "Café", price: "12$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=8y726h"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Mini Format",
|
||||
price: "5$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg?_wi=3",
|
||||
},
|
||||
id: "p5", name: "Mini Format", price: "5$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Mix Découverte",
|
||||
price: "12$",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-k319rc6i.png?_wi=3",
|
||||
},
|
||||
id: "p6", name: "Mix Découverte", price: "12$", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-k319rc6i.png"},
|
||||
]}
|
||||
title="Nos saveurs gourmandes"
|
||||
description="Craquez pour nos formats irrésistibles."
|
||||
@@ -274,40 +174,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah",
|
||||
role: "Foodie",
|
||||
testimonial: "Incroyable texture !",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx&_wi=2",
|
||||
},
|
||||
id: "t1", name: "Sarah", role: "Foodie", testimonial: "Incroyable texture !", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=1xe8fx"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Marc",
|
||||
role: "Fan",
|
||||
testimonial: "Le meilleur que j'ai goûté.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qplsgr&_wi=2",
|
||||
},
|
||||
id: "t2", name: "Marc", role: "Fan", testimonial: "Le meilleur que j'ai goûté.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qplsgr"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Julie",
|
||||
role: "Client",
|
||||
testimonial: "Impressionnant !",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zpz2qf",
|
||||
},
|
||||
id: "t3", name: "Julie", role: "Client", testimonial: "Impressionnant !", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=zpz2qf"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Paul",
|
||||
role: "Foodie",
|
||||
testimonial: "Addictif, vraiment.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vx95p",
|
||||
},
|
||||
id: "t4", name: "Paul", role: "Foodie", testimonial: "Addictif, vraiment.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=2vx95p"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Léa",
|
||||
role: "Fan",
|
||||
testimonial: "Je recommande à 100%.",
|
||||
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=npe7bp",
|
||||
},
|
||||
id: "t5", name: "Léa", role: "Fan", testimonial: "Je recommande à 100%.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=npe7bp"},
|
||||
]}
|
||||
title="Déjà adopté par les gourmands"
|
||||
description="Le dessert qui fait exploser votre feed Instagram."
|
||||
@@ -319,20 +194,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Comment réserver ?",
|
||||
content: "Envoyez-nous un DM sur Instagram pour commander.",
|
||||
},
|
||||
id: "f1", title: "Comment réserver ?", content: "Envoyez-nous un DM sur Instagram pour commander."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Quel est le délai ?",
|
||||
content: "Environ 12h après réception du dépôt de 4$.",
|
||||
},
|
||||
id: "f2", title: "Quel est le délai ?", content: "Environ 12h après réception du dépôt de 4$."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Où livrez-vous ?",
|
||||
content: "Nous livrons sur Laval et Montréal (rencontre stations métro).",
|
||||
},
|
||||
id: "f3", title: "Où livrez-vous ?", content: "Nous livrons sur Laval et Montréal (rencontre stations métro)."},
|
||||
]}
|
||||
sideTitle="Comment commander ?"
|
||||
sideDescription="Livraison à Laval et Montréal."
|
||||
@@ -344,12 +210,11 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
tag="Urgence"
|
||||
title="Réserve le tien maintenant"
|
||||
description="Quantités limitées chaque jour. Précommandes ouvertes."
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg?_wi=4"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3DrNO68unOcPE4zDXCxCDho5wJ8/uploaded-1779036211931-dg9nj51h.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
buttonText="Commander en DM"
|
||||
/>
|
||||
@@ -359,13 +224,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Lil Tiramisu"
|
||||
leftLink={{
|
||||
text: "Instagram",
|
||||
href: "https://instagram.com/lil.tiramisu_",
|
||||
}}
|
||||
text: "Instagram", href: "https://instagram.com/lil.tiramisu_"}}
|
||||
rightLink={{
|
||||
text: "Commander",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Commander", href: "#contact"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user