first test commit
This commit is contained in:
LathanDevers
@@ -0,0 +1,142 @@
|
||||
import { Shield, ArrowLeft, Building, Mail, Phone, Server, FileCheck, Moon, Sun } from 'lucide-react';
|
||||
import { Link } from 'react-router-dom';
|
||||
import { useTheme } from '../hooks/useTheme';
|
||||
|
||||
export default function MentionsLegales() {
|
||||
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 PRINCIPAL */}
|
||||
<main className="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
|
||||
|
||||
{/* Titre */}
|
||||
<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">Mentions Légales</h1>
|
||||
<p className="text-slate-600 dark:text-slate-400">
|
||||
Informations légales obligatoires relatives à l'éditeur et à l'hébergeur du site web GISE, conformément au Code de droit économique belge.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<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">
|
||||
<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
|
||||
</h2>
|
||||
<div className="grid sm:grid-cols-2 gap-6 text-sm">
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Dénomination sociale</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">GISE SRL</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Forme juridique</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">Société à Responsabilité Limitée</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Siège social</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">Rue Exemple 123, 1000 Bruxelles, Belgique</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Numéro d'entreprise (BCE)</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">0123.456.789</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Numéro de TVA</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">BE 0123.456.789</p>
|
||||
</div>
|
||||
<div>
|
||||
<p className="text-slate-500 dark:text-slate-400 text-xs uppercase tracking-wider mb-1">Éditeur responsable</p>
|
||||
<p className="font-semibold text-slate-900 dark:text-white">Direction GISE</p>
|
||||
</div>
|
||||
</div>
|
||||
</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
|
||||
</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 :
|
||||
</p>
|
||||
<ul className="space-y-3 text-sm">
|
||||
<li className="flex items-center gap-3">
|
||||
<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">
|
||||
<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>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
{/* SECTION 3 */}
|
||||
<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
|
||||
</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>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
{/* SECTION 4 */}
|
||||
<section className="space-y-4">
|
||||
<h2 className="text-xl font-bold text-slate-900 dark:text-white flex items-center gap-2">
|
||||
<FileCheck className="w-5 h-5 text-gise-accent" />
|
||||
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.
|
||||
</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>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user