|
|
@ -77,40 +77,7 @@ export default function Home() { |
|
|
<div className=" lg:min-w-screen lg:min-h-screen bg-linear-to-br from-left-gradient to-right-gradient"> |
|
|
<div className=" lg:min-w-screen lg:min-h-screen bg-linear-to-br from-left-gradient to-right-gradient"> |
|
|
<Navbar isSearchPage={false} /> |
|
|
<Navbar isSearchPage={false} /> |
|
|
|
|
|
|
|
|
<main className=" px-5 lg:px-36"> |
|
|
<main className="pt-[30px] px-5 lg:px-36"> |
|
|
|
|
|
|
|
|
{/* Hero section */} |
|
|
|
|
|
<div className="flex flex-col items-center w-full pt-[128px] lg:pt-[304px]"> |
|
|
|
|
|
<img src={HeroImage} alt="" className=" w-1700/1920 lg:w-1046/1920" /> |
|
|
|
|
|
|
|
|
|
|
|
{isAuthenticated ? ( |
|
|
|
|
|
<h1 className="font-montserrat text-4xl lg:text-8xl font-black w-1200/1920 text-center text-white -translate-y-1/2"> |
|
|
|
|
|
Bienvenue {user?.username} ! |
|
|
|
|
|
</h1> |
|
|
|
|
|
) : ( |
|
|
|
|
|
<> |
|
|
|
|
|
<h1 className="font-montserrat text-4xl lg:text-8xl font-black w-1200/1920 text-center text-white -translate-y-1/2"> |
|
|
|
|
|
Regarder des vidéos comme jamais auparavant |
|
|
|
|
|
</h1> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div className="flex justify-center gap-10 -translate-y-[100px] mt-10"> |
|
|
|
|
|
<button className="bg-white text-black font-montserrat p-3 rounded-sm text-xl lg:text-2xl font-bold"> |
|
|
|
|
|
<a href="/login"> |
|
|
|
|
|
<p>Se connecter</p> |
|
|
|
|
|
</a> |
|
|
|
|
|
</button> |
|
|
|
|
|
<button className="bg-primary p-3 rounded-sm text-white font-montserrat text-xl lg:text-2xl font-bold cursor-pointer"> |
|
|
|
|
|
<a href="/register"> |
|
|
|
|
|
<p>Créer un compte</p> |
|
|
|
|
|
</a> |
|
|
|
|
|
</button> |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</> |
|
|
|
|
|
)} |
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
{/* Recommendations section */} |
|
|
{/* Recommendations section */} |
|
|
<Recommendations videos={recommendations} /> |
|
|
<Recommendations videos={recommendations} /> |
|
|
|
astria