From 5b7ccf0b671e2999b62befc729a3e517a0433728 Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <bert.yuan@outlook.com>
Date: Mon, 15 Dec 2025 23:48:10 +0800
Subject: initial commit -- the front-end prototype

The initial code is base on Anirudh's work.

More to see at:

    https://github.com/techwithanirudh/shadcn-blog

Therefore, the code in this commit is under MIT license.
---
 src/app/(home)/_components/call-to-action.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/app/(home)/_components/call-to-action.tsx

(limited to 'src/app/(home)/_components/call-to-action.tsx')

diff --git a/src/app/(home)/_components/call-to-action.tsx b/src/app/(home)/_components/call-to-action.tsx
new file mode 100644
index 0000000..b75298e
--- /dev/null
+++ b/src/app/(home)/_components/call-to-action.tsx
@@ -0,0 +1,23 @@
+import { NewsletterForm } from '@/components/newsletter-form';
+import { Section } from '@/components/section';
+import type React from 'react';
+
+export function CTA(): React.ReactElement {
+  return (
+    <Section className='relative grid gap-8 px-4 py-10 sm:grid-cols-2 md:py-14 lg:px-6 lg:py-16'>
+      <div className='max-w-xl space-y-2'>
+        <h2 className='font-semibold text-2xl md:text-3xl lg:text-4xl'>
+          Subscribe to the Newsletter
+        </h2>
+        <p className='text-muted-foreground text-sm md:text-base'>
+          Get the latest articles and updates delivered straight to your inbox.
+          No spam, unsubscribe anytime.
+        </p>
+      </div>
+
+      <div className='flex w-full items-center'>
+        <NewsletterForm />
+      </div>
+    </Section>
+  );
+}
-- 
cgit v1.2.3