LathanDevers
30 lines
1.1 KiB
React
30 lines
1.1 KiB
React
import { Outlet, Link } from 'react-router-dom';
|
|
|
|
export default function PublicLayout() {
|
|
return (
|
|
<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="/register" className="text-[#A0A0A0] no-underline ml-auto text-sm hover:text-white transition-colors">
|
|
Créer un compte
|
|
</Link>
|
|
|
|
<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>
|
|
|
|
<main className="p-5">
|
|
<Outlet />
|
|
</main>
|
|
</div>
|
|
);
|
|
} |