first test commit

2026-07-28 11:10:36 +02:00
parent 599c5d5526
commit f83eb53cf4
14 changed files with 996 additions and 467 deletions
@@ -0,0 +1,98 @@
+import { Shield, ArrowLeft, FileText, Briefcase, Lock, Scale, Moon, Sun } from 'lucide-react';
+import { Link } from 'react-router-dom';
+import { useTheme } from '../hooks/useTheme';
+
+export default function ConditionsGenerales() {
+  const { isDark, toggleTheme } = useTheme();
+  return (
+    <div className="min-h-screen bg-slate-50 dark:bg-slate-950 font-sans text-slate-700 dark:text-slate-300 selection:bg-gise-accent selection:text-white transition-colors duration-300">
+      
+      {/* HEADER DE NAVIGATION */}
+      <header className="bg-white dark:bg-slate-900 border-b border-slate-200 dark:border-slate-800 sticky top-0 z-30 transition-colors">
+        <div className="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8 h-20 flex items-center justify-between">
+          <Link to="/" className="inline-flex items-center gap-2 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-colors text-sm font-medium">
+            <ArrowLeft className="w-4 h-4" />
+            Retour à l'accueil
+          </Link>
+
+          <div className="flex items-center gap-6">
+            {/* BOUTON THEME */}
+            <button
+              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"
+              aria-label="Basculer le thème"
+            >
+              {isDark ? <Sun className="w-4 h-4" /> : <Moon className="w-4 h-4" />}
+            </button>
+
+            {/* LOGO */}
+            <div className="flex items-center gap-2">
+              <Shield className="h-6 w-6 text-gise-accent" />
+              <span className="text-xl font-bold tracking-wider text-slate-900 dark:text-white">GISE</span>
+            </div>
+          </div>
+        </div>
+      </header>
+
+      {/* CONTENU */}
+      <main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
+        
+        <div className="border-b border-slate-200 dark:border-slate-800 pb-8 mb-12">
+          <h1 className="text-4xl font-extrabold text-slate-900 dark:text-white tracking-tight mb-4">Conditions Générales de Services (CGS)</h1>
+          <p className="text-slate-500 dark:text-slate-400">
+            Dernière mise à jour : {new Date().toLocaleDateString('fr-BE')}
+          </p>
+        </div>
+
+        <div className="space-y-12 leading-relaxed text-sm">
+
+          <section>
+            <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" />
+              1. Objet
+            </h2>
+            <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é.
+            </p>
+          </section>
+
+          <section>
+            <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" />
+              2. Obligation de moyens
+            </h2>
+            <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.
+            </p>
+          </section>
+
+          <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">
+              <Lock className="w-5 h-5 text-emerald-600 dark:text-emerald-400" />
+              3. Secret professionnel et Confidentialité
+            </h2>
+            <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.
+            </p>
+          </section>
+
+          <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">
+              <Scale className="w-5 h-5" />
+              4. Droit applicable
+            </h2>
+            <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.
+            </p>
+          </section>
+
+        </div>
+      </main>
+
+      {/* FOOTER */}
+      <footer className="bg-slate-100 dark:bg-slate-950 border-t border-slate-200 dark:border-slate-900 py-8 mt-16 text-center text-xs text-slate-500 dark:text-slate-600 transition-colors">
+        <p>© {new Date().getFullYear()} GISE. Tous droits réservés.</p>
+      </footer>
+    </div>
+  );
+}