upgrade design

src/layouts/PublicLayout.jsx

@@ -1,35 +1,28 @@
-// src/layouts/PublicLayout.jsx
 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', alignItems: 'center' }}>
-        <Link to="/" style={{ display: 'flex', alignItems: 'baseline', gap: '6px', textDecoration: 'none' }}>
-          <span style={{ color: '#FFF', fontSize: '1.2rem', letterSpacing: '2px', fontWeight: 'bold' }}>NEXUS</span>
-          <span style={{ color: '#00E5FF', fontSize: '0.65rem', letterSpacing: '1px', fontWeight: 'normal'}}>by GISE</span>
+    <div className="bg-[#121212] text-[#E0E0E0] min-h-screen font-mono">
+      <nav className="p-5 border-b border-[#242424] flex gap-4 items-center">
+        <Link to="/" className="flex items-baseline gap-1.5 no-underline">
+          <span className="text-white text-xl tracking-[2px] font-bold">NEXUS</span>
+          <span className="text-cyan-400 text-[10px] tracking-[1px]">by GISE</span>
+        </Link>
+        
+        <Link to="/offres" className="text-[#E0E0E0] no-underline ml-5 hover:text-cyan-400 transition-colors">
+          Catalogue
         </Link>
-        <Link to="/offres" style={{ color: '#E0E0E0', textDecoration: 'none', marginLeft: '20px' }}>Catalogue</Link>
 
-        {/* AJOUT DU BOUTON D'INSCRIPTION */}
-        <Link to="/register" style={{ color: '#A0A0A0', textDecoration: 'none', marginLeft: 'auto', fontSize: '0.9rem' }}>
+        <Link to="/register" className="text-[#A0A0A0] no-underline ml-auto text-sm hover:text-white transition-colors">
           Créer un compte
         </Link>
 
-        <Link to="/login" style={{
-          color: '#000',
-          backgroundColor: '#00E5FF',
-          padding: '6px 12px',
-          textDecoration: 'none',
-          fontWeight: 'bold',
-          fontSize: '0.9rem'
-        }}>
+        <Link to="/login" className="text-black bg-cyan-400 hover:bg-cyan-300 transition-colors px-3 py-1.5 no-underline font-bold text-sm">
           Connexion
         </Link>
       </nav>
 
-      {/* C'est ici que les pages (Accueil, Login, etc.) vont s'afficher */}
-      <main style={{ padding: '20px' }}>
+      <main className="p-5">
         <Outlet />
       </main>
     </div>