Merge version_1 into main #1
191
src/app/page.tsx
191
src/app/page.tsx
@@ -30,69 +30,34 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Accueil",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "À propos",
|
||||
id: "#about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Avis",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
{ name: "Accueil", id: "#hero" },
|
||||
{ name: "À propos", id: "#about" },
|
||||
{ name: "Services", id: "#features" },
|
||||
{ name: "Avis", id: "#testimonials" },
|
||||
{ name: "Contact", id: "#contact" },
|
||||
]}
|
||||
brandName="Hôtel El Hayat"
|
||||
button={{ text: "Réserver", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Hôtel El Hayat"
|
||||
description="Bienvenue au cœur de Batna, où l'élégance rencontre le confort. Profitez d'une expérience hôtelière inoubliable."
|
||||
buttons={[
|
||||
{
|
||||
text: "Réserver un séjour",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Réserver un séjour", href: "#contact"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg",
|
||||
imageAlt: "Vue extérieure hôtel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg",
|
||||
imageAlt: "Intérieur suite luxe",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pool-with-hammocks_1203-314.jpg",
|
||||
imageAlt: "Piscine hôtel",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg",
|
||||
imageAlt: "Petit déjeuner inclus",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg",
|
||||
imageAlt: "Centre de fitness",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg",
|
||||
imageAlt: "Réception",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/long-corridor-showcase_1127-3442.jpg", imageAlt: "Vue extérieure hôtel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/cozy-lively-home-interior-design_23-2151118971.jpg", imageAlt: "Intérieur suite luxe" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/pool-with-hammocks_1203-314.jpg", imageAlt: "Piscine hôtel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/top-view-dining-tables-without-food_23-2150157778.jpg", imageAlt: "Petit déjeuner inclus" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/modern-equipment-gym-indoors-interior-fitness-hall-with-fitness-bicycles_613910-6644.jpg", imageAlt: "Centre de fitness" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1977.jpg", imageAlt: "Réception" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -102,9 +67,7 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
title="À Propos d'Él Hayat"
|
||||
description={[
|
||||
"Situé idéalement au centre de Batna, notre hôtel est le refuge parfait pour les voyageurs d'affaires et les familles.",
|
||||
"Nous offrons des prestations de haute qualité, un petit-déjeuner inclus et des équipements modernes pour rendre votre séjour agréable.",
|
||||
]}
|
||||
"Situé idéalement au centre de Batna, notre hôtel est le refuge parfait pour les voyageurs d'affaires et les familles.", "Nous offrons des prestations de haute qualité, un petit-déjeuner inclus et des équipements modernes pour rendre votre séjour agréable."]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -114,29 +77,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
tag: "Relaxation",
|
||||
title: "Piscine",
|
||||
subtitle: "Détente assurée",
|
||||
description: "Une piscine rafraîchissante pour vos moments de loisirs.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chair-pool_74190-1323.jpg",
|
||||
imageAlt: "Piscine hôtel",
|
||||
},
|
||||
tag: "Relaxation", title: "Piscine", subtitle: "Détente assurée", description: "Une piscine rafraîchissante pour vos moments de loisirs.", imageSrc: "http://img.b2bpic.net/free-photo/chair-pool_74190-1323.jpg", imageAlt: "Piscine hôtel"},
|
||||
{
|
||||
tag: "Bien-être",
|
||||
title: "Fitness",
|
||||
subtitle: "Restez actif",
|
||||
description: "Un centre de fitness entièrement équipé.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-2861.jpg",
|
||||
imageAlt: "Salle de fitness",
|
||||
},
|
||||
tag: "Bien-être", title: "Fitness", subtitle: "Restez actif", description: "Un centre de fitness entièrement équipé.", imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair_1203-2861.jpg", imageAlt: "Salle de fitness"},
|
||||
{
|
||||
tag: "Gastronomie",
|
||||
title: "Restauration",
|
||||
subtitle: "Petit-déjeuner inclus",
|
||||
description: "Un buffet varié pour commencer votre journée.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-table-with-elegant-setting-restaurant-hall-evening_181624-24706.jpg",
|
||||
imageAlt: "Petit déjeuner buffet",
|
||||
},
|
||||
tag: "Gastronomie", title: "Restauration", subtitle: "Petit-déjeuner inclus", description: "Un buffet varié pour commencer votre journée.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-shot-table-with-elegant-setting-restaurant-hall-evening_181624-24706.jpg", imageAlt: "Petit déjeuner buffet"},
|
||||
]}
|
||||
title="Nos Services"
|
||||
description="Profitez de nos équipements premium conçus pour votre confort absolu."
|
||||
@@ -149,60 +94,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah",
|
||||
role: "Voyageuse",
|
||||
company: "Batna",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462484.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Ahmed",
|
||||
role: "Homme d'affaires",
|
||||
company: "Alger",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Fatima",
|
||||
role: "Touriste",
|
||||
company: "Oran",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/browneyed-brunette-woman-beige-dress-with-straw-bag-holds-widebrimmed-hat-moves-along-path-old-city_197531-30085.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Yacine",
|
||||
role: "Famille",
|
||||
company: "Sétif",
|
||||
rating: 4,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-his-yellow-bag-preparing-trip-blue-wall_140725-89916.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amira",
|
||||
role: "Voyageuse",
|
||||
company: "Constantine",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21168.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah", role: "Voyageuse", company: "Batna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/view-child-hair-salon_23-2150462484.jpg" },
|
||||
{ id: "2", name: "Ahmed", role: "Homme d'affaires", company: "Alger", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/couple-sitting-together-chair-safari-vacation_107420-9674.jpg" },
|
||||
{ id: "3", name: "Fatima", role: "Touriste", company: "Oran", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/browneyed-brunette-woman-beige-dress-with-straw-bag-holds-widebrimmed-hat-moves-along-path-old-city_197531-30085.jpg" },
|
||||
{ id: "4", name: "Yacine", role: "Famille", company: "Sétif", rating: 4, imageSrc: "http://img.b2bpic.net/free-photo/front-view-young-male-with-his-yellow-bag-preparing-trip-blue-wall_140725-89916.jpg" },
|
||||
{ id: "5", name: "Amira", role: "Voyageuse", company: "Constantine", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/fashionable-blonde-woman-white-swimwear-exotic-place_197531-21168.jpg" },
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.1",
|
||||
label: "Note globale",
|
||||
},
|
||||
{
|
||||
value: "426",
|
||||
label: "Avis vérifiés",
|
||||
},
|
||||
{
|
||||
value: "100%",
|
||||
label: "Qualité service",
|
||||
},
|
||||
{ value: "4.1", label: "Note globale" },
|
||||
{ value: "426", label: "Avis vérifiés" },
|
||||
{ value: "100%", label: "Qualité service" },
|
||||
]}
|
||||
title="Ce que disent nos hôtes"
|
||||
description="Une satisfaction client au cœur de nos priorités."
|
||||
@@ -214,21 +115,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Quelle est l'heure d'arrivée ?",
|
||||
content: "L'heure d'arrivée est fixée à 13:00.",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Le Wi-Fi est-il gratuit ?",
|
||||
content: "Oui, le Wi-Fi est inclus dans le prix de la chambre.",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Le parking est-il disponible ?",
|
||||
content: "Nous mettons à votre disposition un parking gratuit et sécurisé.",
|
||||
},
|
||||
{ id: "1", title: "Quelle est l'heure d'arrivée ?", content: "L'heure d'arrivée est fixée à 13:00." },
|
||||
{ id: "2", title: "Le Wi-Fi est-il gratuit ?", content: "Oui, le Wi-Fi est inclus dans le prix de la chambre." },
|
||||
{ id: "3", title: "Le parking est-il disponible ?", content: "Nous mettons à votre disposition un parking gratuit et sécurisé." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-talking-phone-front-view_23-2149963946.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -244,21 +133,9 @@ export default function LandingPage() {
|
||||
title="Chiffres clés"
|
||||
tag="Expertise"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20+",
|
||||
description: "Ans d'expérience",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "100+",
|
||||
description: "Chambres confort",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "24/7",
|
||||
description: "Assistance client",
|
||||
},
|
||||
{ id: "1", value: "20+", description: "Ans d'expérience" },
|
||||
{ id: "2", value: "100+", description: "Chambres confort" },
|
||||
{ id: "3", value: "24/7", description: "Assistance client" },
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -267,9 +144,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact"
|
||||
title="Réservez dès maintenant"
|
||||
description="Contactez-nous pour toute demande de réservation ou information."
|
||||
|
||||
Reference in New Issue
Block a user