export default function Page() {
	return (
		<div className="max-w-5xl grid grid-cols-3 gap-4 py-32">
			<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
				<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
				<div className="p-4 border-t-2 border-zinc-200">
					<h3 className="font-bold text-2xl">Frieren</h3>
					<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
						<span>Anime</span>
						<span>Test</span>
					</div>
				</div>
			</div>

			<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
				<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
				<div className="p-4 border-t-2 border-zinc-200">
					<h3 className="font-bold text-2xl">Frieren</h3>
					<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
						<span>Anime</span>
						<span>Test</span>
					</div>
				</div>
			</div>

			<div className="bg-zinc-50 rounded-2xl border-2 border-zinc-200">
				<img src="https://placehold.co/600x400" alt="mii" className="rounded-t-xl" />
				<div className="p-4 border-t-2 border-zinc-200">
					<h3 className="font-bold text-2xl">Frieren</h3>
					<div id="tags" className="flex gap-1 mt-1 *:px-1.5 *:py-1 *:bg-orange-400 *:rounded *:text-xs">
						<span>Anime</span>
						<span>Test</span>
					</div>
				</div>
			</div>
		</div>
	);
}
