add connexions

2026-06-11 22:39:45 +02:00
parent bf36210670
commit 3d3c4cdde5
8 changed files with 189 additions and 16 deletions
@@ -4,12 +4,27 @@ import { Outlet, Link } from 'react-router-dom';
 export default function PublicLayout() {
  return (
    <div style={{ backgroundColor: '#121212', color: '#E0E0E0', minHeight: '100vh', fontFamily: 'monospace' }}>
-      <nav style={{ padding: '20px', borderBottom: '1px solid #242424', display: 'flex', gap: '15px' }}>
-        <Link to="/" style={{ color: '#00E5FF', textDecoration: 'none' }}>[ GISE_BUNKER ]</Link>
+      <nav style={{ padding: '20px', borderBottom: '1px solid #242424', display: 'flex', gap: '15px', alignItems: 'center' }}>
+        <Link to="/" style={{ color: '#00E5FF', textDecoration: 'none', fontWeight: 'bold' }}>[ GISE_BUNKER ]</Link>
        <Link to="/offres" style={{ color: '#E0E0E0', textDecoration: 'none' }}>Catalogue</Link>
-        <Link to="/login" style={{ color: '#E0E0E0', textDecoration: 'none', marginLeft: 'auto' }}>Connexion</Link>
+
+        {/* AJOUT DU BOUTON D'INSCRIPTION */}
+        <Link to="/register" style={{ color: '#A0A0A0', textDecoration: 'none', marginLeft: 'auto', fontSize: '0.9rem' }}>
+          Créer un compte
+        </Link>
+
+        <Link to="/login" style={{
+          color: '#000',
+          backgroundColor: '#00E5FF',
+          padding: '6px 12px',
+          textDecoration: 'none',
+          fontWeight: 'bold',
+          fontSize: '0.9rem'
+        }}>
+          Connexion
+        </Link>
      </nav>
-      
+
      {/* C'est ici que les pages (Accueil, Login, etc.) vont s'afficher */}
      <main style={{ padding: '20px' }}>
        <Outlet />