Image&Link Cards

[vitusbenson]

Can we have a Gallery of Cards each with an Image, a Link & a short title/description (optional)?
Thinking this could be useful for /resources/datasets but also for other pages

[vitusbenson]

Okay I have managed to somewhat do this for now without images:

earthnet.tech/src/app/resources/datasets/page.mdx

Lines 18 to 41 in 4c90189

	<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
	<Card className="w-full max-w-sm hover:bg-[var(--accent)] transition-colors duration-200">
	<CardHeader>
	<CardTitle> <a href='/resources/datasets/greenearthnet' target='_blank'> GreenEarthNet </a> </CardTitle>
	<CardDescription> High resolution minicubes over Europe for geospatial vegetation forecasting </CardDescription>
	</CardHeader>
	</Card>
	<Card className="w-full max-w-sm hover:bg-[var(--accent)] transition-colors duration-200">
	<CardHeader>
	<CardTitle> <a href='https://www.nature.com/articles/s41597-025-04447-5#Sec10' target='_blank'> DeepExtremeCubes </a> </CardTitle>
	<CardDescription> Minicubes co-located with compound hot and dry events </CardDescription>
	</CardHeader>
	</Card>
	<Card className="w-full max-w-sm hover:bg-[var(--accent)] transition-colors duration-200">
	<CardHeader>
	<CardTitle> <a href='/resources/datasets/earthnet2021' target='_blank'> EarthNet2021 </a> </CardTitle>
	<CardDescription> The first collection of minicubes for Earth surface forecasting. </CardDescription>
	</CardHeader>
	</Card>
	</div>