<script lang="ts" setup>
import { Head } from '@inertiajs/vue3'
import MarketingLayout from '@/Layouts/MarketingLayout.vue'

defineOptions({ layout: MarketingLayout })
</script>

<template>
  <Head title="Unsubscribed | EZSCALE" />
  <div>
    <VContainer class="py-16">
      <VRow justify="center">
        <VCol cols="12" md="6">
          <VCard class="text-center pa-8">
            <VIcon
              icon="tabler-mail-off"
              size="64"
              color="primary"
              class="mb-4"
            />
            <VCardTitle class="text-h4 mb-4">
              You've Been Unsubscribed
            </VCardTitle>
            <VCardText class="text-body-1 text-medium-emphasis mb-6">
              You will no longer receive win-back emails from us.
              If you change your mind, you can always resubscribe from our pricing page.
            </VCardText>
            <VBtn
              color="primary"
              href="/pricing"
              variant="tonal"
              append-icon="tabler-arrow-right"
            >
              View Plans
            </VBtn>
          </VCard>
        </VCol>
      </VRow>
    </VContainer>
  </div>
</template>
