---
import MainLayout from "@/layouts/MainLayout.astro"
import Header from "@/components/Header.astro"
import FooterSection from "@/components/section/FooterSection.astro";


import { createTranslator, t } from '@/i18n';
const tl = createTranslator(Astro.currentLocale);
---

<MainLayout >
    <div class="top-16 relative mb container mx-auto">
        <Header />
        <div class="container mx-auto mt-4">
            page index of nations goes here
        </div>
    </div>
    <FooterSection />
</MainLayout>