---
import logo from '@assets/logo.png';
import { Image } from 'astro:assets';
import { translations, type Lang } from '@data/i18n';
const { lang = 'no' } = Astro.props as { lang?: Lang };
const t = translations[lang].hero;
---

<section class="flex flex-col items-center justify-center h-[50vh] gap-4">
    <h1 class="text-4xl font-extrabold text-center">{t.title}</h1>
    <Image src={logo} alt={t.alt} width={250} height={250} loading="eager" />
</section>