GISE/landing-page-GISE
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refine content
Deploy GISE landing page test / build-and-deploy (push) Failing after 14s
Details

Browse Source
This commit is contained in:
LathanDevers
2026-07-28 15:03:14 +02:00
parent bcffd9f175
commit 6f6bb8ea19
5 changed files with 85 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.html
+33 -6
View File
@@ -1,13 +1,40 @@
<!doctype html> <!DOCTYPE html>
<html lang="en"> <html lang="fr-BE" class="scroll-smooth">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>landing-page-gise</title>
<title>GISE | Expertise en Cybersécurité & Infogérance Souveraine</title>
<meta name="description" content="GISE protège le patrimoine numérique des cabinets d'avocats, cliniques privées et fiduciaires. Architecture Zero-Trust, infogérance B2B et hébergement souverain en Belgique." />
<meta name="keywords" content="cybersécurité, infogérance, protection des données, RGPD, Zero-Trust, Proxmox, hébergement souverain, Belgique, B2B" />
<meta name="author" content="GISE SRL" />
<meta name="robots" content="index, follow" />
<link rel="icon" type="image/svg+xml" href="/logo-gise.svg" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
<meta name="theme-color" content="#0f172a" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://www.gise.be/" />
<meta property="og:title" content="GISE | Cabinet d'Expertise en Cybersécurité" />
<meta property="og:description" content="Sécurisez vos infrastructures critiques avec une exigence absolue. Découvrez nos solutions sur-mesure pour professionnels." />
<meta property="og:image" content="https://www.gise.be/og-image.jpg" />
<meta property="og:site_name" content="GISE" />
<meta property="og:locale" content="fr_BE" />
<script>
try {
if (localStorage.getItem('theme') === 'dark' || (!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: dark)').matches)) {
document.documentElement.classList.add('dark');
} else {
document.documentElement.classList.remove('dark');
}
} catch (e) {}
</script>
</head> </head>
<body>
<body class="bg-slate-50 text-slate-900 dark:bg-slate-950 dark:text-slate-50 transition-colors duration-300">
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/main.tsx"></script> <script type="module" src="/src/main.tsx"></script>
</body> </body>
</html> </html>
src/pages/ConditionsGenerales.tsx
+4 -4
View File
@@ -49,7 +49,7 @@ export default function ConditionsGenerales() {
<section> <section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<FileText className="w-5 h-5 text-gise-accent" /> <FileText className="w-5 h-5 text-gise-accent" />
1. Objet Objet
</h2> </h2>
<p> <p>
Les présentes CGS ont pour objet de définir les conditions dans lesquelles GISE fournit au Client ses services informatiques d'audit, d'infogérance et de cybersécurité. Les présentes CGS ont pour objet de définir les conditions dans lesquelles GISE fournit au Client ses services informatiques d'audit, d'infogérance et de cybersécurité.
@@ -59,7 +59,7 @@ export default function ConditionsGenerales() {
<section> <section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<Briefcase className="w-5 h-5 text-gise-accent" /> <Briefcase className="w-5 h-5 text-gise-accent" />
2. Obligation de moyens Obligation de moyens
</h2> </h2>
<p> <p>
Dans le domaine de la cybersécurité, GISE est tenue à une <strong>obligation de moyens</strong> et non de résultat concernant la protection contre les cyberattaques. Dans le domaine de la cybersécurité, GISE est tenue à une <strong>obligation de moyens</strong> et non de résultat concernant la protection contre les cyberattaques.
@@ -69,7 +69,7 @@ export default function ConditionsGenerales() {
<section className="bg-white dark:bg-slate-900 p-6 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors"> <section className="bg-white dark:bg-slate-900 p-6 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors">
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<Lock className="w-5 h-5 text-emerald-600 dark:text-emerald-400" /> <Lock className="w-5 h-5 text-emerald-600 dark:text-emerald-400" />
3. Secret professionnel et Confidentialité Secret professionnel et Confidentialité
</h2> </h2>
<p> <p>
GISE s'engage à la plus stricte confidentialité concernant toutes les informations et données confidentielles auxquelles elle pourrait avoir accès lors de l'exécution de ses Services. GISE s'engage à la plus stricte confidentialité concernant toutes les informations et données confidentielles auxquelles elle pourrait avoir accès lors de l'exécution de ses Services.
@@ -79,7 +79,7 @@ export default function ConditionsGenerales() {
<section className="bg-slate-100 dark:bg-slate-900 p-6 rounded-xl border-l-4 border-gise-accent transition-colors"> <section className="bg-slate-100 dark:bg-slate-900 p-6 rounded-xl border-l-4 border-gise-accent transition-colors">
<h2 className="text-lg font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2"> <h2 className="text-lg font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2">
<Scale className="w-5 h-5" /> <Scale className="w-5 h-5" />
4. Droit applicable Droit applicable
</h2> </h2>
<p> <p>
Les présentes Conditions Générales sont régies exclusivement par le <strong>droit belge</strong>. Les tribunaux de l'arrondissement judiciaire de Bruxelles seront seuls compétents en cas de litige. Les présentes Conditions Générales sont régies exclusivement par le <strong>droit belge</strong>. Les tribunaux de l'arrondissement judiciaire de Bruxelles seront seuls compétents en cas de litige.
src/pages/GiseLandingPage.tsx
+31 -34
View File
@@ -6,7 +6,7 @@ import { useTheme } from '../hooks/useTheme';
export default function GiseLandingPage() { export default function GiseLandingPage() {
const [cookieConsent, setCookieConsent] = useState<boolean | null>(null); const [cookieConsent, setCookieConsent] = useState<boolean | null>(null);
const [formStatus, setFormStatus] = useState<'idle' | 'submitting' | 'success'>('idle'); const [formStatus, setFormStatus] = useState<'idle' | 'submitting' | 'success'>('idle');
// --- GESTION DU MODE CLAIR/SOMBRE --- // --- GESTION DU MODE CLAIR/SOMBRE ---
const { isDark, toggleTheme } = useTheme(); const { isDark, toggleTheme } = useTheme();
// ------------------------------------- // -------------------------------------
@@ -52,7 +52,7 @@ export default function GiseLandingPage() {
return ( return (
<div className="min-h-screen font-sans selection:bg-gise-accent selection:text-white transition-colors duration-300"> <div className="min-h-screen font-sans selection:bg-gise-accent selection:text-white transition-colors duration-300">
{/* NAVIGATION */} {/* NAVIGATION */}
<nav className="fixed w-full z-40 bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 transition-colors duration-300"> <nav className="fixed w-full z-40 bg-white/90 dark:bg-slate-950/90 backdrop-blur-md border-b border-slate-200 dark:border-slate-800 transition-colors duration-300">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -67,11 +67,11 @@ export default function GiseLandingPage() {
<a href="#industries" className="hover:text-gise-accent dark:hover:text-white transition-colors">Secteurs</a> <a href="#industries" className="hover:text-gise-accent dark:hover:text-white transition-colors">Secteurs</a>
<a href="#contact" className="hover:text-gise-accent dark:hover:text-white transition-colors">Contact</a> <a href="#contact" className="hover:text-gise-accent dark:hover:text-white transition-colors">Contact</a>
</div> </div>
<div className="flex items-center gap-4"> <div className="flex items-center gap-4">
{/* BOUTON TOGGLE THEME */} {/* BOUTON TOGGLE THEME */}
<button <button
onClick={toggleTheme} onClick={toggleTheme}
className="p-2 rounded-full bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-400 hover:text-gise-accent dark:hover:text-white transition-colors" className="p-2 rounded-full bg-slate-100 dark:bg-slate-800 text-slate-600 dark:text-slate-400 hover:text-gise-accent dark:hover:text-white transition-colors"
aria-label="Basculer le thème" aria-label="Basculer le thème"
> >
@@ -88,19 +88,16 @@ export default function GiseLandingPage() {
{/* HERO SECTION */} {/* HERO SECTION */}
<section className="pt-32 pb-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto flex flex-col items-center text-center"> <section className="pt-32 pb-20 px-4 sm:px-6 lg:px-8 max-w-7xl mx-auto flex flex-col items-center text-center">
<div className="inline-flex items-center gap-2 px-3 py-1 rounded-full bg-slate-200 dark:bg-slate-800/50 border border-slate-300 dark:border-slate-700 text-sm text-slate-700 dark:text-slate-300 mb-8 transition-colors">
<Lock className="w-4 h-4 text-emerald-600 dark:text-emerald-400" />
<span>Cabinet d'Expertise en Cybersécurité B2B</span>
</div>
<h1 className="text-5xl md:text-7xl font-extrabold text-slate-900 dark:text-white tracking-tight mb-6 transition-colors"> <h1 className="text-5xl md:text-7xl font-extrabold text-slate-900 dark:text-white tracking-tight mb-6 transition-colors">
Protégez votre patrimoine numérique <br className="hidden md:block"/> avec une exigence <span className="text-transparent bg-clip-text bg-linear-to-r from-blue-600 to-gise-accent dark:from-blue-400 dark:to-gise-accent">absolue.</span> Concentrez-vous sur votre métier. <br className="hidden md:block" /> Nous gérons votre <span className="text-transparent bg-clip-text bg-linear-to-r from-blue-600 to-gise-accent dark:from-blue-400 dark:to-gise-accent">informatique.</span>
</h1> </h1>
<p className="mt-4 text-xl text-slate-600 dark:text-slate-400 max-w-3xl mb-10 transition-colors"> <p className="mt-4 text-xl text-slate-600 dark:text-slate-400 max-w-3xl mb-10 transition-colors">
Nous concevons, infogérons et sécurisons les infrastructures informatiques des cabinets d'avocats, cliniques privées et fiduciaires. Hébergement souverain et confidentialité totale de vos données. GISE prend la responsabilité globale de votre infrastructure, de vos réseaux et de votre cybersécurité. Libérez votre entreprise des pannes et des menaces grâce à notre Cloud et au pilotage transparent sur la plateforme AEGIS.
</p> </p>
<div className="flex flex-col sm:flex-row gap-4"> <div className="flex flex-col sm:flex-row gap-4">
<a href="#contact" className="px-8 py-4 text-base font-bold rounded-md text-white bg-gise-accent hover:bg-gise-accentHover transition-all flex items-center justify-center gap-2"> <a href="#contact" className="px-8 py-4 text-base font-bold rounded-md text-white bg-gise-accent hover:bg-gise-accentHover transition-all flex items-center justify-center gap-2">
Demander un Audit <ChevronRight className="w-5 h-5" /> Demander un Audit <ChevronRight className="w-5 h-5" />
@@ -137,7 +134,7 @@ export default function GiseLandingPage() {
{/* SOLUTIONS */} {/* SOLUTIONS */}
<section id="solutions" className="py-24 bg-white dark:bg-slate-950 relative overflow-hidden transition-colors"> <section id="solutions" className="py-24 bg-white dark:bg-slate-950 relative overflow-hidden transition-colors">
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-200 h-200 bg-gise-accent/10 blur-[120px] rounded-full pointer-events-none"></div> <div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-200 h-200 bg-gise-accent/10 blur-[120px] rounded-full pointer-events-none"></div>
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
<div className="mb-16"> <div className="mb-16">
<h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-4">Des Solutions Technologiques Sur-Mesure</h2> <h2 className="text-3xl font-bold text-slate-900 dark:text-white mb-4">Des Solutions Technologiques Sur-Mesure</h2>
@@ -183,24 +180,24 @@ export default function GiseLandingPage() {
{/* INDUSTRIES */} {/* INDUSTRIES */}
<section id="industries" className="py-20 bg-slate-50 dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800 transition-colors"> <section id="industries" className="py-20 bg-slate-50 dark:bg-slate-900 border-t border-slate-200 dark:border-slate-800 transition-colors">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8"> <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<h2 className="text-3xl font-bold text-center text-slate-900 dark:text-white mb-16">Des solutions pensées pour les données critiques</h2> <h2 className="text-3xl font-bold text-center text-slate-900 dark:text-white mb-16">Des solutions pensées pour les données critiques</h2>
<div className="grid md:grid-cols-3 gap-6 text-center"> <div className="grid md:grid-cols-3 gap-6 text-center">
<div className="p-6"> <div className="p-6">
<Briefcase className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" /> <Briefcase className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" />
<h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Cabinets d'Avocats</h4> <h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Cabinets d'Avocats</h4>
<p className="text-slate-600 dark:text-slate-400 text-sm">Secret professionnel garanti par des environnements de stockage étanches.</p> <p className="text-slate-600 dark:text-slate-400 text-sm">Secret professionnel garanti par des environnements de stockage étanches.</p>
</div> </div>
<div className="p-6"> <div className="p-6">
<Stethoscope className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" /> <Stethoscope className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" />
<h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Cliniques Privées</h4> <h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Cliniques Privées</h4>
<p className="text-slate-600 dark:text-slate-400 text-sm">Protection absolue et souveraineté des données de santé à caractère personnel.</p> <p className="text-slate-600 dark:text-slate-400 text-sm">Protection absolue et souveraineté des données de santé à caractère personnel.</p>
</div> </div>
<div className="p-6"> <div className="p-6">
<FileText className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" /> <FileText className="w-12 h-12 text-slate-400 dark:text-slate-500 mx-auto mb-4" />
<h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Fiduciaires & Comptables</h4> <h4 className="text-xl font-bold text-slate-900 dark:text-white mb-2">Fiduciaires & Comptables</h4>
<p className="text-slate-600 dark:text-slate-400 text-sm">Continuité de service et intégrité totale des flux financiers de vos clients.</p> <p className="text-slate-600 dark:text-slate-400 text-sm">Continuité de service et intégrité totale des flux financiers de vos clients.</p>
</div> </div>
</div> </div>
</div> </div>
</section> </section>
@@ -280,7 +277,7 @@ export default function GiseLandingPage() {
<div className="flex-1"> <div className="flex-1">
<h4 className="text-slate-900 dark:text-white font-bold mb-2">Gestion de vos données (RGPD)</h4> <h4 className="text-slate-900 dark:text-white font-bold mb-2">Gestion de vos données (RGPD)</h4>
<p className="text-sm text-slate-600 dark:text-slate-400"> <p className="text-sm text-slate-600 dark:text-slate-400">
GISE utilise uniquement des cookies strictement nécessaires au fonctionnement du site et à la sécurité de votre navigation. Aucun traceur publicitaire ou de revente de données n'est déployé sur nos environnements. GISE utilise uniquement des cookies strictement nécessaires au fonctionnement du site et à la sécurité de votre navigation. Aucun traceur publicitaire ou de revente de données n'est déployé sur nos environnements.
<Link to="/politique-cookies" className="text-gise-accent hover:text-blue-600 dark:hover:text-blue-400 hover:underline ml-2 transition-colors"> <Link to="/politique-cookies" className="text-gise-accent hover:text-blue-600 dark:hover:text-blue-400 hover:underline ml-2 transition-colors">
Lire notre politique Lire notre politique
</Link>. </Link>.
src/pages/MentionsLegales.tsx
+10 -10
View File
@@ -48,7 +48,7 @@ export default function MentionsLegales() {
<div className="space-y-12 leading-relaxed"> <div className="space-y-12 leading-relaxed">
{/* SECTION 1 */} {/* SECTION 1 */}
<section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors"> {/*<section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors">
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3"> <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3">
<Building className="w-6 h-6 text-gise-accent" /> <Building className="w-6 h-6 text-gise-accent" />
1. Éditeur du site 1. Éditeur du site
@@ -79,13 +79,13 @@ export default function MentionsLegales() {
<p className="font-semibold text-slate-900 dark:text-white">Direction GISE</p> <p className="font-semibold text-slate-900 dark:text-white">Direction GISE</p>
</div> </div>
</div> </div>
</section> </section>*/}
{/* SECTION 2 */} {/* SECTION 2 */}
<section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors"> <section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors">
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3"> <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3">
<Mail className="w-6 h-6 text-gise-accent" /> <Mail className="w-6 h-6 text-gise-accent" />
2. Coordonnées de contact Coordonnées de contact
</h2> </h2>
<p className="mb-4 text-sm text-slate-600 dark:text-slate-400"> <p className="mb-4 text-sm text-slate-600 dark:text-slate-400">
Pour toute question concernant nos services ou le fonctionnement de ce site web, vous pouvez nous contacter : Pour toute question concernant nos services ou le fonctionnement de ce site web, vous pouvez nous contacter :
@@ -95,10 +95,10 @@ export default function MentionsLegales() {
<Mail className="w-4 h-4 text-slate-400 dark:text-slate-500" /> <Mail className="w-4 h-4 text-slate-400 dark:text-slate-500" />
<span><strong className="text-slate-900 dark:text-white">E-mail :</strong> contact@gise.be</span> <span><strong className="text-slate-900 dark:text-white">E-mail :</strong> contact@gise.be</span>
</li> </li>
<li className="flex items-center gap-3"> {/*<li className="flex items-center gap-3">
<Phone className="w-4 h-4 text-slate-400 dark:text-slate-500" /> <Phone className="w-4 h-4 text-slate-400 dark:text-slate-500" />
<span><strong className="text-slate-900 dark:text-white">Téléphone :</strong> +32 (0)2 123 45 67</span> <span><strong className="text-slate-900 dark:text-white">Téléphone :</strong> +32 (0)2 123 45 67</span>
</li> </li>*/}
</ul> </ul>
</section> </section>
@@ -106,15 +106,15 @@ export default function MentionsLegales() {
<section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors"> <section className="bg-white dark:bg-slate-900 p-8 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors">
<h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3"> <h2 className="text-2xl font-bold text-slate-900 dark:text-white mb-6 flex items-center gap-3">
<Server className="w-6 h-6 text-gise-accent" /> <Server className="w-6 h-6 text-gise-accent" />
3. Hébergement du site Hébergement du site
</h2> </h2>
<p className="text-sm mb-4"> <p className="text-sm mb-4">
Conformément à nos engagements de souveraineté numérique et de protection des données B2B : Conformément à nos engagements de souveraineté numérique et de protection des données B2B :
</p> </p>
<div className="bg-slate-100 dark:bg-slate-950 p-4 rounded-lg border border-slate-200 dark:border-slate-800 text-sm space-y-2 transition-colors"> <div className="bg-slate-100 dark:bg-slate-950 p-4 rounded-lg border border-slate-200 dark:border-slate-800 text-sm space-y-2 transition-colors">
<p><strong className="text-slate-900 dark:text-white">Hébergeur :</strong> Infrastructure privée GISE (Bare-Metal Proxmox)</p> <p><strong className="text-slate-900 dark:text-white">Hébergeur :</strong> Infrastructure privée GISE</p>
<p><strong className="text-slate-900 dark:text-white">Localisation des serveurs :</strong> Centre de données sécurisé situé en Belgique (Union Européenne)</p> <p><strong className="text-slate-900 dark:text-white">Localisation des serveurs :</strong> Centre de données situé en Belgique (Union Européenne)</p>
<p><strong className="text-slate-900 dark:text-white">Protection réseau :</strong> Cloudflare & Pare-feu d'entreprise OPNsense</p> <p><strong className="text-slate-900 dark:text-white">Protection réseau :</strong> Cloudflare & Pare-feu OPNsense</p>
</div> </div>
</section> </section>
@@ -125,7 +125,7 @@ export default function MentionsLegales() {
4. Propriété intellectuelle 4. Propriété intellectuelle
</h2> </h2>
<p className="text-sm text-slate-600 dark:text-slate-400 leading-relaxed"> <p className="text-sm text-slate-600 dark:text-slate-400 leading-relaxed">
L'ensemble du contenu présent sur le site web GISE (textes, graphismes, logos, icônes, éléments visuels, structure du site) est la propriété exclusive de GISE SRL, sauf mention contraire. L'ensemble du contenu présent sur le site web GISE (textes, graphismes, logos, icônes, éléments visuels, structure du site) est la propriété exclusive de GISE, sauf mention contraire.
</p> </p>
</section> </section>
src/pages/PolitiqueConfidentialite.tsx
+7 -7
View File
@@ -50,10 +50,10 @@ export default function PolitiqueConfidentialite() {
<div className="space-y-12 leading-relaxed text-sm"> <div className="space-y-12 leading-relaxed text-sm">
{/* SECTION 1 */} {/* SECTION 1 */}
<section> {/*<section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<Lock className="w-5 h-5 text-gise-accent" /> <Lock className="w-5 h-5 text-gise-accent" />
1. Responsable du traitement Responsable du traitement
</h2> </h2>
<div className="bg-white dark:bg-slate-900 p-4 rounded-lg border border-slate-200 dark:border-slate-800 space-y-1 transition-colors"> <div className="bg-white dark:bg-slate-900 p-4 rounded-lg border border-slate-200 dark:border-slate-800 space-y-1 transition-colors">
<p><strong className="text-slate-900 dark:text-white">GISE SRL</strong></p> <p><strong className="text-slate-900 dark:text-white">GISE SRL</strong></p>
@@ -61,13 +61,13 @@ export default function PolitiqueConfidentialite() {
<p>BCE : 0123.456.789</p> <p>BCE : 0123.456.789</p>
<p>E-mail : privacy@gise.be</p> <p>E-mail : privacy@gise.be</p>
</div> </div>
</section> </section>*/}
{/* SECTION 2 */} {/* SECTION 2 */}
<section> <section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<Database className="w-5 h-5 text-gise-accent" /> <Database className="w-5 h-5 text-gise-accent" />
2. Données collectées et finalités Données collectées et finalités
</h2> </h2>
<div className="space-y-4"> <div className="space-y-4">
<div className="bg-white dark:bg-slate-900 p-5 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors"> <div className="bg-white dark:bg-slate-900 p-5 rounded-xl border border-slate-200 dark:border-slate-800 transition-colors">
@@ -91,7 +91,7 @@ export default function PolitiqueConfidentialite() {
<section> <section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<Server className="w-5 h-5 text-gise-accent" /> <Server className="w-5 h-5 text-gise-accent" />
3. Hébergement et partage des données Hébergement et partage des données
</h2> </h2>
<p className="mb-3"> <p className="mb-3">
Vos données ne sont <strong>jamais vendues, louées ou cédées</strong> à des tiers à des fins commerciales. Vos données ne sont <strong>jamais vendues, louées ou cédées</strong> à des tiers à des fins commerciales.
@@ -105,7 +105,7 @@ export default function PolitiqueConfidentialite() {
<section> <section>
<h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2"> <h2 className="text-xl font-bold text-slate-900 dark:text-white mb-4 flex items-center gap-2">
<UserCheck className="w-5 h-5 text-gise-accent" /> <UserCheck className="w-5 h-5 text-gise-accent" />
4. Vos droits (Conformité RGPD) Vos droits (Conformité RGPD)
</h2> </h2>
<ul className="grid sm:grid-cols-2 gap-3 mb-4"> <ul className="grid sm:grid-cols-2 gap-3 mb-4">
<li className="bg-white dark:bg-slate-900 p-3 rounded border border-slate-200 dark:border-slate-800 transition-colors"><strong className="text-slate-900 dark:text-white">Droit d'accès :</strong> Obtenir une copie de vos données.</li> <li className="bg-white dark:bg-slate-900 p-3 rounded border border-slate-200 dark:border-slate-800 transition-colors"><strong className="text-slate-900 dark:text-white">Droit d'accès :</strong> Obtenir une copie de vos données.</li>
@@ -120,7 +120,7 @@ export default function PolitiqueConfidentialite() {
<section className="bg-slate-100 dark:bg-slate-900 p-6 rounded-xl border-l-4 border-gise-accent transition-colors"> <section className="bg-slate-100 dark:bg-slate-900 p-6 rounded-xl border-l-4 border-gise-accent transition-colors">
<h2 className="text-lg font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2"> <h2 className="text-lg font-bold text-slate-900 dark:text-white mb-2 flex items-center gap-2">
<Scale className="w-5 h-5" /> <Scale className="w-5 h-5" />
5. Réclamation auprès de l'autorité de contrôle Réclamation auprès de l'autorité de contrôle
</h2> </h2>
<address className="not-italic text-slate-600 dark:text-slate-400"> <address className="not-italic text-slate-600 dark:text-slate-400">
<strong>Autorité de protection des données (Belgique)</strong><br /> <strong>Autorité de protection des données (Belgique)</strong><br />