Public Access
Update LandingPage.jsx
This commit is contained in:
1 parent
490fa2fa93
commit
a8e12ad14c
1 file changed
-23
@@ -3,7 +3,6 @@ import {Link} from 'react-router-dom';
|
|||||||
|
|
||||||
export default function LandingPage() {
|
export default function LandingPage() {
|
||||||
const {t} = useTranslation();
|
const {t} = useTranslation();
|
||||||
const mockGames = [1, 2, 3];
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="grow flex flex-col items-center p-4 md:p-8">
|
<div className="grow flex flex-col items-center p-4 md:p-8">
|
||||||
@@ -18,28 +17,6 @@ export default function LandingPage() {
|
|||||||
Get Started
|
Get Started
|
||||||
</Link>
|
</Link>
|
||||||
</section>
|
</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>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in new issue
Block a user