Test #1
+33
-6
@@ -1,13 +1,40 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<!DOCTYPE html>
|
||||
<html lang="fr-BE" class="scroll-smooth">
|
||||
<head>
|
||||
<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" />
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<script type="module" src="/src/main.tsx"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
@@ -49,7 +49,7 @@ export default function ConditionsGenerales() {
|
||||
<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
|
||||
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é.
|
||||
@@ -59,7 +59,7 @@ export default function ConditionsGenerales() {
|
||||
<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
|
||||
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.
|
||||
@@ -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">
|
||||
<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é
|
||||
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.
|
||||
@@ -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">
|
||||
<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
|
||||
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.
|
||||
|
||||
@@ -6,7 +6,7 @@ import { useTheme } from '../hooks/useTheme';
|
||||
export default function GiseLandingPage() {
|
||||
const [cookieConsent, setCookieConsent] = useState<boolean | null>(null);
|
||||
const [formStatus, setFormStatus] = useState<'idle' | 'submitting' | 'success'>('idle');
|
||||
|
||||
|
||||
// --- GESTION DU MODE CLAIR/SOMBRE ---
|
||||
const { isDark, toggleTheme } = useTheme();
|
||||
// -------------------------------------
|
||||
@@ -52,7 +52,7 @@ export default function GiseLandingPage() {
|
||||
|
||||
return (
|
||||
<div className="min-h-screen font-sans selection:bg-gise-accent selection:text-white transition-colors duration-300">
|
||||
|
||||
|
||||
{/* 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">
|
||||
<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="#contact" className="hover:text-gise-accent dark:hover:text-white transition-colors">Contact</a>
|
||||
</div>
|
||||
|
||||
|
||||
<div className="flex items-center gap-4">
|
||||
{/* BOUTON TOGGLE THEME */}
|
||||
<button
|
||||
onClick={toggleTheme}
|
||||
<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"
|
||||
>
|
||||
@@ -88,19 +88,16 @@ export default function GiseLandingPage() {
|
||||
|
||||
{/* 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">
|
||||
<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">
|
||||
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>
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
<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">
|
||||
Demander un Audit <ChevronRight className="w-5 h-5" />
|
||||
@@ -137,7 +134,7 @@ export default function GiseLandingPage() {
|
||||
{/* SOLUTIONS */}
|
||||
<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="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10">
|
||||
<div className="mb-16">
|
||||
<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 */}
|
||||
<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">
|
||||
<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="p-6">
|
||||
<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>
|
||||
<p className="text-slate-600 dark:text-slate-400 text-sm">Secret professionnel garanti par des environnements de stockage étanches.</p>
|
||||
</div>
|
||||
<div className="p-6">
|
||||
<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>
|
||||
<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 className="p-6">
|
||||
<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>
|
||||
<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>
|
||||
<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="p-6">
|
||||
<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>
|
||||
<p className="text-slate-600 dark:text-slate-400 text-sm">Secret professionnel garanti par des environnements de stockage étanches.</p>
|
||||
</div>
|
||||
<div className="p-6">
|
||||
<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>
|
||||
<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 className="p-6">
|
||||
<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>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
@@ -280,7 +277,7 @@ export default function GiseLandingPage() {
|
||||
<div className="flex-1">
|
||||
<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">
|
||||
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">
|
||||
Lire notre politique
|
||||
</Link>.
|
||||
|
||||
@@ -48,7 +48,7 @@ export default function MentionsLegales() {
|
||||
<div className="space-y-12 leading-relaxed">
|
||||
|
||||
{/* 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">
|
||||
<Building className="w-6 h-6 text-gise-accent" />
|
||||
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>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>*/}
|
||||
|
||||
{/* SECTION 2 */}
|
||||
<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">
|
||||
<Mail className="w-6 h-6 text-gise-accent" />
|
||||
2. Coordonnées de contact
|
||||
Coordonnées de contact
|
||||
</h2>
|
||||
<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 :
|
||||
@@ -95,10 +95,10 @@ export default function MentionsLegales() {
|
||||
<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>
|
||||
</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" />
|
||||
<span><strong className="text-slate-900 dark:text-white">Téléphone :</strong> +32 (0)2 123 45 67</span>
|
||||
</li>
|
||||
</li>*/}
|
||||
</ul>
|
||||
</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">
|
||||
<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" />
|
||||
3. Hébergement du site
|
||||
Hébergement du site
|
||||
</h2>
|
||||
<p className="text-sm mb-4">
|
||||
Conformément à nos engagements de souveraineté numérique et de protection des données B2B :
|
||||
</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">
|
||||
<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">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">Protection réseau :</strong> Cloudflare & Pare-feu d'entreprise OPNsense</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 situé en Belgique (Union Européenne)</p>
|
||||
<p><strong className="text-slate-900 dark:text-white">Protection réseau :</strong> Cloudflare & Pare-feu OPNsense</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -125,7 +125,7 @@ export default function MentionsLegales() {
|
||||
4. Propriété intellectuelle
|
||||
</h2>
|
||||
<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>
|
||||
</section>
|
||||
|
||||
|
||||
@@ -50,10 +50,10 @@ export default function PolitiqueConfidentialite() {
|
||||
<div className="space-y-12 leading-relaxed text-sm">
|
||||
|
||||
{/* SECTION 1 */}
|
||||
<section>
|
||||
{/*<section>
|
||||
<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" />
|
||||
1. Responsable du traitement
|
||||
Responsable du traitement
|
||||
</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">
|
||||
<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>E-mail : privacy@gise.be</p>
|
||||
</div>
|
||||
</section>
|
||||
</section>*/}
|
||||
|
||||
{/* SECTION 2 */}
|
||||
<section>
|
||||
<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" />
|
||||
2. Données collectées et finalités
|
||||
Données collectées et finalités
|
||||
</h2>
|
||||
<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">
|
||||
@@ -91,7 +91,7 @@ export default function PolitiqueConfidentialite() {
|
||||
<section>
|
||||
<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" />
|
||||
3. Hébergement et partage des données
|
||||
Hébergement et partage des données
|
||||
</h2>
|
||||
<p className="mb-3">
|
||||
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>
|
||||
<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" />
|
||||
4. Vos droits (Conformité RGPD)
|
||||
Vos droits (Conformité RGPD)
|
||||
</h2>
|
||||
<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>
|
||||
@@ -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">
|
||||
<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" />
|
||||
5. Réclamation auprès de l'autorité de contrôle
|
||||
Réclamation auprès de l'autorité de contrôle
|
||||
</h2>
|
||||
<address className="not-italic text-slate-600 dark:text-slate-400">
|
||||
<strong>Autorité de protection des données (Belgique)</strong><br />
|
||||
|
||||
Reference in New Issue
Block a user