feat(website): footer sub-pages + shared page layout

Wire every footer link to a real route. Adds a shared `page` layout (Nav +
content + Footer), reusable PageHeader/ComingSoon components, six content pages
(about, contact, brand, roadmap, changelog, migration), and a dynamic [slug]
catch-all for the not-yet-built pages — unknown slugs 404, legal slugs get a
distinct "contact us" body.

Footer links repointed from dead "#" to real paths; section anchors ("/#suite")
smooth-scroll on the homepage and route home + scroll from a sub-page; logo
links home. Page copy (da + en) added under COPY.pages.

apps/website/components/landing/Footer.vue

@@ -1,18 +1,22 @@
 <script setup lang="ts">
 // Footer — lockup + tagline + legal, four link columns, status row.
-// Ported from landing-sections.jsx Footer (light mode). Anchor links smooth-
-// scroll; "#" placeholders point at not-yet-built subpages.
+// Ported from landing-sections.jsx Footer (light mode). Links are real routes
+// now; "/#suite"-style section links smooth-scroll on the homepage and route
+// home + scroll from a sub-page.
+import { useRoute } from 'vue-router'
 import { C } from '~/utils/landingTokens'
 import { useTheme, useCopy, scrollToAnchor } from '~/composables/useLanding'
 const t = useTheme()
 const copy = useCopy()
+const route = useRoute()
 
 function onLink(e: MouseEvent, href: string) {
-  if (href.startsWith('#') && href.length > 1) {
-    e.preventDefault()
-    scrollToAnchor(href)
-  } else if (href === '#') {
+  // In-page section link ("/#suite"): smooth-scroll in place when already on
+  // the homepage. Off-page, let NuxtLink route to "/#suite" — index.vue scrolls
+  // to the hash on mount.
+  if (href.includes('#') && route.path === '/') {
     e.preventDefault()
+    scrollToAnchor(href.slice(href.indexOf('#')))
   }
 }
 </script>
@@ -33,11 +37,11 @@ function onLink(e: MouseEvent, href: string) {
         <div v-for="(col, i) in copy.footer.cols" :key="i">
           <div :style="{ fontFamily: '\'JetBrains Mono\', monospace', fontSize: '11px', color: 'rgba(10,10,10,0.45)', letterSpacing: '0.1em', textTransform: 'uppercase', marginBottom: '18px' }">{{ col[0] }}</div>
           <div :style="{ display: 'flex', flexDirection: 'column', gap: '12px' }">
-            <a
-              v-for="(link, j) in col[1]" :key="j" :href="link[1]"
+            <NuxtLink
+              v-for="(link, j) in col[1]" :key="j" :to="link[1]"
               :style="{ fontFamily: '\'Inter\', sans-serif', fontSize: '14px', color: 'rgba(10,10,10,0.78)' }"
               @click="onLink($event, link[1])"
-            >{{ link[0] }}</a>
+            >{{ link[0] }}</NuxtLink>
           </div>
         </div>
       </div>