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,64 @@
+<script setup lang="ts">
+// Sticky top nav with logo, anchor links, language toggle, login + demo CTA.
+// Ported from landing-sections.jsx Nav (light mode, production subset).
+import { computed } from 'vue'
+import { APP_URL } from '~/utils/landingTokens'
+import { useTheme, useCopy, useLang, toggleLang, scrollToAnchor } from '~/composables/useLanding'
+
+const t = useTheme()
+const copy = useCopy()
+const lang = useLang()
+
+const items = computed(() => [
+  { label: copy.value.nav.product, href: '#suite' },
+  { label: copy.value.nav.security, href: '#sovereignty' },
+  { label: copy.value.nav.whitelabel, href: '#whitelabel' },
+  { label: copy.value.nav.pricing, href: '#pricing' },
+  { label: copy.value.nav.docs, href: '#' },
+])
+
+function onLogo() {
+  window.scrollTo({ top: 0, behavior: 'smooth' })
+}
+</script>
+
+<template>
+  <header :style="{
+    position: 'sticky', top: '0', zIndex: 100,
+    background: 'rgba(250,250,247,0.84)',
+    backdropFilter: 'blur(14px)', WebkitBackdropFilter: 'blur(14px)',
+    borderBottom: `1px solid ${t.border}`,
+  }">
+    <div :style="{
+      maxWidth: '1280px', margin: '0 auto', padding: '18px 64px',
+      display: 'flex', alignItems: 'center', justifyContent: 'space-between',
+    }">
+      <a href="#" :style="{ display: 'flex', alignItems: 'center', gap: '12px', cursor: 'pointer' }" @click.prevent="onLogo">
+        <BrandNodeMark :size="32" :fg="t.fg" :accent="t.signal" />
+        <div :style="{ fontFamily: '\'JetBrains Mono\', monospace', fontWeight: 600, fontSize: '16px', letterSpacing: '-0.02em', color: t.fg }">dezky</div>
+      </a>
+
+      <nav :style="{ display: 'flex', alignItems: 'center', gap: '36px' }">
+        <a
+          v-for="(it, i) in items" :key="i" :href="it.href"
+          :style="{ fontFamily: '\'Inter\', sans-serif', fontSize: '14px', color: t.fgMuted, letterSpacing: '-0.005em' }"
+          @click.prevent="scrollToAnchor(it.href)"
+        >{{ it.label }}</a>
+      </nav>
+
+      <div :style="{ display: 'flex', alignItems: 'center', gap: '14px' }">
+        <button
+          :style="{
+            background: 'transparent', border: `1px solid ${t.border}`,
+            color: t.fgMuted, fontSize: '11px', padding: '6px 10px', borderRadius: '4px',
+            fontFamily: '\'JetBrains Mono\', monospace', letterSpacing: '0.06em', textTransform: 'uppercase',
+            whiteSpace: 'nowrap',
+          }"
+          @click="toggleLang()"
+        >{{ lang === 'da' ? 'da · en' : 'en · da' }}</button>
+        <a :href="APP_URL" :style="{ fontFamily: '\'Inter\', sans-serif', fontSize: '14px', color: t.fgMuted }">{{ copy.nav.login }}</a>
+        <LandingBtn variant="primary" @click="scrollToAnchor('#final-cta')">{{ copy.nav.cta }} →</LandingBtn>
+      </div>
+    </div>
+  </header>
+</template>