<script setup lang="ts">
// Sub-page shell: same Nav + Footer chrome as the landing page, with a content
// slot in between. Used by every footer-linked page so they share the header,
// footer, theme and language toggle.
import { useTheme, useLang } from '~/composables/useLanding'

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

useHead({ htmlAttrs: { lang } })
</script>

<template>
  <div :style="{ background: t.bg, color: t.fg, minHeight: '100vh', display: 'flex', flexDirection: 'column' }">
    <LandingNav />
    <main :style="{ flex: 1 }">
      <slot />
    </main>
    <LandingFooter />
  </div>
</template>
