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
src/pages/GiseLandingPage.tsx
+31 -34
View File
@@ -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>.