Hard code text in newsletter CTAs

Author: webstackdev

src/components/CallToAction/Newsletter/layouts/article.astro

@@ -2,19 +2,14 @@
 import GDPRConsent from '@components/Consent/Checkbox/index.astro'
 import Confetti from '@components/Animations/Confetti/index.astro'
 import Icon from '@components/Icon/index.astro'
-import type { NewsletterProps } from '@components/CallToAction/Newsletter/client/@types'
 
-export type Props = Omit<NewsletterProps, 'variant'>
-
-const {
-  title = 'Stay Updated',
-  description = 'One deep dive per month on infrastructure topics, plus quick wins you can ship the same day.',
-  placeholder = 'Enter your email address',
-  buttonText = 'Subscribe',
-} = Astro.props
+const title = 'Stay Updated'
+const description = 'One deep dive per month on infrastructure topics, plus quick wins you can ship the same day.'
+const placeholder = 'Enter your email address'
+const buttonText = 'Subscribe'
 ---
 
-<section>
+<section class="mb-4 md:mb-6">
   <div class="bg-content border border-trim rounded-xl p-6 md:p-8 font-mono">
     <div class="flex items-center gap-2 mb-4 pb-4 border-b border-page-base/20">
       <div class="w-3 h-3 rounded-full bg-danger"></div>

src/components/CallToAction/Newsletter/layouts/home.astro

@@ -3,17 +3,12 @@ import { Image } from 'astro:assets'
 import GDPRConsent from '@components/Consent/Checkbox/index.astro'
 import Confetti from '@components/Animations/Confetti/index.astro'
 import Icon from '@components/Icon/index.astro'
-import type { NewsletterProps } from '@components/CallToAction/Newsletter/client/@types'
 import newsletterSignupImage from '@assets/images/newsletter-signup.jpg'
 
-export type Props = Omit<NewsletterProps, 'variant'>
-
-const {
-  title = 'Stay Updated',
-  description = 'A monthly dispatch on platform engineering, DevOps, SRE, and cloud infrastructure. Real problems, real solutions.',
-  placeholder = 'Enter your email address',
-  buttonText = 'Subscribe',
-} = Astro.props
+const title = 'Stay Updated'
+const description = 'A monthly dispatch on platform engineering, DevOps, SRE, and cloud infrastructure. Real problems, real solutions.'
+const placeholder = 'Enter your email address'
+const buttonText = 'Subscribe'
 ---
 
 <div class="container mx-auto md:px-4 sm:px-6 lg:px-8">

src/components/CallToAction/Newsletter/layouts/page.astro

@@ -9,16 +9,11 @@
 import GDPRConsent from '@components/Consent/Checkbox/index.astro'
 import Confetti from '@components/Animations/Confetti/index.astro'
 import Icon from '@components/Icon/index.astro'
-import type { NewsletterProps } from '@components/CallToAction/Newsletter/client/@types'
 
-export type Props = Omit<NewsletterProps, 'variant'>
-
-const {
-  title = 'Stay Updated',
-  description = 'Platform engineering insights delivered to your inbox once a month. No spam, no sales pitches.',
-  placeholder = 'Enter your email address',
-  buttonText = 'Subscribe',
-} = Astro.props
+const title = 'Stay Updated'
+const description = 'Platform engineering insights delivered to your inbox once a month. No spam, no sales pitches.'
+const placeholder = 'Enter your email address'
+const buttonText = 'Subscribe'
 ---
 
 <div class="w-full max-w-xl mx-auto">