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

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