pages

src/Footer.svelte

@@ -0,0 +1,31 @@
+<script lang="ts">
+    import Link from "./lib/components/link/Link.svelte";
+    import { Routes } from "./lib/global/routes";
+</script>
+
+<footer
+    class="flex flex-col items-center border-t-2 border-contrast-900 bg-contrast-900 px-2 py-8 text-primary-200 dark:border-primary-300 dark:bg-primary-100 dark:text-contrast-900"
+>
+    <div
+        class="flex flex-row flex-wrap justify-center gap-8 text-center md:text-lg"
+    >
+        {#each Routes.footerRoutes as section}
+            <ul class="flex-1">
+                <li>
+                    <h6 class="font-semibold">{section.text}</h6>
+                </li>
+                {#each section.routes as route}
+                    <li>
+                        <Link target={route.target} href={route.url}>
+                            {route.text}
+                        </Link>
+                    </li>
+                {/each}
+            </ul>
+        {/each}
+    </div>
+    <div class="mt-8 text-center font-semibold">Org nr: 816 230 942</div>
+    <div class="mt-2 text-center font-semibold">
+        © 2026 minibusservice.no - All Rights Reserved.
+    </div>
+</footer>