upgrade design

src/pages/public/Home.jsx

@@ -2,68 +2,28 @@ import { Link } from 'react-router-dom';
 
 export default function Home() {
   return (
-    <div style={{ textAlign: 'center', marginTop: '12vh' }}>
-
-      <h1 style={{
-        color: '#FFF',
-        fontSize: '4rem',
-        letterSpacing: '6px',
-        display: 'flex',
-        alignItems: 'baseline',
-        justifyContent: 'center',
-        gap: '12px',
-        margin: '0 0 20px 0'
-      }}>
+    <div className="text-center mt-[12vh]">
+      <h1 className="text-white text-5xl md:text-6xl tracking-[6px] flex items-baseline justify-center gap-3 mb-5 font-black">
         NEXUS
-        <span style={{
-          color: '#00E5FF',
-          fontSize: '1.4rem',
-          letterSpacing: '2px',
-          fontWeight: 'normal'
-        }}>
+        <span className="text-cyan-400 text-xl md:text-2xl tracking-[2px] font-normal">
           by GISE
         </span>
       </h1>
 
-      <h2 style={{
-        color: '#FFFFFF',
-        fontSize: '1.5rem',
-        letterSpacing: '2px',
-        textTransform: 'uppercase',
-        marginBottom: '20px',
-        fontWeight: 'normal'
-      }}>
+      <h2 className="text-white text-xl md:text-2xl tracking-[2px] uppercase mb-5 font-normal">
         Bienvenue dans l'infrastructure
       </h2>
 
-      <p style={{
-        color: '#A0A0A0',
-        fontSize: '1.2rem',
-        maxWidth: '600px',
-        margin: '0 auto',
-        lineHeight: '1.6'
-      }}>
+      <p className="text-[#A0A0A0] text-lg max-w-[600px] mx-auto leading-relaxed">
         Hébergement web, instances VPS et Stockage Cloud en Belgique.
         <br />Propulsé par une architecture bare-metal locale.
       </p>
 
-      {/* LE BOUTON D'ACTION PRINCIPAL REDIRIGE VERS /REGISTER */}
-      <div style={{ marginTop: '50px' }}>
-        <Link to="/register" style={{
-          display: 'inline-block',
-          backgroundColor: 'transparent',
-          color: '#00E5FF',
-          border: '1px solid #00E5FF',
-          padding: '12px 24px',
-          fontSize: '1rem',
-          fontFamily: 'monospace',
-          textDecoration: 'none',
-          textTransform: 'uppercase',
-          letterSpacing: '1px',
-          fontWeight: 'bold',
-          transition: 'all 0.3s ease',
-          boxShadow: '0 0 15px rgba(0, 229, 255, 0.1)',
-        }}>
+      <div className="mt-12">
+        <Link 
+          to="/register" 
+          className="inline-block bg-transparent text-cyan-400 border border-cyan-400 px-6 py-3 font-mono text-base uppercase tracking-[1px] font-bold transition-all duration-300 shadow-[0_0_15px_rgba(0,229,255,0.1)] hover:bg-cyan-400/10 hover:shadow-[0_0_20px_rgba(0,229,255,0.3)] no-underline rounded-sm"
+        >
           Démarrer le déploiement
         </Link>
       </div>