<script setup lang="ts">
usePageTitle('Renewals')
</script>

<template>
  <div class="mx-auto max-w-2xl py-16 text-center">
    <div class="inline-flex flex-col items-center gap-4">
      <span
        class="inline-flex items-center rounded-full px-3 py-1 text-[11px] font-semibold uppercase tracking-wider"
        style="background: rgba(1, 105, 111, 0.06); color: #01696f;"
      >Coming soon</span>
      <h1 class="text-2xl font-semibold tracking-tight text-[var(--text-primary)]">Renewals</h1>
      <p class="text-[14px] leading-relaxed text-[var(--text-muted)]">
        Monitor upcoming policy expirations and manage the renewal pipeline end to end.
      </p>
    </div>
  </div>
</template>
