---
import Layout from '../layouts/Layout.astro';
import LinkCard from '../components/LinkCard.astro';
---

<Layout title="Vänner Bästa">
	<main class="grid place-items-center h-screen">
		<div class="grid place-items-center">
		<h1 class="text-6xl font-bold underline">Vänner Bästa</h1>
		<div class="mt-10 mx-4 place-items-center" >
			<p>
				A Young Royals fan website with links to different discussion
				spaces.
			</p>
			<strong class="pt-5" >It's official! Series 3 is coming!</strong>
		</div>
		<div class="grid grid-cols-2 md:grid-cols-3 mt-10">
			<LinkCard
				title="Watch"
				to="https://www.netflix.com/title/81210762"
			/>
			<LinkCard title="Discord" to="https://discord.gg/hyKVDeRJ8Y" />
			<LinkCard
				title="Reddit"
				to="https://www.reddit.com/r/YoungRoyals/"
			/>
			<LinkCard
				title="Babbel (ref)"
				to="https://www.talkable.com/x/IchxFl"
			/>
			<LinkCard
				title="Matrix"
				to="https://matrix.to/#/#young-royals:matrix.org"
			/>
			<LinkCard title="Discord Utilities" to="/utilities" />
		</div>
	</div>
	</main>
</Layout>