feat(website): add Nuxt 4 marketing landing page

New standalone apps/website (Nuxt 4) serving the public marketing site at dezky.local / www.dezky.local. The customer portal moves off the root domain to app.dezky.local only. Landing page ported from the Dezky design handoff: light theme, Danish default, hero variant A, with a working da/en toggle. Self-contained colour system threaded through components (utils/landingTokens.ts), full bilingual copy (utils/landingCopy.ts), and shared state (composables/useLanding.ts). Sections live under components/landing/* with the Node logo under components/brand/*. Wired into docker-compose (website service, volume, Traefik labels, network aliases) and bootstrap.sh (hosts list + service URLs).
2026-06-05 10:58:25 +02:00
parent 47eb9502f8
commit c9911cc262
35 changed files with 8760 additions and 1 deletions
@@ -0,0 +1,60 @@
+<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.
+import { C } from '~/utils/landingTokens'
+import { useTheme, useCopy, scrollToAnchor } from '~/composables/useLanding'
+const t = useTheme()
+const copy = useCopy()
+
+function onLink(e: MouseEvent, href: string) {
+  if (href.startsWith('#') && href.length > 1) {
+    e.preventDefault()
+    scrollToAnchor(href)
+  } else if (href === '#') {
+    e.preventDefault()
+  }
+}
+</script>
+
+<template>
+  <footer :style="{ background: C.bone, color: C.carbon, borderTop: `1px solid ${t.border}` }">
+    <LandingContainer pad="80px 64px 40px">
+      <div :style="{ display: 'grid', gridTemplateColumns: '1.4fr repeat(4, 1fr)', gap: '48px' }">
+        <div>
+          <BrandNodeLockup :scale="0.75" :fg="C.carbon" :accent="C.signal" />
+          <div :style="{ marginTop: '20px', fontFamily: '\'Inter\', sans-serif', fontSize: '14px', color: 'rgba(10,10,10,0.6)', maxWidth: '280px', lineHeight: 1.5 }">{{ copy.footer.tagline }}</div>
+          <div :style="{ marginTop: '28px', fontFamily: '\'JetBrains Mono\', monospace', fontSize: '11px', color: 'rgba(10,10,10,0.45)', lineHeight: 1.7 }">
+            <div>{{ copy.footer.legal.name }}</div>
+            <div>{{ copy.footer.legal.cvr }}</div>
+            <div>{{ copy.footer.legal.addr }}</div>
+          </div>
+        </div>
+        <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]"
+              :style="{ fontFamily: '\'Inter\', sans-serif', fontSize: '14px', color: 'rgba(10,10,10,0.78)' }"
+              @click="onLink($event, link[1])"
+            >{{ link[0] }}</a>
+          </div>
+        </div>
+      </div>
+      <div :style="{
+        marginTop: '64px', paddingTop: '28px', borderTop: `1px solid ${t.border}`,
+        display: 'flex', justifyContent: 'space-between', alignItems: 'center', gap: '24px',
+        fontFamily: '\'JetBrains Mono\', monospace', fontSize: '11px', color: 'rgba(10,10,10,0.45)',
+      }">
+        <div>{{ copy.footer.copyright }}</div>
+        <div :style="{ display: 'flex', alignItems: 'center', gap: '24px' }">
+          <span :style="{ display: 'flex', alignItems: 'center', gap: '8px' }">
+            <span :style="{ width: '6px', height: '6px', background: C.ok, borderRadius: '999px', boxShadow: `0 0 0 3px ${C.ok}33` }" />
+            {{ copy.footer.status }}
+          </span>
+          <span>v1.0.4</span>
+        </div>
+      </div>
+    </LandingContainer>
+  </footer>
+</template>