Update LandingPage.jsx

This commit is contained in:
lobo committed 2026-03-28 10:10:46 +01:00
1 parent 490fa2fa93
commit a8e12ad14c
1 file changed
-23
-23
View File
@@ -3,7 +3,6 @@ import {Link} from 'react-router-dom';
export default function LandingPage() {
const {t} = useTranslation();
const mockGames = [1, 2, 3];
return (
<div className="grow flex flex-col items-center p-4 md:p-8">
@@ -18,28 +17,6 @@ export default function LandingPage() {
Get Started
</Link>
</section>
<div className="w-full max-w-6xl grid grid-cols-1 md:grid-cols-3 gap-6 mt-8">
{mockGames.map((n) => {
return (
<div key={n} className="border border-slate-200 dark:border-slate-800 rounded-2xl bg-white dark:bg-slate-900 overflow-hidden shadow-sm hover:shadow-md transition-shadow">
<div className="h-48 bg-slate-200 dark:bg-slate-800 relative">
<img src={`https://picsum.photos/500/300?random=${n}`} alt={`Game ${n}`} className="w-full h-full object-cover opacity-90 hover:opacity-100 transition-opacity"/>
<div className="absolute top-3 right-3 bg-slate-900/90 text-white text-xs font-bold px-2 py-1 rounded">
BACKLOG
</div>
</div>
<div className="p-5">
<h3 className="font-bold text-xl dark:text-white mb-1">Epic Title {n}</h3>
<p className="text-sm text-slate-500 dark:text-slate-400 mb-4">RPG • ~50h playtime</p>
<button className="w-full bg-slate-100 dark:bg-slate-800 text-slate-700 dark:text-slate-300 py-2 rounded-lg font-semibold hover:bg-slate-200 dark:hover:bg-slate-700 transition-colors">
View Details
</button>
</div>
</div>
);
})}
</div>
</div>
);
}