refactor(website): use Button link variant in SubscribeBanner

Swap the bespoke anchor for the shared Button link variant and wrap
the banner in a rounded container with horizontal padding so it floats
inside the page width instead of spanning edge-to-edge.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

apps/website/src/templates/drops/SubscribeBanner.vue

@@ -1,28 +1,30 @@
 <script setup lang="ts">
 import type { Locale } from '../../i18n/translations'
 
-import { externalLinks } from '../../config/routes'
 import { t } from '../../i18n/translations'
+import Button from '@/components/ui/button/Button.vue'
 
 const { locale = 'en' } = defineProps<{ locale?: Locale }>()
 
-// V1 fallback: point at the Comfy YouTube channel until content team supplies
-// a dedicated event-registration URL (Google Form, Eventbrite, etc.).
-const signUpHref = externalLinks.youtube
+const signUpHref = 'https://luma.com/l7c5z4gp'
 </script>
 
 <template>
-  <div
-    class="bg-primary-comfy-plum text-primary-warm-white flex w-full flex-col items-center justify-center gap-2 px-6 py-3 text-center text-sm sm:flex-row sm:gap-4"
-  >
-    <p>{{ t('drops.banner.text', locale) }}</p>
-    <a
-      :href="signUpHref"
-      target="_blank"
-      rel="noopener noreferrer"
-      class="font-semibold uppercase underline underline-offset-4 hover:no-underline"
+  <div class="px-4">
+    <div
+      class="bg-primary-comfy-plum max-w-8xl rounded-5xl text-primary-warm-white mx-auto flex w-full flex-col items-center justify-center gap-4 px-6 py-8 text-center text-sm sm:flex-row sm:gap-6 md:text-base"
     >
-      {{ t('drops.banner.cta', locale) }}
-    </a>
+      <p class="ppformula-text-center">{{ t('drops.banner.text', locale) }}</p>
+      <Button
+        :href="signUpHref"
+        as="a"
+        variant="link"
+        size="default"
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        {{ t('drops.banner.cta', locale) }}
+      </Button>
+    </div>
   </div>
 </template>