Update src/app/page.tsx
This commit is contained in:
169
src/app/page.tsx
169
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Accueil", id: "hero"},
|
||||
{
|
||||
name: "Notre Histoire",
|
||||
id: "about",
|
||||
},
|
||||
name: "Notre Histoire", id: "about"},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "testimonials",
|
||||
},
|
||||
name: "Avis", id: "testimonials"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "services",
|
||||
},
|
||||
name: "Services", id: "services"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Foliflor"
|
||||
/>
|
||||
@@ -56,37 +46,24 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardGallery
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Foliflor"
|
||||
description="L’art floral sur mesure, pensé comme une émotion."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander un bouquet",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Commander un bouquet", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bouquet_23-2149247586.jpg?_wi=1",
|
||||
imageAlt: "luxurious florist shop interior dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bouquet_23-2149247586.jpg", imageAlt: "luxurious florist shop interior dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-making-beautiful-arrangement-flowers_23-2149127259.jpg",
|
||||
imageAlt: "luxurious florist shop interior dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-florist-making-beautiful-arrangement-flowers_23-2149127259.jpg", imageAlt: "luxurious florist shop interior dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg",
|
||||
imageAlt: "luxurious florist shop interior dark",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-purple-flower-glass-jar-with-dark-wall_181624-4742.jpg", imageAlt: "luxurious florist shop interior dark"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg",
|
||||
imageAlt: "A bouquet of pink roses with green leaves inside a vase",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bouquet-pink-roses-with-green-leaves-inside-vase_114579-1439.jpg", imageAlt: "A bouquet of pink roses with green leaves inside a vase"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-vase-baroque-like-photography_23-2149659284.jpg",
|
||||
imageAlt: "Flowers vase in baroque like photography",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/flowers-vase-baroque-like-photography_23-2149659284.jpg", imageAlt: "Flowers vase in baroque like photography"},
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
@@ -99,19 +76,13 @@ export default function LandingPage() {
|
||||
description="Chez Foliflor, chaque bouquet est une création unique. Inspiré par les couleurs, les saisons et vos émotions, notre atelier imagine des compositions sur mesure, réalisées avec passion et créativité."
|
||||
metrics={[
|
||||
{
|
||||
value: "100%",
|
||||
title: "Artisanat",
|
||||
},
|
||||
value: "100%", title: "Artisanat"},
|
||||
{
|
||||
value: "Local",
|
||||
title: "Approche",
|
||||
},
|
||||
value: "Local", title: "Approche"},
|
||||
{
|
||||
value: "Sur-mesure",
|
||||
title: "Service",
|
||||
},
|
||||
value: "Sur-mesure", title: "Service"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-offering-yellow-toned-flower-bouquet-winter_114579-2239.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/man-offering-yellow-toned-flower-bouquet-winter_114579-2239.jpg"
|
||||
imageAlt="artisan florist creating floral arrangement"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
@@ -125,45 +96,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahj",
|
||||
testimonial: "Chaque bouquet est unique et rempli de passion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bouquet-beautiful-roses-pink_140725-146995.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Sarah J.", handle: "@sarahj", testimonial: "Chaque bouquet est unique et rempli de passion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bouquet-beautiful-roses-pink_140725-146995.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Marc L.",
|
||||
handle: "@marcl",
|
||||
testimonial: "Un vrai voyage haut en couleurs !",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-with-bouquet-speaking-phone_23-2147760939.jpg",
|
||||
},
|
||||
id: "2", name: "Marc L.", handle: "@marcl", testimonial: "Un vrai voyage haut en couleurs !", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/florist-with-bouquet-speaking-phone_23-2147760939.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elise M.",
|
||||
handle: "@elisem",
|
||||
testimonial: "Gentillesse, professionnalisme et créations sublimes.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-female-with-tulips_624325-559.jpg",
|
||||
},
|
||||
id: "3", name: "Elise M.", handle: "@elisem", testimonial: "Gentillesse, professionnalisme et créations sublimes.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-young-female-with-tulips_624325-559.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie R.",
|
||||
handle: "@julier",
|
||||
testimonial: "Des fleurs magnifiques pour chaque occasion.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-receiving-bouquet-white-flowers_273609-22054.jpg",
|
||||
},
|
||||
id: "4", name: "Julie R.", handle: "@julier", testimonial: "Des fleurs magnifiques pour chaque occasion.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-with-afro-haircut-receiving-bouquet-white-flowers_273609-22054.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Thomas B.",
|
||||
handle: "@thomasb",
|
||||
testimonial: "Service impeccable et bouquets toujours frais.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-romantic-woman-gets-beautiful-bouquet-as-present-closes-eyes-smiles-gently-dressed-pink-jacket_273609-43435.jpg",
|
||||
},
|
||||
id: "5", name: "Thomas B.", handle: "@thomasb", testimonial: "Service impeccable et bouquets toujours frais.", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-romantic-woman-gets-beautiful-bouquet-as-present-closes-eyes-smiles-gently-dressed-pink-jacket_273609-43435.jpg"},
|
||||
]}
|
||||
showRating={true}
|
||||
title="Ce que disent nos clients"
|
||||
@@ -178,46 +124,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Bouquets sur mesure",
|
||||
description: "Compositions personnalisées selon vos envies et les saisons.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-arranging-bouquet_23-2147760991.jpg",
|
||||
imageAlt: "custom flower bouquet wrapping",
|
||||
},
|
||||
title: "Bouquets sur mesure", description: "Compositions personnalisées selon vos envies et les saisons.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-florist-arranging-bouquet_23-2147760991.jpg", imageAlt: "custom flower bouquet wrapping"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-boutonnieres-lie-white-table_1304-4716.jpg",
|
||||
imageAlt: "custom flower bouquet wrapping",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-holding-bouquet_23-2149247586.jpg?_wi=2",
|
||||
imageAlt: "custom flower bouquet wrapping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/different-boutonnieres-lie-white-table_1304-4716.jpg", imageAlt: "custom flower bouquet wrapping"}
|
||||
},
|
||||
{
|
||||
title: "Livraison locale",
|
||||
description: "Un service rapide pour que vos émotions arrivent à temps.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-parcel-box-walking-street_1303-24661.jpg",
|
||||
imageAlt: "floral bouquet fast delivery car",
|
||||
},
|
||||
title: "Livraison locale", description: "Un service rapide pour que vos émotions arrivent à temps.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-big-parcel-box-walking-street_1303-24661.jpg", imageAlt: "floral bouquet fast delivery car"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-guy-valentines-day-wearing-hat-with-scarf-glasses-holding-box-candies-sniffing-bouquet-his-hand-isolated-blue-background_141793-110519.jpg",
|
||||
imageAlt: "floral bouquet fast delivery car",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-offering-yellow-toned-flower-bouquet-winter_114579-2239.jpg?_wi=2",
|
||||
imageAlt: "custom flower bouquet wrapping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pleased-young-guy-valentines-day-wearing-hat-with-scarf-glasses-holding-box-candies-sniffing-bouquet-his-hand-isolated-blue-background_141793-110519.jpg", imageAlt: "floral bouquet fast delivery car"}
|
||||
},
|
||||
{
|
||||
title: "Événements",
|
||||
description: "Sublimer vos cérémonies avec des créations florales uniques.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-flowers-delicate-shades_8353-10609.jpg",
|
||||
imageAlt: "flower arrangement wedding event",
|
||||
},
|
||||
title: "Événements", description: "Sublimer vos cérémonies avec des créations florales uniques.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-photo-flowers-delicate-shades_8353-10609.jpg", imageAlt: "flower arrangement wedding event"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rose-bouquet-bachelor-party_23-2149275483.jpg",
|
||||
imageAlt: "flower arrangement wedding event",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-female-holding-bouquet-beautiful-roses-pink_140725-146995.jpg?_wi=2",
|
||||
imageAlt: "custom flower bouquet wrapping",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-rose-bouquet-bachelor-party_23-2149275483.jpg", imageAlt: "flower arrangement wedding event"}
|
||||
},
|
||||
]}
|
||||
showStepNumbers={false}
|
||||
@@ -230,14 +152,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
text="Offrez plus qu’un bouquet. Offrez une émotion inoubliable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Commander maintenant",
|
||||
href: "tel:0561824325",
|
||||
},
|
||||
text: "Commander maintenant", href: "tel:0561824325"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -247,21 +166,15 @@ export default function LandingPage() {
|
||||
logoText="Foliflor"
|
||||
columns={[
|
||||
{
|
||||
title: "Adresse",
|
||||
items: [
|
||||
title: "Adresse", items: [
|
||||
{
|
||||
label: "71 Rue Jean Jaurès, Fenouillet",
|
||||
href: "#",
|
||||
},
|
||||
label: "71 Rue Jean Jaurès, Fenouillet", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "05 61 82 43 25",
|
||||
href: "tel:0561824325",
|
||||
},
|
||||
label: "05 61 82 43 25", href: "tel:0561824325"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user