<script setup lang="ts">
// Dezky marketing landing page. Ported from the Claude Design handoff
// (Landing Page.html → landing-app.jsx + landing-sections.jsx). Light theme,
// Danish default, hero variant A — the production defaults the user landed on.
// Section order matches the design exactly.
import { useTheme, useCopy, useLang } from '~/composables/useLanding'

const t = useTheme()
const copy = useCopy()
const lang = useLang()

const description = computed(() => copy.value.hero.sub)

useHead({
  title: 'dezky · suveræn produktivitet',
  htmlAttrs: { lang },
  meta: [
    { name: 'description', content: description },
  ],
})
</script>

<template>
  <div :style="{ background: t.bg, color: t.fg, minHeight: '100vh' }">
    <LandingNav />
    <LandingHero />
    <LandingProblem />
    <LandingSuite />
    <LandingHowItWorks />
    <LandingSovereignty />
    <LandingCompare />
    <LandingWhitelabel />
    <LandingStack />
    <LandingPricing />
    <LandingFaq />
    <LandingFinalCta />
    <LandingFooter />
  </div>
</template>
