<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 { useRoute } from 'vue-router'
import { useCopy, goToSection } from '~/composables/useLanding'

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

const copy = useCopy()
const route = useRoute()
</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" @click="goToSection('#final-cta', route.path)">{{ copy.pages.ctaDemo }} →</LandingBtn>
  </LandingContainer>
</template>
