Update src/app/page.tsx
This commit is contained in:
200
src/app/page.tsx
200
src/app/page.tsx
@@ -31,25 +31,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Tableau de bord",
|
||||
id: "dashboard",
|
||||
},
|
||||
name: "Tableau de bord", id: "dashboard"},
|
||||
{
|
||||
name: "Réservations",
|
||||
id: "reservations",
|
||||
},
|
||||
name: "Réservations", id: "reservations"},
|
||||
{
|
||||
name: "Facturation",
|
||||
id: "invoicing",
|
||||
},
|
||||
name: "Facturation", id: "invoicing"},
|
||||
{
|
||||
name: "Staff & Paye",
|
||||
id: "staff",
|
||||
},
|
||||
name: "Staff & Paye", id: "staff"},
|
||||
{
|
||||
name: "Logistique",
|
||||
id: "logistics",
|
||||
},
|
||||
name: "Logistique", id: "logistics"},
|
||||
]}
|
||||
brandName="JOHANNA HOTEL"
|
||||
/>
|
||||
@@ -58,60 +48,37 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Bienvenue à l'Hôtel Johanna Livingstone"
|
||||
description="Qu'Allah te bénisse Directeur Caissan ainsi que l'hôtel Johanna Livingstone. Votre gestion simplifiée, sécurisée et professionnelle au cœur de Mutsamudu."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/doorkeeper-shows-left-side-studio_482257-90877.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/doorkeeper-shows-left-side-studio_482257-90877.jpg", alt: "Staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-joyful-businessman-black-suit-white-shirt-with-wireless-earphones-holding-cellphone-hand-while-happily-looking-camera-with-beautiful-building-background_574295-5827.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-joyful-businessman-black-suit-white-shirt-with-wireless-earphones-holding-cellphone-hand-while-happily-looking-camera-with-beautiful-building-background_574295-5827.jpg", alt: "Staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner_23-2149434493.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/side-view-smiley-business-owner_23-2149434493.jpg", alt: "Staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-using-smart-device-while-eating-breakfast-kitchen-young-freelancer-home-talking-video-call-with-her-colleagues-from-office-using-modern-internet-technology_482257-14229.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-using-smart-device-while-eating-breakfast-kitchen-young-freelancer-home-talking-video-call-with-her-colleagues-from-office-using-modern-internet-technology_482257-14229.jpg", alt: "Staff"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-video-call-with-her-mother-breakfast-using-modern-online-internet-web-technology-chat-via-webcam-videoconference-app-with-relatives-family-friends-coworkers_482257-14231.jpg",
|
||||
alt: "Staff",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/business-woman-video-call-with-her-mother-breakfast-using-modern-online-internet-web-technology-chat-via-webcam-videoconference-app-with-relatives-family-friends-coworkers_482257-14231.jpg", alt: "Staff"},
|
||||
]}
|
||||
avatarText="Personnel dévoué"
|
||||
buttons={[
|
||||
{
|
||||
text: "Accéder au Panel",
|
||||
href: "#",
|
||||
},
|
||||
text: "Accéder au Panel", href: "#"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Gestion Hôtelière 24/7",
|
||||
},
|
||||
type: "text", text: "Gestion Hôtelière 24/7"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Sécurité Maximale",
|
||||
},
|
||||
type: "text", text: "Sécurité Maximale"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Suivi en Temps Réel",
|
||||
},
|
||||
type: "text", text: "Suivi en Temps Réel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Performance Optimisée",
|
||||
},
|
||||
type: "text", text: "Performance Optimisée"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Intégration Totale",
|
||||
},
|
||||
type: "text", text: "Intégration Totale"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -133,50 +100,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Chambre Standard",
|
||||
price: "15 000 KMF",
|
||||
variant: "Libre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg",
|
||||
},
|
||||
id: "1", name: "Chambre Standard", price: "15 000 KMF", variant: "Libre", imageSrc: "http://img.b2bpic.net/free-photo/business-investor-analyzing-stock-market-trend-monitor-trading-capital-profit-exchange-investment-young-broker-investing-funds-using-financial-forex-market-sales-close-up-handheld-shot_482257-40948.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Chambre Balcon",
|
||||
price: "25 000 KMF",
|
||||
variant: "Occupé",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg",
|
||||
},
|
||||
id: "2", name: "Chambre Balcon", price: "25 000 KMF", variant: "Occupé", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-design-illuminates-modern-apartment-empty-corridor-generated-by-ai_188544-21267.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mini-Suite",
|
||||
price: "35 000 KMF",
|
||||
variant: "Libre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg",
|
||||
},
|
||||
id: "3", name: "Mini-Suite", price: "35 000 KMF", variant: "Libre", imageSrc: "http://img.b2bpic.net/free-photo/luxury-modern-living-room-with-comfortable-sofa-generated-by-ai_188544-18444.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Suite",
|
||||
price: "45 000 KMF",
|
||||
variant: "Maintenance",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683467.jpg",
|
||||
},
|
||||
id: "4", name: "Suite", price: "45 000 KMF", variant: "Maintenance", imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-hotel-interior-space_23-2150683467.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Suite VIP",
|
||||
price: "45 000 KMF",
|
||||
variant: "Libre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg",
|
||||
},
|
||||
id: "5", name: "Suite VIP", price: "45 000 KMF", variant: "Libre", imageSrc: "http://img.b2bpic.net/free-photo/old-couturier-checking-fashion-sketches-atelier-working-modern-designs-with-laptop-tablet-experienced-designer-searching-handmade-models-online-needlework-handheld-shot_482257-67826.jpg"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Chambre Standard",
|
||||
price: "15 000 KMF",
|
||||
variant: "Libre",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg",
|
||||
},
|
||||
id: "6", name: "Chambre Standard", price: "15 000 KMF", variant: "Libre", imageSrc: "http://img.b2bpic.net/free-photo/woman-typing-laptop-sitting-home-with-automation-lighting-system_482257-8729.jpg"},
|
||||
]}
|
||||
title="Gestion Hébergement"
|
||||
description="Inventaire des unités de logement avec suivi de disponibilité."
|
||||
description="Gérez vos chambres en temps réel : consultez les disponibilités et l'état de chaque unité en un coup d'œil."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -188,26 +125,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "GS1",
|
||||
description: "800-1000 pax, 50 000 KMF/jour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199312.jpg",
|
||||
buttonText: "Voir",
|
||||
},
|
||||
title: "GS1", description: "800-1000 pax, 50 000 KMF/jour", imageSrc: "http://img.b2bpic.net/free-photo/trading-manager-working-with-stock-market-diagrams-looking-real-time-stattistics-trend-with-forex-exchange-profit-rate-analyzing-hedge-fund-index-global-money-investment-laptop_482257-50292.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199312.jpg", buttonText: "Voir"},
|
||||
{
|
||||
title: "GS4",
|
||||
description: "400-700 pax, 45 000 KMF/jour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199333.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg",
|
||||
buttonText: "Voir",
|
||||
},
|
||||
title: "GS4", description: "400-700 pax, 45 000 KMF/jour", imageSrc: "http://img.b2bpic.net/free-photo/interior-design-neoclassical-style-with-furnishings-decor_23-2151199333.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/resort-foyer-check-reception-sign_482257-67418.jpg", buttonText: "Voir"},
|
||||
{
|
||||
title: "PS1",
|
||||
description: "15-20 pax, 30 000 KMF/jour",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights-great-backgrounds-wallpapers_181624-34326.jpg",
|
||||
titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149963945.jpg",
|
||||
buttonText: "Voir",
|
||||
},
|
||||
title: "PS1", description: "15-20 pax, 30 000 KMF/jour", imageSrc: "http://img.b2bpic.net/free-photo/illustration-geometric-shapes-with-neon-laser-lights-great-backgrounds-wallpapers_181624-34326.jpg", titleImageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-talking-phone_23-2149963945.jpg", buttonText: "Voir"},
|
||||
]}
|
||||
title="Salles de Conférence"
|
||||
description="Équipements complets pour vos événements professionnels."
|
||||
@@ -221,20 +143,11 @@ export default function LandingPage() {
|
||||
tag="Analytique"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "20",
|
||||
description: "Chambres totales",
|
||||
},
|
||||
id: "1", value: "20", description: "Chambres totales"},
|
||||
{
|
||||
id: "2",
|
||||
value: "12",
|
||||
description: "Occupations en cours",
|
||||
},
|
||||
id: "2", value: "12", description: "Occupations en cours"},
|
||||
{
|
||||
id: "3",
|
||||
value: "1.2M",
|
||||
description: "CA du mois (KMF)",
|
||||
},
|
||||
id: "3", value: "1.2M", description: "CA du mois (KMF)"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -248,23 +161,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Mr Caissan",
|
||||
role: "Directeur",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-receptionist-work-elegant-suit_23-2149714419.jpg",
|
||||
},
|
||||
id: "1", name: "Mr Caissan", role: "Directeur", imageSrc: "http://img.b2bpic.net/free-photo/female-receptionist-work-elegant-suit_23-2149714419.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mr Mohammad",
|
||||
role: "PDG",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31454.jpg",
|
||||
},
|
||||
id: "2", name: "Mr Mohammad", role: "PDG", imageSrc: "http://img.b2bpic.net/free-photo/internationals-people-standing-cafe-with-shopping-bags_1157-31454.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Mme Nahida",
|
||||
role: "Réception",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen_23-2148006679.jpg",
|
||||
},
|
||||
id: "3", name: "Mme Nahida", role: "Réception", imageSrc: "http://img.b2bpic.net/free-photo/chef-kitchen_23-2148006679.jpg"},
|
||||
]}
|
||||
title="Équipe de Direction"
|
||||
description="Personnel autorisé à la gestion."
|
||||
@@ -277,20 +178,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Où voir la séquence factures?",
|
||||
content: "La séquence actuelle est 536.",
|
||||
},
|
||||
id: "1", title: "Où voir la séquence factures?", content: "La séquence actuelle est 536."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Comment valider les bulletins?",
|
||||
content: "Seul le rôle Centrale peut valider les bulletins de paie créés par le Directeur.",
|
||||
},
|
||||
id: "2", title: "Comment valider les bulletins?", content: "Seul le rôle Centrale peut valider les bulletins de paie créés par le Directeur."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Que faire en cas de rupture de stock?",
|
||||
content: "L'alerte automatique s'active sous le seuil critique.",
|
||||
},
|
||||
id: "3", title: "Que faire en cas de rupture de stock?", content: "L'alerte automatique s'active sous le seuil critique."},
|
||||
]}
|
||||
title="Support Technique"
|
||||
description="Questions fréquentes sur le système JH_V5."
|
||||
@@ -302,25 +194,17 @@ export default function LandingPage() {
|
||||
<FooterSimple
|
||||
columns={[
|
||||
{
|
||||
title: "Contact",
|
||||
items: [
|
||||
title: "Contact", items: [
|
||||
{
|
||||
label: "+269 711 11 65",
|
||||
href: "tel:+2697111165",
|
||||
},
|
||||
label: "+269 711 11 65", href: "tel:+2697111165"},
|
||||
{
|
||||
label: "djohannalivingstone@gmail.com",
|
||||
href: "mailto:djohannalivingstone@gmail.com",
|
||||
},
|
||||
label: "djohannalivingstone@gmail.com", href: "mailto:djohannalivingstone@gmail.com"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Légal",
|
||||
items: [
|
||||
title: "Légal", items: [
|
||||
{
|
||||
label: "Compte Exim Bank: 0010401368",
|
||||
href: "#",
|
||||
},
|
||||
label: "Compte Exim Bank: 0010401368", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -331,4 +215,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user