Compare commits
8 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 80319fc993 | |||
| 81e3c99359 | |||
| ad10de2f9a | |||
| 31686937a0 | |||
| 460a701fab | |||
| 1c44a12f56 | |||
| d2f39b1eee | |||
| 943a584f80 |
253
src/app/page.tsx
253
src/app/page.tsx
@@ -12,9 +12,6 @@ import {
|
|||||||
Zap,
|
Zap,
|
||||||
Star,
|
Star,
|
||||||
Layers,
|
Layers,
|
||||||
Twitter,
|
|
||||||
Instagram,
|
|
||||||
Linkedin,
|
|
||||||
Check,
|
Check,
|
||||||
Code,
|
Code,
|
||||||
Palette,
|
Palette,
|
||||||
@@ -26,21 +23,22 @@ import {
|
|||||||
Award,
|
Award,
|
||||||
BookLock,
|
BookLock,
|
||||||
BellRing,
|
BellRing,
|
||||||
ClipboardCheck
|
ClipboardCheck,
|
||||||
|
Mail
|
||||||
} from "lucide-react";
|
} from "lucide-react";
|
||||||
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
import MetricCardOne from "@/components/sections/metrics/MetricCardOne";
|
||||||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||||||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||||||
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
import FeatureCardTen from "@/components/sections/feature/FeatureCardTen";
|
||||||
import ContactText from "@/components/sections/contact/ContactText";
|
import ContactCenter from "@/components/sections/contact/ContactCenter";
|
||||||
import FooterCard from "@/components/sections/footer/FooterCard";
|
import FooterMedia from "@/components/sections/footer/FooterMedia";
|
||||||
|
|
||||||
export default function WebAgencyThemePage() {
|
export default function WebAgencyThemePage() {
|
||||||
const navItems = [
|
const navItems = [
|
||||||
{ name: "Accueil", id: "home" },
|
{ name: "Accueil", id: "home" },
|
||||||
{ name: "Produits", id: "products" },
|
{ name: "Produits", id: "products" },
|
||||||
{ name: "À Propos", id: "about" },
|
{ name: "À Propos", id: "about" },
|
||||||
{ name: "Contact", id: "contact" },
|
{ name: "Contact", id: "contact" }
|
||||||
];
|
];
|
||||||
|
|
||||||
return (
|
return (
|
||||||
@@ -57,65 +55,77 @@ export default function WebAgencyThemePage() {
|
|||||||
headingFontWeight="medium"
|
headingFontWeight="medium"
|
||||||
>
|
>
|
||||||
<ReactLenis root>
|
<ReactLenis root>
|
||||||
<NavbarLayoutFloatingInline
|
<div id="nav" data-section="nav">
|
||||||
navItems={navItems}
|
<NavbarLayoutFloatingInline
|
||||||
brandName="NomaDigital"
|
navItems={navItems}
|
||||||
button={{ text: "Contactez-nous", href: "#contact" }}
|
brandName="NomaDigital"
|
||||||
/>
|
button={{ text: "Contactez-nous", href: "#contact" }}
|
||||||
<HeroSplitKpi
|
/>
|
||||||
id="home"
|
</div>
|
||||||
background={{ variant: "radial-gradient" }}
|
<div id="home" data-section="home">
|
||||||
tag="QHSE Digital"
|
<HeroSplitKpi
|
||||||
tagIcon={Sparkles}
|
background={{ variant: "radial-gradient" }}
|
||||||
title="L'Avenir de la Gestion QHSE : Digitalisation & Automatisation Intelligente"
|
tag="QHSE Digital"
|
||||||
description="Optimisez vos systèmes de management avec des outils digitaux, des tableaux de bord automatisés et des applications QHSE sur-mesure."
|
tagIcon={Sparkles}
|
||||||
enableKpiAnimation={true}
|
title="L'Avenir de la Gestion QHSE : Digitalisation & Automatisation Intelligente"
|
||||||
kpis={[
|
description="Optimisez vos systèmes de management avec des outils digitaux, des tableaux de bord automatisés et des applications QHSE sur-mesure."
|
||||||
{ value: "+95%", label: "Conformité Améliorée" },
|
enableKpiAnimation={true}
|
||||||
{ value: "50%", label: "Coûts Réduits" },
|
kpis={[
|
||||||
{ value: "3x", label: "Productivité Accrue" },
|
{ value: "+95%", label: "Conformité Améliorée" },
|
||||||
]}
|
{ value: "50%", label: "Coûts Réduits" },
|
||||||
buttons={[
|
{ value: "3x", label: "Productivité Accrue" }
|
||||||
{
|
]}
|
||||||
text: "Découvrir Nos Produits", href: "#products"}
|
buttons={[
|
||||||
]}
|
{
|
||||||
avatars={[]}
|
text: "Découvrir Nos Produits", href: "#products"
|
||||||
avatarText=""
|
}
|
||||||
imageSrc="http://img.b2bpic.net/free-photo/letter-t-made-real-natural-flowers-leaves-transparent-background_169016-54314.jpg"
|
]}
|
||||||
imageAlt="Ingénieurs QHSE interagissant avec des outils numériques sur site"
|
avatars={[]}
|
||||||
mediaAnimation="slide-up"
|
avatarText=""
|
||||||
showMarqueeCard={false}
|
imageSrc="http://img.b2bpic.net/free-photo/letter-t-made-real-natural-flowers-leaves-transparent-background_169016-54314.jpg"
|
||||||
marqueeItems={[]}
|
imageAlt="Ingénieurs QHSE interagissant avec des outils numériques sur site"
|
||||||
/>
|
mediaAnimation="slide-up"
|
||||||
<TextAbout
|
showMarqueeCard={false}
|
||||||
id="about"
|
marqueeItems={[]}
|
||||||
title="NomaDigital : Votre Partenaire en Transformation Digitale QHSE"
|
/>
|
||||||
buttons={[]}
|
</div>
|
||||||
useInvertedBackground={false}
|
<div id="about" data-section="about">
|
||||||
/>
|
<TextAbout
|
||||||
<FeatureCardNineteen
|
title="NomaDigital : Votre Partenaire en Transformation Digitale QHSE"
|
||||||
id="products"
|
buttons={[]}
|
||||||
title="Nos Solutions Digitales QHSE Innovantes"
|
useInvertedBackground={false}
|
||||||
description="Découvrez nos outils conçus pour optimiser votre gestion de la Qualité, de l'Hygiène, de la Sécurité et de l'Environnement."
|
/>
|
||||||
tag="Produits & Applications"
|
</div>
|
||||||
tagIcon={Layers}
|
<div id="products" data-section="products">
|
||||||
features={[
|
<FeatureCardNineteen
|
||||||
{
|
title="Nos Solutions Digitales QHSE Innovantes"
|
||||||
tag: "Suite Complète", title: "01", subtitle: "PACK TOTAL QHSE PRO (12 Modules)", description: "Écosystème complet de gestion d'entreprise intégrant les normes ISO 45001, 14001 et 9001. Centralisez et harmonisez tous vos processus QHSE.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg", imageAlt: "Logiciel de gestion QHSE tout-en-un"},
|
description="Découvrez nos outils conçus pour optimiser votre gestion de la Qualité, de l'Hygiène, de la Sécurité et de l'Environnement."
|
||||||
{
|
tag="Produits & Applications"
|
||||||
tag: "Analyse Stratégique", title: "02", subtitle: "Tableau de Bord QHSE Automatisé (Excel/VBA)", description: "Suivi dynamique des KPIs, des incidents et des plans d'action avec génération automatique de graphiques. Prenez des décisions éclairées.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aum5ju", imageAlt: "Tableau de bord QHSE automatisé"},
|
tagIcon={Layers}
|
||||||
{
|
features={[
|
||||||
tag: "Maîtrise des Risques", title: "03", subtitle: "Application de Gestion des Risques & Matrice 3D", description: "Matrice d'évaluation des risques digitaux (alignée sur l'ISO 31000) avec calcul automatique des scores et priorisation visuelle.", imageSrc: "http://img.b2bpic.net/free-photo/letter-h-made-green-grass-with-flowers-isolated-white_169016-57181.jpg", imageAlt: "Matrice d'évaluation des risques 3D"},
|
{
|
||||||
{
|
tag: "Suite Complète", title: "01", subtitle: "PACK TOTAL QHSE PRO (12 Modules)", description: "Écosystème complet de gestion d'entreprise intégrant les normes ISO 45001, 14001 et 9001. Centralisez et harmonisez tous vos processus QHSE.", imageSrc: "http://img.b2bpic.net/free-photo/glowing-warning-triangle-with-digital-distortion-black-background_84443-91300.jpg", imageAlt: "Logiciel de gestion QHSE tout-en-un"
|
||||||
tag: "Sécurité Terrain", title: "04", subtitle: "App Mobile de Remontée des Presqu'accidents", description: "Template d'application mobile No-Code pour le signalement en temps réel des risques et des incidents mineurs sur le terrain, même hors ligne.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r737j3", imageAlt: "Application mobile de reporting d'incidents"},
|
},
|
||||||
{
|
{
|
||||||
tag: "Conformité Simplifiée", title: "05", subtitle: "Suivi Digital des Certifications & Audits", description: "Traqueur de conformité automatisé avec système d'alerte par e-mail/WhatsApp pour les échéances, garantissant le respect des normes.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-b_53876-63682.jpg", imageAlt: "Interface de suivi de certifications"},
|
tag: "Analyse Stratégique", title: "02", subtitle: "Tableau de Bord QHSE Automatisé (Excel/VBA)", description: "Suivi dynamique des KPIs, des incidents et des plans d'action avec génération automatique de graphiques. Prenez des décisions éclairées.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=aum5ju", imageAlt: "Tableau de bord QHSE automatisé"
|
||||||
{
|
},
|
||||||
tag: "Documentation Centralisée", title: "06", subtitle: "Registre Unique de Sécurité Électronique", description: "Registre digital centralisé pour les inspections, la conformité des équipements et les mises à jour réglementaires. Accès sécurisé et instantané.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-spree_23-2151952990.jpg", imageAlt: "Registre de sécurité électronique sécurisé"},
|
{
|
||||||
]}
|
tag: "Maîtrise des Risques", title: "03", subtitle: "Application de Gestion des Risques & Matrice 3D", description: "Matrice d'évaluation des risques digitaux (alignée sur l'ISO 31000) avec calcul automatique des scores et priorisation visuelle.", imageSrc: "http://img.b2bpic.net/free-photo/letter-h-made-green-grass-with-flowers-isolated-white_169016-57181.jpg", imageAlt: "Matrice d'évaluation des risques 3D"
|
||||||
textboxLayout="default"
|
},
|
||||||
useInvertedBackground={false}
|
{
|
||||||
/>
|
tag: "Sécurité Terrain", title: "04", subtitle: "App Mobile de Remontée des Presqu'accidents", description: "Template d'application mobile No-Code pour le signalement en temps réel des risques et des incidents mineurs sur le terrain, même hors ligne.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=r737j3", imageAlt: "Application mobile de reporting d'incidents"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: "Conformité Simplifiée", title: "05", subtitle: "Suivi Digital des Certifications & Audits", description: "Traqueur de conformité automatisé avec système d'alerte par e-mail/WhatsApp pour les échéances, garantissant le respect des normes.", imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-b_53876-63682.jpg", imageAlt: "Interface de suivi de certifications"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
tag: "Documentation Centralisée", title: "06", subtitle: "Registre Unique de Sécurité Électronique", description: "Registre digital centralisé pour les inspections, la conformité des équipements et les mises à jour réglementaires. Accès sécurisé et instantané.", imageSrc: "http://img.b2bpic.net/free-photo/online-shopping-spree_23-2151952990.jpg", imageAlt: "Registre de sécurité électronique sécurisé"
|
||||||
|
}
|
||||||
|
]}
|
||||||
|
textboxLayout="default"
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
<MetricCardOne
|
<MetricCardOne
|
||||||
title="Notre Impact sur Votre Gestion QHSE"
|
title="Notre Impact sur Votre Gestion QHSE"
|
||||||
description="Des résultats concrets qui prouvent l'efficacité de nos solutions pour transformer votre approche QHSE."
|
description="Des résultats concrets qui prouvent l'efficacité de nos solutions pour transformer votre approche QHSE."
|
||||||
@@ -124,7 +134,7 @@ export default function WebAgencyThemePage() {
|
|||||||
metrics={[
|
metrics={[
|
||||||
{ id: "conformity", value: "+95%", title: "Taux de Conformité", description: "Amélioration moyenne de la conformité réglementaire et normative de nos clients.", icon: Check },
|
{ id: "conformity", value: "+95%", title: "Taux de Conformité", description: "Amélioration moyenne de la conformité réglementaire et normative de nos clients.", icon: Check },
|
||||||
{ id: "efficiency", value: "30-70%", title: "Gain de Productivité", description: "Réduction du temps passé sur les tâches administratives QHSE.", icon: Zap },
|
{ id: "efficiency", value: "30-70%", title: "Gain de Productivité", description: "Réduction du temps passé sur les tâches administratives QHSE.", icon: Zap },
|
||||||
{ id: "incidents", value: "-40%", title: "Incidents Réduits", description: "Diminution significative des presqu'accidents et incidents reportés.", icon: ShieldAlert },
|
{ id: "incidents", value: "-40%", title: "Incidents Réduits", description: "Diminution significative des presqu'accidents et incidents reportés.", icon: ShieldAlert }
|
||||||
]}
|
]}
|
||||||
gridVariant="uniform-all-items-equal"
|
gridVariant="uniform-all-items-equal"
|
||||||
animationType="depth-3d"
|
animationType="depth-3d"
|
||||||
@@ -138,13 +148,17 @@ export default function WebAgencyThemePage() {
|
|||||||
tagIcon={Star}
|
tagIcon={Star}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1", name: "Marie Dubois", date: "Responsable QHSE, Industrie X", title: "Une transformation digitale réussie", quote: "NomaDigital a révolutionné notre gestion QHSE. Le Pack Total est une solution complète qui a grandement simplifié nos processus et amélioré notre conformité.", tag: "Pack Total QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/letter-q-made-green-grass-with-flowers-isolated-white-font-your-design_169016-57765.jpg", avatarAlt: "Marie Dubois", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-o_53876-63749.jpg", imageAlt: "Projet QHSE Industrie X"},
|
id: "1", name: "Marie Dubois", date: "Responsable QHSE, Industrie X", title: "Une transformation digitale réussie", quote: "NomaDigital a révolutionné notre gestion QHSE. Le Pack Total est une solution complète qui a grandement simplifié nos processus et amélioré notre conformité.", tag: "Pack Total QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/letter-q-made-green-grass-with-flowers-isolated-white-font-your-design_169016-57765.jpg", avatarAlt: "Marie Dubois", imageSrc: "http://img.b2bpic.net/free-photo/hand-holding-letter-o_53876-63749.jpg", imageAlt: "Projet QHSE Industrie X"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "2", name: "Jean Dupont", date: "Directeur des Opérations, Logistique Y", title: "Visibilité et contrôle accrus", quote: "Le tableau de bord automatisé nous offre une vue d'ensemble instantanée de nos KPIs. C'est un outil indispensable pour la prise de décision rapide et éclairée.", tag: "Tableau de Bord QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/ai-nuclear-energy-future-innovation-disruptive-technology_53876-129784.jpg", avatarAlt: "Jean Dupont", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "Projet QHSE Logistique Y"},
|
id: "2", name: "Jean Dupont", date: "Directeur des Opérations, Logistique Y", title: "Visibilité et contrôle accrus", quote: "Le tableau de bord automatisé nous offre une vue d'ensemble instantanée de nos KPIs. C'est un outil indispensable pour la prise de décision rapide et éclairée.", tag: "Tableau de Bord QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/ai-nuclear-energy-future-innovation-disruptive-technology_53876-129784.jpg", avatarAlt: "Jean Dupont", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073733.jpg", imageAlt: "Projet QHSE Logistique Y"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "3", name: "Fatima Zahra", date: "Ingénieure Sécurité, Construction Z", title: "Sécurité terrain renforcée", quote: "L'application mobile de remontée des presqu'accidents est un game-changer. Nos équipes sur le terrain peuvent signaler les risques en temps réel, améliorant drastiquement notre réactivité.", tag: "App Mobile Sécurité", avatarSrc: "http://img.b2bpic.net/free-photo/letter-t-made-real-natural-flowers-leaves-transparent-background_169016-54314.jpg", avatarAlt: "Fatima Zahra", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073780.jpg", imageAlt: "Projet QHSE Construction Z"},
|
id: "3", name: "Fatima Zahra", date: "Ingénieure Sécurité, Construction Z", title: "Sécurité terrain renforcée", quote: "L'application mobile de remontée des presqu'accidents est un game-changer. Nos équipes sur le terrain peuvent signaler les risques en temps réel, améliorant drastiquement notre réactivité.", tag: "App Mobile Sécurité", avatarSrc: "http://img.b2bpic.net/free-photo/letter-t-made-real-natural-flowers-leaves-transparent-background_169016-54314.jpg", avatarAlt: "Fatima Zahra", imageSrc: "http://img.b2bpic.net/free-photo/3d-letter-fire-with-flames_23-2151073780.jpg", imageAlt: "Projet QHSE Construction Z"
|
||||||
|
},
|
||||||
{
|
{
|
||||||
id: "4", name: "Ahmed Alami", date: "Consultant QHSE, Solutions W", title: "Expertise et accompagnement de qualité", quote: "L'équipe NomaDigital nous a offert un support exceptionnel, allant au-delà de la simple fourniture d'outils. Leur connaissance des normes QHSE est impressionnante.", tag: "Accompagnement QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/letter-r-made-real-natural-flowers-leaves-white-background-isolated_169016-54270.jpg", avatarAlt: "Ahmed Alami", imageSrc: "http://img.b2bpic.net/free-photo/woman-retro-vintage-50-s-cafe-pink-color-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun_285396-10336.jpg", imageAlt: "Projet QHSE Solutions W"},
|
id: "4", name: "Ahmed Alami", date: "Consultant QHSE, Solutions W", title: "Expertise et accompagnement de qualité", quote: "L'équipe NomaDigital nous a offert un support exceptionnel, allant au-delà de la simple fourniture d'outils. Leur connaissance des normes QHSE est impressionnante.", tag: "Accompagnement QHSE", avatarSrc: "http://img.b2bpic.net/free-photo/letter-r-made-real-natural-flowers-leaves-white-background-isolated_169016-54270.jpg", avatarAlt: "Ahmed Alami", imageSrc: "http://img.b2bpic.net/free-photo/woman-retro-vintage-50-s-cafe-pink-color-sitting-table-drinking-milk-shake-cocktail-hipster-outfit-having-fun_285396-10336.jpg", imageAlt: "Projet QHSE Solutions W"
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
textboxLayout="default"
|
textboxLayout="default"
|
||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
@@ -159,54 +173,99 @@ export default function WebAgencyThemePage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Digitalisation Intégrée", description: "Centralisez et automatisez tous vos processus QHSE, de la gestion des risques aux audits, sur une plateforme unique.", media: { imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-green-grass-with-flowers-isolated-white_169016-57073.jpg", imageAlt: "Digitalisation des processus" },
|
title: "Digitalisation Intégrée", description: "Centralisez et automatisez tous vos processus QHSE, de la gestion des risques aux audits, sur une plateforme unique.", media: { imageSrc: "http://img.b2bpic.net/free-photo/letter-e-made-green-grass-with-flowers-isolated-white_169016-57073.jpg", imageAlt: "Digitalisation des processus" },
|
||||||
reverse: false,
|
reverse: false,
|
||||||
items: [
|
items: [
|
||||||
{ icon: Code, text: "Plateformes unifiées" },
|
{ icon: Code, text: "Plateformes unifiées" },
|
||||||
{ icon: Layers, text: "Données centralisées" },
|
{ icon: Layers, text: "Données centralisées" },
|
||||||
{ icon: Check, text: "Workflows automatisés" },
|
{ icon: Check, text: "Workflows automatisés" }
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Conformité Simplifiée", description: "Restez conforme aux normes ISO et réglementations locales grâce à des outils de suivi et d'alerte intelligents.", media: { imageSrc: "http://img.b2bpic.net/free-photo/alphabet-pink-neon-lights-black-background_53876-15055.jpg", imageAlt: "Gestion de la conformité" },
|
title: "Conformité Simplifiée", description: "Restez conforme aux normes ISO et réglementations locales grâce à des outils de suivi et d'alerte intelligents.", media: { imageSrc: "http://img.b2bpic.net/free-photo/alphabet-pink-neon-lights-black-background_53876-15055.jpg", imageAlt: "Gestion de la conformité" },
|
||||||
reverse: true,
|
reverse: true,
|
||||||
items: [
|
items: [
|
||||||
{ icon: Award, text: "Gestion ISO 9001, 14001, 45001" },
|
{ icon: Award, text: "Gestion ISO 9001, 14001, 45001" },
|
||||||
{ icon: BellRing, text: "Alertes en temps réel" },
|
{ icon: BellRing, text: "Alertes en temps réel" },
|
||||||
{ icon: ClipboardCheck, text: "Suivi des obligations" },
|
{ icon: ClipboardCheck, text: "Suivi des obligations" }
|
||||||
],
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Décision Stratégique", description: "Accédez à des tableaux de bord dynamiques et des analyses prédictives pour des décisions plus rapides et pertinentes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63683.jpg", imageAlt: "Tableaux de bord stratégiques" },
|
title: "Décision Stratégique", description: "Accédez à des tableaux de bord dynamiques et des analyses prédictives pour des décisions plus rapides et pertinentes.", media: { imageSrc: "http://img.b2bpic.net/free-photo/hands-holding-letter-t_53876-63683.jpg", imageAlt: "Tableaux de bord stratégiques" },
|
||||||
reverse: false,
|
reverse: false,
|
||||||
items: [
|
items: [
|
||||||
{ icon: BarChart2, text: "KPIs personnalisables" },
|
{ icon: BarChart2, text: "KPIs personnalisables" },
|
||||||
{ icon: TrendingUp, text: "Rapports automatisés" },
|
{ icon: TrendingUp, text: "Rapports automatisés" },
|
||||||
{ icon: Globe, text: "Vue d'ensemble stratégique" },
|
{ icon: Globe, text: "Vue d'ensemble stratégique" }
|
||||||
],
|
]
|
||||||
},
|
}
|
||||||
]}
|
]}
|
||||||
/>
|
/>
|
||||||
<ContactText
|
<div id="contact" data-section="contact">
|
||||||
id="contact"
|
<ContactCenter
|
||||||
text="Prêt à digitaliser votre gestion QHSE ? Contactez NomaDigital dès aujourd'hui."
|
tag="Contactez-nous"
|
||||||
buttons={[
|
tagIcon={Mail}
|
||||||
{ text: "Demander une Démo", href: "mailto:nimadigital99@gmail.com" },
|
title="Prêt à Digitaliser Votre Gestion QHSE ?"
|
||||||
{ text: "WhatsApp", href: "https://wa.me/212638673530?text=Bonjour%20NomaDigital,%20je%20suis%20intéressé%20par%20vos%20solutions%20digitales%20QHSE." }
|
description="Remplissez le formulaire ci-dessous pour discuter de vos besoins et obtenir une démonstration personnalisée."
|
||||||
]}
|
inputPlaceholder="Votre adresse e-mail"
|
||||||
background={{ variant: "canvas-reveal" }}
|
buttonText="Envoyer votre message"
|
||||||
useInvertedBackground={false}
|
termsText="En cliquant sur 'Envoyer votre message', vous confirmez accepter nos Termes et Conditions."
|
||||||
/>
|
onSubmit={(email: string) => {
|
||||||
<FooterCard
|
console.log(`Email submitted: ${email}`);
|
||||||
|
alert(`Merci pour votre intérêt ! Nous vous contacterons à l'adresse ${email}.`);
|
||||||
|
}}
|
||||||
|
background={{ variant: "canvas-reveal" }}
|
||||||
|
useInvertedBackground={false}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<FooterMedia
|
||||||
|
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg"
|
||||||
|
imageAlt="NomaDigital Footer Background"
|
||||||
logoText="NomaDigital"
|
logoText="NomaDigital"
|
||||||
copyrightText="© 2024 NomaDigital. Tous droits réservés."
|
columns={[
|
||||||
socialLinks={[
|
{
|
||||||
{ icon: Twitter, href: "https://twitter.com", ariaLabel: "Suivez-nous sur Twitter" },
|
title: "Produits", items: [
|
||||||
{ icon: Instagram, href: "https://instagram.com", ariaLabel: "Suivez-nous sur Instagram" },
|
{ label: "Pack Total QHSE Pro", href: "#products" },
|
||||||
{ icon: Linkedin, href: "https://linkedin.com", ariaLabel: "Connectez-vous sur LinkedIn" },
|
{ label: "Tableau de Bord QHSE", href: "#products" },
|
||||||
|
{ label: "Gestion des Risques", href: "#products" },
|
||||||
|
{ label: "App Mobile Presqu'accidents", href: "#products" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "À Propos", items: [
|
||||||
|
{ label: "Notre Histoire", href: "#about" },
|
||||||
|
{ label: "Notre Impact", href: "#about" },
|
||||||
|
{ label: "Témoignages", href: "#about" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Contact", items: [
|
||||||
|
{ label: "Email: nimadigital99@gmail.com", href: "mailto:nimadigital99@gmail.com" },
|
||||||
|
{ label: "WhatsApp", href: "https://wa.me/212638673530?text=Bonjour%20NomaDigital,%20je%20suis%20intéressé%20par%20vos%20solutions%20digitales%20QHSE" },
|
||||||
|
{ label: "Demander une Démo", href: "#contact" }
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{
|
||||||
|
title: "Suivez-nous", items: [
|
||||||
|
{ label: "Twitter", href: "https://twitter.com" },
|
||||||
|
{ label: "Instagram", href: "https://instagram.com" },
|
||||||
|
{ label: "LinkedIn", href: "https://linkedin.com" }
|
||||||
|
]
|
||||||
|
}
|
||||||
]}
|
]}
|
||||||
|
copyrightText="© 2024 NomaDigital. Tous droits réservés."
|
||||||
/>
|
/>
|
||||||
</ReactLenis>
|
</ReactLenis>
|
||||||
|
<a
|
||||||
|
href="https://wa.me/212638673530?text=Bonjour%20NomaDigital,%20je%20suis%20intéressé%20par%20vos%20solutions%20digitales%20QHSE"
|
||||||
|
target="_blank"
|
||||||
|
rel="noopener noreferrer"
|
||||||
|
aria-label="Contacter NomaDigital sur WhatsApp"
|
||||||
|
className="fixed bottom-6 right-6 z-50 bg-green-500 text-white p-3 rounded-full shadow-lg hover:bg-green-600 transition-colors duration-300 flex items-center justify-center space-x-2"
|
||||||
|
>
|
||||||
|
<Mail size={24} />
|
||||||
|
<span className="sr-only">WhatsApp</span>
|
||||||
|
</a>
|
||||||
</ThemeProvider>
|
</ThemeProvider>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
@@ -10,15 +10,15 @@
|
|||||||
--accent: #ffffff;
|
--accent: #ffffff;
|
||||||
--background-accent: #ffffff; */
|
--background-accent: #ffffff; */
|
||||||
|
|
||||||
--background: #f7f6f7;
|
--background: #f5f5f5;
|
||||||
--card: #ffffff;
|
--card: #ffffff;
|
||||||
--foreground: #0c1325;
|
--foreground: #1c1c1c;
|
||||||
--primary-cta: #0b07ff;
|
--primary-cta: #1c1c1c;
|
||||||
--primary-cta-text: #f7f6f7;
|
--primary-cta-text: #f5f5f5;
|
||||||
--secondary-cta: #ffffff;
|
--secondary-cta: #ffffff;
|
||||||
--secondary-cta-text: #0c1325;
|
--secondary-cta-text: #1c1c1c;
|
||||||
--accent: #93b7ff;
|
--accent: #e63946;
|
||||||
--background-accent: #a8bae8;
|
--background-accent: #e8bea8;
|
||||||
|
|
||||||
/* text sizing - set by ThemeProvider */
|
/* text sizing - set by ThemeProvider */
|
||||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||||
|
|||||||
Reference in New Issue
Block a user