Update src/app/page.tsx
This commit is contained in:
255
src/app/page.tsx
255
src/app/page.tsx
@@ -32,25 +32,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "home",
|
||||
},
|
||||
name: "Accueil", id: "home"},
|
||||
{
|
||||
name: "Hôtel",
|
||||
id: "hotel",
|
||||
},
|
||||
name: "Hôtel", id: "hotel"},
|
||||
{
|
||||
name: "Excursions",
|
||||
id: "excursions",
|
||||
},
|
||||
name: "Excursions", id: "excursions"},
|
||||
{
|
||||
name: "Packs",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Packs", id: "pricing"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Johanna Livingstone"
|
||||
/>
|
||||
@@ -59,42 +49,27 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
title="Découvrez Anjouan autrement."
|
||||
description="L'alliance parfaite entre luxe hôtelier et aventures culturelles authentiques."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver maintenant",
|
||||
href: "#pricing",
|
||||
},
|
||||
text: "Réserver maintenant", href: "#pricing"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg?_wi=1",
|
||||
imageAlt: "Anjouan landscape",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg", imageAlt: "Anjouan landscape"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-black-mountains-south-wales-uk_181624-12370.jpg",
|
||||
imageAlt: "Resort pool",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-black-mountains-south-wales-uk_181624-12370.jpg", imageAlt: "Resort pool"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-mountain_417767-601.jpg",
|
||||
imageAlt: "Hiking trails",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-mountain_417767-601.jpg", imageAlt: "Hiking trails"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-tanned-caucasian-woman-light-blue-mint-color-overall-teracce-balcony-luxury-villa-with-amazing-tropical-sea-view_343596-3021.jpg",
|
||||
imageAlt: "Cultural tour",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fit-tanned-caucasian-woman-light-blue-mint-color-overall-teracce-balcony-luxury-villa-with-amazing-tropical-sea-view_343596-3021.jpg", imageAlt: "Cultural tour"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-patuxent-river-naval-air-station-maryland_181624-14314.jpg",
|
||||
imageAlt: "Ocean sunset",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-patuxent-river-naval-air-station-maryland_181624-14314.jpg", imageAlt: "Ocean sunset"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1135.jpg",
|
||||
imageAlt: "Hotel suite",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pretty-european-positive-smiling-woman-summer-flying-dress-natural-day-light-villa-terrace-enjoying-beautiful-vacation-outdoor-sofa-with-pillows-tropical_343596-1135.jpg", imageAlt: "Hotel suite"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -106,19 +81,13 @@ export default function LandingPage() {
|
||||
description="Johanna Livingstone et Comores Rando unissent leurs forces pour offrir une expérience premium inégalée à Anjouan."
|
||||
metrics={[
|
||||
{
|
||||
value: "15+",
|
||||
title: "Années d'expérience",
|
||||
},
|
||||
value: "15+", title: "Années d'expérience"},
|
||||
{
|
||||
value: "100%",
|
||||
title: "Satisfaction client",
|
||||
},
|
||||
value: "100%", title: "Satisfaction client"},
|
||||
{
|
||||
value: "50+",
|
||||
title: "Parcours uniques",
|
||||
},
|
||||
value: "50+", title: "Parcours uniques"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -132,41 +101,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chambre Standard",
|
||||
price: "120€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg?_wi=1",
|
||||
},
|
||||
id: "1", name: "Chambre Standard", price: "120€", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chambre Double",
|
||||
price: "180€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg",
|
||||
},
|
||||
id: "2", name: "Chambre Double", price: "180€", imageSrc: "http://img.b2bpic.net/free-photo/young-woman-relaxing-after-waking-up_1163-1473.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Chambre Balcon",
|
||||
price: "220€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011526.jpg",
|
||||
},
|
||||
id: "3", name: "Chambre Balcon", price: "220€", imageSrc: "http://img.b2bpic.net/free-photo/monochromatic-urban-minimal-landscape_23-2151011526.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Mini Suite",
|
||||
price: "280€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-hotel_1157-18434.jpg",
|
||||
},
|
||||
id: "4", name: "Mini Suite", price: "280€", imageSrc: "http://img.b2bpic.net/free-photo/couple-hotel_1157-18434.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Suite Deluxe",
|
||||
price: "350€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048109.jpg",
|
||||
},
|
||||
id: "5", name: "Suite Deluxe", price: "350€", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-representation-water-park_23-2151048109.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Presidentielle",
|
||||
price: "500€",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg",
|
||||
},
|
||||
id: "6", name: "Presidentielle", price: "500€", imageSrc: "http://img.b2bpic.net/free-photo/large-hotel-palm-trees-beach-thailand_1253-925.jpg"},
|
||||
]}
|
||||
title="Hébergement Premium"
|
||||
description="Découvrez nos suites conçues pour votre confort ultime."
|
||||
@@ -180,40 +125,22 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Randonnées Pédestres",
|
||||
description: "Sentiers exclusifs vers le lac Dzialandzé.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-with-beard-backpack-posing-jungle-cap_1296-914.jpg",
|
||||
},
|
||||
title: "Randonnées Pédestres", description: "Sentiers exclusifs vers le lac Dzialandzé.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-guy-with-beard-backpack-posing-jungle-cap_1296-914.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-climbing-tree-trunk_23-2147683222.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/outdoor-patio_74190-3626.jpg?_wi=2",
|
||||
imageAlt: "hiking adventure tropical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-climbing-tree-trunk_23-2147683222.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Immersion Culturelle",
|
||||
description: "Découverte des traditions et artisanat local.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6406.jpg",
|
||||
},
|
||||
title: "Immersion Culturelle", description: "Découverte des traditions et artisanat local.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-sexy-attractive-woman-dressed-black-dress-posing-pier-luxury-resort-hotel-wearing-sunglasses-summer-vacation-tropical-beach_285396-6406.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-picnic-backyard_1303-22586.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497269.jpg?_wi=2",
|
||||
imageAlt: "hiking adventure tropical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-having-picnic-backyard_1303-22586.jpg"},
|
||||
},
|
||||
{
|
||||
title: "Camping Nocturne",
|
||||
description: "Une nuit sous les étoiles dans un confort absolu.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-chairs-around-bonfire_23-2149445622.jpg",
|
||||
},
|
||||
title: "Camping Nocturne", description: "Une nuit sous les étoiles dans un confort absolu.", phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-empty-chairs-around-bonfire_23-2149445622.jpg"},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-man-woman-standing-front-burning-bonfire_1153-4372.jpg",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-beautiful-luxury-dark-wood-european-classic-bedroom-suite-hotel_105762-2164.jpg?_wi=2",
|
||||
imageAlt: "hiking adventure tropical",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-couple-man-woman-standing-front-burning-bonfire_1153-4372.jpg"},
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
@@ -229,55 +156,28 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "pack-1",
|
||||
badge: "Détente",
|
||||
price: "450€",
|
||||
subtitle: "Hôtel + Mer",
|
||||
buttons: [
|
||||
id: "pack-1", badge: "Détente", price: "450€", subtitle: "Hôtel + Mer", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Hébergement 2 nuits",
|
||||
"Sortie en mer privée",
|
||||
"Petit déjeuner inclus",
|
||||
],
|
||||
"Hébergement 2 nuits", "Sortie en mer privée", "Petit déjeuner inclus"],
|
||||
},
|
||||
{
|
||||
id: "pack-2",
|
||||
badge: "Aventure",
|
||||
price: "600€",
|
||||
subtitle: "Hôtel + Rando",
|
||||
buttons: [
|
||||
id: "pack-2", badge: "Aventure", price: "600€", subtitle: "Hôtel + Rando", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Hébergement 3 nuits",
|
||||
"Guide expert randonnée",
|
||||
"Panier repas gourmet",
|
||||
],
|
||||
"Hébergement 3 nuits", "Guide expert randonnée", "Panier repas gourmet"],
|
||||
},
|
||||
{
|
||||
id: "pack-3",
|
||||
badge: "VIP",
|
||||
price: "950€",
|
||||
subtitle: "Expérience Totale",
|
||||
buttons: [
|
||||
id: "pack-3", badge: "VIP", price: "950€", subtitle: "Expérience Totale", buttons: [
|
||||
{
|
||||
text: "Réserver",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Hébergement 5 nuits",
|
||||
"Tout compris",
|
||||
"Transfert privé aéroport",
|
||||
],
|
||||
"Hébergement 5 nuits", "Tout compris", "Transfert privé aéroport"],
|
||||
},
|
||||
]}
|
||||
title="Packs Premium"
|
||||
@@ -290,30 +190,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Marc L.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-pineapple-exotic-beach-happy-mood-beautiful-smile-closeup_169016-4562.jpg",
|
||||
},
|
||||
id: "1", name: "Marc L.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-girl-with-pineapple-exotic-beach-happy-mood-beautiful-smile-closeup_169016-4562.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Sarah P.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-beige-dress-holds-straw-hat-runs-along-path-old-beautiful-city-happy-girl-smiles-looks-into-camera_197531-30091.jpg",
|
||||
},
|
||||
id: "2", name: "Sarah P.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-brunette-woman-beige-dress-holds-straw-hat-runs-along-path-old-beautiful-city-happy-girl-smiles-looks-into-camera_197531-30091.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Thomas B.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-beige-dress-with-straw-hat-smiles-takes-selfie-beautiful-place-with-city-view-portrait-brunette-lady-outside_197531-30069.jpg",
|
||||
},
|
||||
id: "3", name: "Thomas B.", imageSrc: "http://img.b2bpic.net/free-photo/attractive-woman-beige-dress-with-straw-hat-smiles-takes-selfie-beautiful-place-with-city-view-portrait-brunette-lady-outside_197531-30069.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Julie D.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-venice_1303-5722.jpg",
|
||||
},
|
||||
id: "4", name: "Julie D.", imageSrc: "http://img.b2bpic.net/free-photo/couple-honeymoon-venice_1303-5722.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Karim S.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-sitting-table_23-2149655612.jpg",
|
||||
},
|
||||
id: "5", name: "Karim S.", imageSrc: "http://img.b2bpic.net/free-photo/side-view-smiley-women-sitting-table_23-2149655612.jpg"},
|
||||
]}
|
||||
cardTitle="Ce que disent nos clients"
|
||||
cardTag="Avis"
|
||||
@@ -328,26 +213,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "4.9/5",
|
||||
title: "Note Google",
|
||||
description: "Basée sur plus de 200 avis clients.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-individuals-carrying-backpacks-standing-hill-gazing-lake_1258-296137.jpg",
|
||||
},
|
||||
id: "m1", value: "4.9/5", title: "Note Google", description: "Basée sur plus de 200 avis clients.", imageSrc: "http://img.b2bpic.net/free-photo/two-individuals-carrying-backpacks-standing-hill-gazing-lake_1258-296137.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "12",
|
||||
title: "Excursions",
|
||||
description: "Des sentiers balisés et sécurisés.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-listening-live-music_23-2149454334.jpg",
|
||||
},
|
||||
id: "m2", value: "12", title: "Excursions", description: "Des sentiers balisés et sécurisés.", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-people-listening-live-music_23-2149454334.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "8",
|
||||
title: "Packs",
|
||||
description: "Options sur-mesure pour chaque envie.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-3453.jpg",
|
||||
},
|
||||
id: "m3", value: "8", title: "Packs", description: "Options sur-mesure pour chaque envie.", imageSrc: "http://img.b2bpic.net/free-photo/bed-beach_1203-3453.jpg"},
|
||||
]}
|
||||
title="Chiffres Clés"
|
||||
description="La référence du tourisme à Anjouan."
|
||||
@@ -358,8 +228,7 @@ export default function LandingPage() {
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "rotated-rays-animated",
|
||||
}}
|
||||
variant: "rotated-rays-animated"}}
|
||||
tag="Réservations"
|
||||
title="Réservez votre séjour premium"
|
||||
description="Laissez-nous vos coordonnées, notre équipe vous recontacte sous 24h."
|
||||
@@ -372,33 +241,21 @@ export default function LandingPage() {
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Hôtel",
|
||||
href: "#hotel",
|
||||
},
|
||||
label: "Hôtel", href: "#hotel"},
|
||||
{
|
||||
label: "Excursions",
|
||||
href: "#excursions",
|
||||
},
|
||||
label: "Excursions", href: "#excursions"},
|
||||
{
|
||||
label: "Packs",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Packs", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Mentions Légales",
|
||||
href: "#",
|
||||
},
|
||||
label: "Mentions Légales", href: "#"},
|
||||
{
|
||||
label: "Confidentialité",
|
||||
href: "#",
|
||||
},
|
||||
label: "Confidentialité", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user