import { Link } from 'react-router-dom';

export default function Home() {
  return (
    <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 className="text-cyan-400 text-xl md:text-2xl tracking-[2px] font-normal">
          by GISE
        </span>
      </h1>

      <h2 className="text-white text-xl md:text-2xl tracking-[2px] uppercase mb-5 font-normal">
        Bienvenue dans l'infrastructure
      </h2>

      <p className="text-[#A0A0A0] text-lg max-w-150 mx-auto leading-relaxed">
        Hébergement web, instances VPS et Stockage Cloud en Belgique.
        <br />Propulsé par une architecture bare-metal locale.
      </p>

      <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>
    </div>
  );
}