51 lines
1.6 KiB
Vue
51 lines
1.6 KiB
Vue
<template>
|
|
<div class="min-h-full py-16 bg-gray-50">
|
|
<div class="max-w-2xl mx-auto px-4 sm:px-6 lg:px-8">
|
|
<div class="bg-white rounded-xl shadow-lg p-8 text-center">
|
|
<div class="w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center mx-auto mb-6">
|
|
<svg
|
|
class="w-8 h-8 text-blue-600"
|
|
fill="none"
|
|
stroke="currentColor"
|
|
viewBox="0 0 24 24"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
stroke-width="2"
|
|
d="M18.364 18.364A9 9 0 005.636 5.636m12.728 12.728A9 9 0 015.636 5.636m12.728 12.728L5.636 5.636"
|
|
/>
|
|
</svg>
|
|
</div>
|
|
|
|
<h1 class="text-3xl font-display font-bold text-gray-900 mb-4">
|
|
{{ alreadyUnsubscribed ? 'Bereits abgemeldet' : 'Erfolgreich abgemeldet' }}
|
|
</h1>
|
|
|
|
<p class="text-lg text-gray-600 mb-8">
|
|
{{ alreadyUnsubscribed
|
|
? 'Sie sind bereits vom Newsletter abgemeldet.'
|
|
: 'Sie wurden erfolgreich vom Newsletter abgemeldet. Sie erhalten keine weiteren Newsletter mehr.' }}
|
|
</p>
|
|
|
|
<NuxtLink
|
|
to="/"
|
|
class="inline-block px-6 py-3 bg-primary-600 text-white font-semibold rounded-lg hover:bg-primary-700 transition-colors"
|
|
>
|
|
Zur Startseite
|
|
</NuxtLink>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup>
|
|
const route = useRoute()
|
|
const alreadyUnsubscribed = route.query.already === 'true'
|
|
|
|
useHead({
|
|
title: 'Newsletter abgemeldet - Harheimer TC',
|
|
})
|
|
</script>
|
|
|