---
import { translations } from '../data/i18n.js';
const { lang = 'no' } = Astro.props;
const t = translations[lang].about;
---

<main class="flex gap-8 flex-col">
  <h1 class="text-4xl font-bold">{t.title}</h1>
  <div class="flex gap-2 text-lg max-w-prose flex-col">
    <p>{t.p1}</p>
    <p>{t.p2}</p>
    <p>{t.p3}</p>
    <p>{t.p4}</p>
  </div>
</main>