<script setup lang="ts">
// Placeholder body for not-yet-built sub-pages. Shows the page title under a
// "coming soon" eyebrow, an explanatory line, and a demo CTA. Legal pages pass
// the legal-specific body instead of the generic one.
import { useCopy } from '~/composables/useLanding'

defineProps<{ title: string, body: string }>()

const copy = useCopy()
const localePath = useLocalePath()
</script>

<template>
  <LandingPageHeader :label="copy.pages.comingSoonKicker" :title="title" :intro="body" />
  <LandingContainer pad="clamp(32px, 5vw, 48px) clamp(20px, 5vw, 64px) clamp(56px, 8vw, 160px)">
    <LandingBtn variant="primary" size="lg" data-umami-event="book-demo" @click="navigateTo(localePath('/demo'))">{{ copy.pages.ctaDemo }} →</LandingBtn>
  </LandingContainer>
</template>
