---
import TransitionLayout from "@/layouts/TransitionLayout.astro";
import { getRelativeLocaleUrl } from "astro:i18n";

// export const prerender = false;

// const onMobile = Astro.request.headers.get("user-agent")?.match("Mobile");
---

<TransitionLayout
	title="Welcome - Move to Linux"
	description="Welcome to your Linux journey."
>
	<main class="fill-screen-center gap-2" transition:animate="slide">
		<h1 class="text-5xl font-bold">Welcome!</h1>
		<p class="p-4 lg:max-w-[50vw] text-center">
			I'm happy to see that you decided to learn more about Linux.
			Depending on your internet and machine speed, Prepare a few hours of
			time to download and install Linux.
		</p>
		<a href={getRelativeLocaleUrl("en", "distroquiz/0")} class="button"
			>Okay!</a
		>
	</main>
</TransitionLayout>
