Merge version_1 into main #2
281
src/app/page.tsx
281
src/app/page.tsx
@@ -78,7 +78,7 @@ export default function HomePage() {
|
||||
borderRadius="rounded"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="aurora"
|
||||
background="circleGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="radial-glow"
|
||||
secondaryButtonStyle="layered"
|
||||
@@ -95,49 +95,29 @@ export default function HomePage() {
|
||||
tag="Gouvernement Digital"
|
||||
tagIcon={Shield}
|
||||
tagAnimation="slide-up"
|
||||
background={{ variant: "aurora" }}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
name: "Directeur général",
|
||||
handle: "Administration Centrale",
|
||||
testimonial:
|
||||
"La plateforme modernise notre gestion administrative et garantit la traçabilité totale des réunions ministérielles.",
|
||||
rating: 5,
|
||||
name: "Directeur général", handle: "Administration Centrale", testimonial:
|
||||
"La plateforme modernise notre gestion administrative et garantit la traçabilité totale des réunions ministérielles.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg",
|
||||
imageAlt: "Directeur général du ministère",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/man-portrait-posing-loft-modern-space_158595-5367.jpg", imageAlt: "Directeur général du ministère"},
|
||||
{
|
||||
name: "Responsable RH",
|
||||
handle: "Ressources Humaines",
|
||||
testimonial:
|
||||
"Interface intuitive et sécurisée. Les rôles et permissions sont clairement définis pour chaque utilisateur.",
|
||||
rating: 5,
|
||||
name: "Responsable RH", handle: "Ressources Humaines", testimonial:
|
||||
"Interface intuitive et sécurisée. Les rôles et permissions sont clairement définis pour chaque utilisateur.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg",
|
||||
imageAlt: "Responsable RH",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/portrait-woman-working-business-with-computer_482257-20185.jpg", imageAlt: "Responsable RH"},
|
||||
{
|
||||
name: "Agent Administratif",
|
||||
handle: "Support Opérationnel",
|
||||
testimonial:
|
||||
"Les QR codes pour l'émargement simplifient grandement notre processus de validation des présences.",
|
||||
rating: 5,
|
||||
name: "Agent Administratif", handle: "Support Opérationnel", testimonial:
|
||||
"Les QR codes pour l'émargement simplifient grandement notre processus de validation des présences.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-38469.jpg",
|
||||
imageAlt: "Agent administratif",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-working-computer-with-data-charts-management-strategy-corporate-office-entrepreneur-using-technology-monitor-research-analysis-design-planning_482257-38469.jpg", imageAlt: "Agent administratif"},
|
||||
{
|
||||
name: "Auditeur Interne",
|
||||
handle: "Gouvernance",
|
||||
testimonial:
|
||||
"Les archives complètes et les exports facilitent nos contrôles de conformité administrative.",
|
||||
rating: 5,
|
||||
name: "Auditeur Interne", handle: "Gouvernance", testimonial:
|
||||
"Les archives complètes et les exports facilitent nos contrôles de conformité administrative.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/looking-through-papers_1098-13913.jpg",
|
||||
imageAlt: "Auditeur interne",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/looking-through-papers_1098-13913.jpg", imageAlt: "Auditeur interne"},
|
||||
]}
|
||||
testimonialRotationInterval={5000}
|
||||
buttons={[
|
||||
@@ -155,10 +135,7 @@ export default function HomePage() {
|
||||
<TextSplitAbout
|
||||
title="À Propos"
|
||||
description={[
|
||||
"MPT – Émargement Numérique est la plateforme officielle du Ministère de la Poste et des Télécommunications pour la gestion administrative des réunions et des émargements.",
|
||||
"Notre système garantit la transparence, la sécurité et la traçabilité complète de chaque événement administratif, respectant les normes gouvernementales algériennes.",
|
||||
"Avec des contrôles d'accès granulaires (VIEWER, AGENT, ADMIN, SUPER_ADMIN), chaque utilisateur dispose des permissions appropriées pour son rôle.",
|
||||
]}
|
||||
"MPT – Émargement Numérique est la plateforme officielle du Ministère de la Poste et des Télécommunications pour la gestion administrative des réunions et des émargements.", "Notre système garantit la transparence, la sécurité et la traçabilité complète de chaque événement administratif, respectant les normes gouvernementales algériennes.", "Avec des contrôles d'accès granulaires (VIEWER, AGENT, ADMIN, SUPER_ADMIN), chaque utilisateur dispose des permissions appropriées pour son rôle."]}
|
||||
useInvertedBackground={true}
|
||||
showBorder={true}
|
||||
buttons={[{ text: "En Savoir Plus", href: "/features" }]}
|
||||
@@ -175,71 +152,35 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Gestion des Réunions",
|
||||
author: "Administration",
|
||||
description:
|
||||
"Créez, éditez et archivez des réunions avec des identifiants générés automatiquement, des dates précises et une traçabilité complète.",
|
||||
tags: ["Dashboard", "CRUD"],
|
||||
id: "1", title: "Gestion des Réunions", author: "Administration", description:
|
||||
"Créez, éditez et archivez des réunions avec des identifiants générés automatiquement, des dates précises et une traçabilité complète.", tags: ["Dashboard", "CRUD"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/colorful-planning-schedule-concept-with-flat-design_23-2147932920.jpg?_wi=1",
|
||||
imageAlt: "Gestion des réunions",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/colorful-planning-schedule-concept-with-flat-design_23-2147932920.jpg", imageAlt: "Gestion des réunions"},
|
||||
{
|
||||
id: "2",
|
||||
title: "Émargement Numérique",
|
||||
author: "Opérations",
|
||||
description:
|
||||
"Codes QR uniques pour chaque réunion, permettant l'enregistrement numériques des présences et une validation instantanée.",
|
||||
tags: ["QR", "Signature"],
|
||||
id: "2", title: "Émargement Numérique", author: "Opérations", description:
|
||||
"Codes QR uniques pour chaque réunion, permettant l'enregistrement numériques des présences et une validation instantanée.", tags: ["QR", "Signature"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/contactless-cashless-payment-through-qr-code-mobile-banking_53876-101160.jpg",
|
||||
imageAlt: "Émargement numérique QR",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/contactless-cashless-payment-through-qr-code-mobile-banking_53876-101160.jpg", imageAlt: "Émargement numérique QR"},
|
||||
{
|
||||
id: "3",
|
||||
title: "Annuaire des Contacts",
|
||||
author: "RH",
|
||||
description:
|
||||
"Référentiel centralisé des participants avec détection des doublons, historique des visites et gestion complète des organismes.",
|
||||
tags: ["Contacts", "Annuaire"],
|
||||
id: "3", title: "Annuaire des Contacts", author: "RH", description:
|
||||
"Référentiel centralisé des participants avec détection des doublons, historique des visites et gestion complète des organismes.", tags: ["Contacts", "Annuaire"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/social-network-concept_24908-54698.jpg?_wi=1",
|
||||
imageAlt: "Annuaire des contacts",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/social-network-concept_24908-54698.jpg", imageAlt: "Annuaire des contacts"},
|
||||
{
|
||||
id: "4",
|
||||
title: "Contrôle d'Accès Basé sur les Rôles",
|
||||
author: "Sécurité",
|
||||
description:
|
||||
"Quatre niveaux de permissions (VIEWER, AGENT, ADMIN, SUPER_ADMIN) avec visibilité claire des actions désactivées pour chaque rôle.",
|
||||
tags: ["Sécurité", "Permissions"],
|
||||
id: "4", title: "Contrôle d'Accès Basé sur les Rôles", author: "Sécurité", description:
|
||||
"Quatre niveaux de permissions (VIEWER, AGENT, ADMIN, SUPER_ADMIN) avec visibilité claire des actions désactivées pour chaque rôle.", tags: ["Sécurité", "Permissions"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg?_wi=1",
|
||||
imageAlt: "Contrôle d'accès",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/finger-pressing-button-with-padlock_1134-121.jpg", imageAlt: "Contrôle d'accès"},
|
||||
{
|
||||
id: "5",
|
||||
title: "Exports Sécurisés",
|
||||
author: "Conformité",
|
||||
description:
|
||||
"Téléchargez les données en formats Excel et PDF avec sécurité, auditabilité et conformité aux normes gouvernementales.",
|
||||
tags: ["Export", "Audit"],
|
||||
id: "5", title: "Exports Sécurisés", author: "Conformité", description:
|
||||
"Téléchargez les données en formats Excel et PDF avec sécurité, auditabilité et conformité aux normes gouvernementales.", tags: ["Export", "Audit"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148373760.jpg?_wi=1",
|
||||
imageAlt: "Exports sécurisés",
|
||||
},
|
||||
"http://img.b2bpic.net/free-vector/dashboard-user-panel-template_23-2148373760.jpg", imageAlt: "Exports sécurisés"},
|
||||
{
|
||||
id: "6",
|
||||
title: "Archives et Restauration",
|
||||
author: "Gouvernance",
|
||||
description:
|
||||
"Archivez les réunions clôturées, conservez l'historique complet et restaurez les données si nécessaire selon les permissions.",
|
||||
tags: ["Archive", "Historique"],
|
||||
id: "6", title: "Archives et Restauration", author: "Gouvernance", description:
|
||||
"Archivez les réunions clôturées, conservez l'historique complet et restaurez les données si nécessaire selon les permissions.", tags: ["Archive", "Historique"],
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg?_wi=1",
|
||||
imageAlt: "Archives",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/private-investigator-searching-files-based-case-names-archive_482257-83351.jpg", imageAlt: "Archives"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -256,29 +197,17 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
icon: Users,
|
||||
title: "Utilisateurs Actifs",
|
||||
value: "5,000+",
|
||||
},
|
||||
id: "1", icon: Users,
|
||||
title: "Utilisateurs Actifs", value: "5,000+"},
|
||||
{
|
||||
id: "2",
|
||||
icon: Calendar,
|
||||
title: "Réunions Gérées",
|
||||
value: "12,500+",
|
||||
},
|
||||
id: "2", icon: Calendar,
|
||||
title: "Réunions Gérées", value: "12,500+"},
|
||||
{
|
||||
id: "3",
|
||||
icon: CheckCircle,
|
||||
title: "Émargements Traités",
|
||||
value: "125,000+",
|
||||
},
|
||||
id: "3", icon: CheckCircle,
|
||||
title: "Émargements Traités", value: "125,000+"},
|
||||
{
|
||||
id: "4",
|
||||
icon: Lock,
|
||||
title: "Uptime Garantie",
|
||||
value: "99.9%",
|
||||
},
|
||||
id: "4", icon: Lock,
|
||||
title: "Uptime Garantie", value: "99.9%"},
|
||||
]}
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
@@ -295,71 +224,35 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Fatima Bouamrani",
|
||||
handle: "Agent RH - Alger",
|
||||
testimonial:
|
||||
"La plateforme a réduit nos temps de traitement des émargements de 70%. L'interface est très intuitive.",
|
||||
rating: 5,
|
||||
id: "1", name: "Fatima Bouamrani", handle: "Agent RH - Alger", testimonial:
|
||||
"La plateforme a réduit nos temps de traitement des émargements de 70%. L'interface est très intuitive.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-using-laptop_1398-1463.jpg?_wi=1",
|
||||
imageAlt: "Fatima Bouamrani",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-using-laptop_1398-1463.jpg", imageAlt: "Fatima Bouamrani"},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mohamed Saïdi",
|
||||
handle: "Chef de Service - Oran",
|
||||
testimonial:
|
||||
"Les rapports automatisés et les exports nous font gagner plusieurs heures chaque semaine.",
|
||||
rating: 5,
|
||||
id: "2", name: "Mohamed Saïdi", handle: "Chef de Service - Oran", testimonial:
|
||||
"Les rapports automatisés et les exports nous font gagner plusieurs heures chaque semaine.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg?_wi=1",
|
||||
imageAlt: "Mohamed Saïdi",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/blond-businessman-happy-expression_1194-3797.jpg", imageAlt: "Mohamed Saïdi"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Zahra Lâarbaoui",
|
||||
handle: "Directrice Adjointe - Constantine",
|
||||
testimonial:
|
||||
"Un excellent outil pour la conformité administrative. Les permissions par rôle sont parfaitement configurées.",
|
||||
rating: 5,
|
||||
id: "3", name: "Zahra Lâarbaoui", handle: "Directrice Adjointe - Constantine", testimonial:
|
||||
"Un excellent outil pour la conformité administrative. Les permissions par rôle sont parfaitement configurées.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",
|
||||
imageAlt: "Zahra Lâarbaoui",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg", imageAlt: "Zahra Lâarbaoui"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Karim Benhassan",
|
||||
handle: "Superviseur IT - Ministère",
|
||||
testimonial:
|
||||
"Infrastructure sécurisée, haute disponibilité et support réactif. Conforme aux normes gouvernementales.",
|
||||
rating: 5,
|
||||
id: "4", name: "Karim Benhassan", handle: "Superviseur IT - Ministère", testimonial:
|
||||
"Infrastructure sécurisée, haute disponibilité et support réactif. Conforme aux normes gouvernementales.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/data-center-worker-fixing-errors-affecting-supercomputers_482257-115406.jpg",
|
||||
imageAlt: "Karim Benhassan",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/data-center-worker-fixing-errors-affecting-supercomputers_482257-115406.jpg", imageAlt: "Karim Benhassan"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Amira Ghazali",
|
||||
handle: "Auditeur Interne",
|
||||
testimonial:
|
||||
"Les traces d'audit complètes et les archives rendent les contrôles beaucoup plus faciles et documentés.",
|
||||
rating: 5,
|
||||
id: "5", name: "Amira Ghazali", handle: "Auditeur Interne", testimonial:
|
||||
"Les traces d'audit complètes et les archives rendent les contrôles beaucoup plus faciles et documentés.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-using-laptop_1398-1462.jpg?_wi=1",
|
||||
imageAlt: "Amira Ghazali",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/businesswoman-using-laptop_1398-1462.jpg", imageAlt: "Amira Ghazali"},
|
||||
{
|
||||
id: "6",
|
||||
name: "Samir Naouali",
|
||||
handle: "Coordinateur Événements",
|
||||
testimonial:
|
||||
"Les QR codes et signatures numériques éliminent presque tous les problèmes de validation manuelle.",
|
||||
rating: 5,
|
||||
id: "6", name: "Samir Naouali", handle: "Coordinateur Événements", testimonial:
|
||||
"Les QR codes et signatures numériques éliminent presque tous les problèmes de validation manuelle.", rating: 5,
|
||||
imageSrc:
|
||||
"http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg",
|
||||
imageAlt: "Samir Naouali",
|
||||
},
|
||||
"http://img.b2bpic.net/free-photo/catering-business_1098-15740.jpg", imageAlt: "Samir Naouali"},
|
||||
]}
|
||||
showRating={true}
|
||||
animationType="slide-up"
|
||||
@@ -378,53 +271,29 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Comment créer une nouvelle réunion ?",
|
||||
content:
|
||||
"Accédez au tableau de bord, cliquez sur \"Nouvelle Réunion\", remplissez les champs (Objet, Date), et cliquez sur \"Enregistrer\". Un ID sera généré automatiquement.",
|
||||
},
|
||||
id: "1", title: "Comment créer une nouvelle réunion ?", content:
|
||||
"Accédez au tableau de bord, cliquez sur \"Nouvelle Réunion\", remplissez les champs (Objet, Date), et cliquez sur \"Enregistrer\". Un ID sera généré automatiquement."},
|
||||
{
|
||||
id: "2",
|
||||
title: "Que sont les différents rôles utilisateur ?",
|
||||
content:
|
||||
"<strong>VIEWER:</strong> Lecture seule des réunions et participants.<br><strong>AGENT:</strong> Gestion complète des réunions et participants.<br><strong>ADMIN:</strong> Gestion utilisateurs et configurations avancées.<br><strong>SUPER_ADMIN:</strong> Accès illimité et suppression de contacts.",
|
||||
},
|
||||
id: "2", title: "Que sont les différents rôles utilisateur ?", content:
|
||||
"<strong>VIEWER:</strong> Lecture seule des réunions et participants.<br><strong>AGENT:</strong> Gestion complète des réunions et participants.<br><strong>ADMIN:</strong> Gestion utilisateurs et configurations avancées.<br><strong>SUPER_ADMIN:</strong> Accès illimité et suppression de contacts."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Comment ajouter des participants à une réunion ?",
|
||||
content:
|
||||
"Sélectionnez une réunion, allez à \"Participants\", cliquez sur \"Ajouter manuellement\" ou \"Importer depuis annuaire\", remplissez les informations, et enregistrez.",
|
||||
},
|
||||
id: "3", title: "Comment ajouter des participants à une réunion ?", content:
|
||||
"Sélectionnez une réunion, allez à \"Participants\", cliquez sur \"Ajouter manuellement\" ou \"Importer depuis annuaire\", remplissez les informations, et enregistrez."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Qu'est-ce qu'un QR code dans ce contexte ?",
|
||||
content:
|
||||
"Chaque réunion génère un QR code unique. Les participants le scannent pour enregistrer leur présence automatiquement. Les QR codes rouges indiquent des réunions clôturées.",
|
||||
},
|
||||
id: "4", title: "Qu'est-ce qu'un QR code dans ce contexte ?", content:
|
||||
"Chaque réunion génère un QR code unique. Les participants le scannent pour enregistrer leur présence automatiquement. Les QR codes rouges indiquent des réunions clôturées."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Comment exporter les données d'une réunion ?",
|
||||
content:
|
||||
"Dans le tableau de bord, sélectionnez une réunion, cliquez sur \"Exports\", et choisissez le format Excel ou PDF. Les données seront téléchargées immédiatement.",
|
||||
},
|
||||
id: "5", title: "Comment exporter les données d'une réunion ?", content:
|
||||
"Dans le tableau de bord, sélectionnez une réunion, cliquez sur \"Exports\", et choisissez le format Excel ou PDF. Les données seront téléchargées immédiatement."},
|
||||
{
|
||||
id: "6",
|
||||
title: "Puis-je restaurer une réunion archivée ?",
|
||||
content:
|
||||
"Oui, allez à \"Archives\", sélectionnez la réunion, et cliquez sur \"Restaurer\" (selon vos permissions). Les SUPER_ADMIN peuvent toujours restaurer.",
|
||||
},
|
||||
id: "6", title: "Puis-je restaurer une réunion archivée ?", content:
|
||||
"Oui, allez à \"Archives\", sélectionnez la réunion, et cliquez sur \"Restaurer\" (selon vos permissions). Les SUPER_ADMIN peuvent toujours restaurer."},
|
||||
{
|
||||
id: "7",
|
||||
title: "Comment gérer les doublons dans l'annuaire ?",
|
||||
content:
|
||||
"Les doublons sont détectés automatiquement par numéro de téléphone. Ils apparaissent en bleu avec un badge \"DOUBLON\". Seul un SUPER_ADMIN peut les supprimer.",
|
||||
},
|
||||
id: "7", title: "Comment gérer les doublons dans l'annuaire ?", content:
|
||||
"Les doublons sont détectés automatiquement par numéro de téléphone. Ils apparaissent en bleu avec un badge \"DOUBLON\". Seul un SUPER_ADMIN peut les supprimer."},
|
||||
{
|
||||
id: "8",
|
||||
title: "Comment fonctionne la signature numérique ?",
|
||||
content:
|
||||
"Lors de l'ajout d'un participant, une image de signature peut être téléchargée. Si présente, elle s'affiche dans le tableau des émargements. Sinon, un \"/\" est affiché.",
|
||||
},
|
||||
id: "8", title: "Comment fonctionne la signature numérique ?", content:
|
||||
"Lors de l'ajout d'un participant, une image de signature peut être téléchargée. Si présente, elle s'affiche dans le tableau des émargements. Sinon, un \"/\" est affiché."},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/call-center-hot-line-information-concept_53876-125154.jpg"
|
||||
imageAlt="Support administratif MPT"
|
||||
|
||||
Reference in New Issue
Block a user