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.

1 files changed, 23 insertions, 0 deletions

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>
+  );
+}