Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #1.
This commit is contained in:
185
src/app/page.tsx
185
src/app/page.tsx
@@ -32,21 +32,13 @@ export default function LandingPage() {
|
|||||||
<NavbarStyleCentered
|
<NavbarStyleCentered
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Accueil",
|
name: "Accueil", id: "hero"},
|
||||||
id: "hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "À propos",
|
name: "À propos", id: "about"},
|
||||||
id: "about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "features"},
|
||||||
id: "features",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "contact"},
|
||||||
id: "contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="Riad Tislite & Spa"
|
brandName="Riad Tislite & Spa"
|
||||||
/>
|
/>
|
||||||
@@ -55,81 +47,52 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroSplitKpi
|
<HeroSplitKpi
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
title="Bienvenue au Riad Tislite & Spa"
|
title="Bienvenue au Riad Tislite & Spa"
|
||||||
description="Un havre de paix au cœur de la Médina de Marrakech. Profitez d'une expérience authentique, alliant confort moderne et tradition marocaine."
|
description="Un havre de paix au cœur de la Médina de Marrakech. Profitez d'une expérience authentique, alliant confort moderne et tradition marocaine."
|
||||||
kpis={[
|
kpis={[
|
||||||
{
|
{
|
||||||
value: "3,8",
|
value: "3,8", label: "Note Moyenne"},
|
||||||
label: "Note Moyenne",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "37",
|
value: "37", label: "Avis Clients"},
|
||||||
label: "Avis Clients",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "3*",
|
value: "3*", label: "Étoiles"},
|
||||||
label: "Étoiles",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
enableKpiAnimation={true}
|
enableKpiAnimation={true}
|
||||||
buttons={[
|
buttons={[
|
||||||
{
|
{
|
||||||
text: "Vérifier la disponibilité",
|
text: "Vérifier la disponibilité", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-2066.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/beautiful-luxury-pillow-sofa_74190-2066.jpg"
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
avatars={[
|
avatars={[
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg",
|
src: "http://img.b2bpic.net/free-photo/portrait-happy-surprised-brunette-woman-looks-front_197531-24122.jpg", alt: "Portrait of happy surprised brunette woman"},
|
||||||
alt: "Portrait of happy surprised brunette woman",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/fascinating-barefooted-dark-haired-girl-having-fun-outside-resting-chaise-longue-near-hotel-portrait-cute-tanned-young-woman-sunglasses-trendy-attire-sitting-trestle-bed_197531-3074.jpg",
|
src: "http://img.b2bpic.net/free-photo/fascinating-barefooted-dark-haired-girl-having-fun-outside-resting-chaise-longue-near-hotel-portrait-cute-tanned-young-woman-sunglasses-trendy-attire-sitting-trestle-bed_197531-3074.jpg", alt: "Tanned young woman in sunglasses"},
|
||||||
alt: "Tanned young woman in sunglasses",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-couple-bathrobes-talking-while-sitting-by-pool-spending-weekend-spa-focus-is-happy-man_637285-7414.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-couple-bathrobes-talking-while-sitting-by-pool-spending-weekend-spa-focus-is-happy-man_637285-7414.jpg", alt: "Young couple at the spa"},
|
||||||
alt: "Young couple at the spa",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg",
|
src: "http://img.b2bpic.net/free-photo/young-happy-student-girl-with-dark-curly-hair-sitting-stairs-university-with-textbooks-knees-cup-coffee-go-hand-joyfully-looking-friend_574295-3958.jpg", alt: "Happy student with coffee"},
|
||||||
alt: "Happy student with coffee",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg",
|
src: "http://img.b2bpic.net/free-photo/lifestyle-portrait-handsome-young-man-sitting-cafe-talking-friend-mobile-phone-with-wireless-earphones-laughing-smiling-listening-funny-podcast_1258-314334.jpg", alt: "Young man smiling in cafe"},
|
||||||
alt: "Young man smiling in cafe",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
avatarText="Rejoignez plus de 500+ clients satisfaits"
|
avatarText="Rejoignez plus de 500+ clients satisfaits"
|
||||||
marqueeItems={[
|
marqueeItems={[
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Wifi Haut Débit", icon: Wifi,
|
||||||
text: "Wifi Haut Débit",
|
|
||||||
icon: Wifi,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Spa Traditionnel", icon: Sparkles,
|
||||||
text: "Spa Traditionnel",
|
|
||||||
icon: Sparkles,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Piscine Chauffée", icon: Waves,
|
||||||
text: "Piscine Chauffée",
|
|
||||||
icon: Waves,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Service 24/7", icon: Clock,
|
||||||
text: "Service 24/7",
|
|
||||||
icon: Clock,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
type: "text-icon",
|
type: "text-icon", text: "Petit-déjeuner", icon: Coffee,
|
||||||
text: "Petit-déjeuner",
|
|
||||||
icon: Coffee,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
@@ -143,17 +106,11 @@ export default function LandingPage() {
|
|||||||
description="Idéalement situé au cœur de la Médina, notre établissement vous offre une oasis de sérénité. Découvrez l'art de vivre marrakchi à travers notre hospitalité chaleureuse et nos services dédiés."
|
description="Idéalement situé au cœur de la Médina, notre établissement vous offre une oasis de sérénité. Découvrez l'art de vivre marrakchi à travers notre hospitalité chaleureuse et nos services dédiés."
|
||||||
bulletPoints={[
|
bulletPoints={[
|
||||||
{
|
{
|
||||||
title: "Emplacement Idéal",
|
title: "Emplacement Idéal", description: "Au centre de la Médina, proche des points d'intérêt touristiques."},
|
||||||
description: "Au centre de la Médina, proche des points d'intérêt touristiques.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Atmosphère Sérénité",
|
title: "Atmosphère Sérénité", description: "Un cadre traditionnel conçu pour votre repos total."},
|
||||||
description: "Un cadre traditionnel conçu pour votre repos total.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
title: "Accueil Personnalisé",
|
title: "Accueil Personnalisé", description: "Une équipe dévouée pour rendre votre séjour inoubliable."},
|
||||||
description: "Une équipe dévouée pour rendre votre séjour inoubliable.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/vase-plant-decoration-exterior_74190-6505.jpg"
|
imageSrc="http://img.b2bpic.net/free-photo/vase-plant-decoration-exterior_74190-6505.jpg"
|
||||||
mediaAnimation="opacity"
|
mediaAnimation="opacity"
|
||||||
@@ -167,26 +124,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", title: "Petit-déjeuner inclus", description: "Commencez votre journée avec des saveurs locales.", tag: "Gastronomie", imageSrc: "http://img.b2bpic.net/free-photo/two-cups-turkish-coffee-served-with-sweets_140725-7108.jpg"},
|
||||||
title: "Petit-déjeuner inclus",
|
|
||||||
description: "Commencez votre journée avec des saveurs locales.",
|
|
||||||
tag: "Gastronomie",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/two-cups-turkish-coffee-served-with-sweets_140725-7108.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", title: "Piscine", description: "Rafraîchissez-vous dans notre bassin traditionnel.", tag: "Loisirs", imageSrc: "http://img.b2bpic.net/free-photo/marrakesh-interior-arabic-ornate-islamic_1203-5071.jpg"},
|
||||||
title: "Piscine",
|
|
||||||
description: "Rafraîchissez-vous dans notre bassin traditionnel.",
|
|
||||||
tag: "Loisirs",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/marrakesh-interior-arabic-ornate-islamic_1203-5071.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", title: "Spa & Bien-être", description: "Détente totale avec nos soins traditionnels.", tag: "Bien-être", imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg"},
|
||||||
title: "Spa & Bien-être",
|
|
||||||
description: "Détente totale avec nos soins traditionnels.",
|
|
||||||
tag: "Bien-être",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/luxurious-indoor-pool-oasis-with-natural-light_23-2152008236.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Nos Services"
|
title="Nos Services"
|
||||||
description="Nous mettons à votre disposition une gamme d'équipements pour votre confort."
|
description="Nous mettons à votre disposition une gamme d'équipements pour votre confort."
|
||||||
@@ -195,26 +137,18 @@ export default function LandingPage() {
|
|||||||
|
|
||||||
<div id="metric" data-section="metric">
|
<div id="metric" data-section="metric">
|
||||||
<MetricCardThree
|
<MetricCardThree
|
||||||
|
animationType="slide-up"
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "m1",
|
id: "m1", title: "Satisfaction Client", value: "90%", icon: Heart,
|
||||||
title: "Satisfaction Client",
|
|
||||||
value: "90%",
|
|
||||||
icon: Heart,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m2",
|
id: "m2", title: "Vues annuelles", value: "1k+", icon: Eye,
|
||||||
title: "Vues annuelles",
|
|
||||||
value: "1k+",
|
|
||||||
icon: Eye,
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "m3",
|
id: "m3", title: "Disponibilité", value: "24/7", icon: Calendar,
|
||||||
title: "Disponibilité",
|
|
||||||
value: "24/7",
|
|
||||||
icon: Calendar,
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Qualité et Confiance"
|
title="Qualité et Confiance"
|
||||||
@@ -227,30 +161,15 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Ikramzo", imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desert-ruins-blue-sky_23-2148194001.jpg"},
|
||||||
name: "Ikramzo",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-posing-desert-ruins-blue-sky_23-2148194001.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Client Voyageur", imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-having-cup-coffee-canopy-bed_107420-9643.jpg"},
|
||||||
name: "Client Voyageur",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/thoughtful-woman-having-cup-coffee-canopy-bed_107420-9643.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Couple en Vacances", imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-worning-hotel_1368-6197.jpg"},
|
||||||
name: "Couple en Vacances",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-worning-hotel_1368-6197.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Professionnel", imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg"},
|
||||||
name: "Professionnel",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/old-tourists-chat-videocall_482257-81596.jpg",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Visiteur", imageSrc: "http://img.b2bpic.net/free-photo/vibrant-portrait-person-bright-environment_23-2151078852.jpg"},
|
||||||
name: "Visiteur",
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/vibrant-portrait-person-bright-environment_23-2151078852.jpg",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
cardTitle="Ce que pensent nos invités"
|
cardTitle="Ce que pensent nos invités"
|
||||||
cardTag="Avis"
|
cardTag="Avis"
|
||||||
@@ -264,20 +183,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "f1",
|
id: "f1", title: "Heures d'arrivée/départ", content: "Arrivée à partir de 14:00, départ jusqu'à 11:00."},
|
||||||
title: "Heures d'arrivée/départ",
|
|
||||||
content: "Arrivée à partir de 14:00, départ jusqu'à 11:00.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f2",
|
id: "f2", title: "Petit-déjeuner inclus ?", content: "Oui, le petit-déjeuner est inclus dans votre réservation."},
|
||||||
title: "Petit-déjeuner inclus ?",
|
|
||||||
content: "Oui, le petit-déjeuner est inclus dans votre réservation.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "f3",
|
id: "f3", title: "Parking disponible ?", content: "Veuillez nous contacter pour les options de stationnement à proximité."},
|
||||||
title: "Parking disponible ?",
|
|
||||||
content: "Veuillez nous contacter pour les options de stationnement à proximité.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Questions fréquentes"
|
title="Questions fréquentes"
|
||||||
description="Tout ce que vous devez savoir pour préparer votre séjour."
|
description="Tout ce que vous devez savoir pour préparer votre séjour."
|
||||||
@@ -289,8 +199,7 @@ export default function LandingPage() {
|
|||||||
<ContactCenter
|
<ContactCenter
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Assistance"
|
tag="Assistance"
|
||||||
title="Contactez-nous"
|
title="Contactez-nous"
|
||||||
description="Pour toute question ou réservation, notre équipe est à votre écoute."
|
description="Pour toute question ou réservation, notre équipe est à votre écoute."
|
||||||
@@ -302,25 +211,17 @@ export default function LandingPage() {
|
|||||||
logoText="Riad Tislite & Spa"
|
logoText="Riad Tislite & Spa"
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Informations",
|
title: "Informations", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "À propos",
|
label: "À propos", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Services",
|
label: "Services", href: "#features"},
|
||||||
href: "#features",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Légal",
|
title: "Légal", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Politique de confidentialité",
|
label: "Politique de confidentialité", href: "#"},
|
||||||
href: "#",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user