From 02ae938c238c9d18448d17a8ec92c0edd8c17463 Mon Sep 17 00:00:00 2001
From: Bertrand Yuan <bert.yuan@outlook.com>
Date: Tue, 16 Dec 2025 00:12:49 +0800
Subject: feat(back-end): introduce payload

Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.

Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.
---
 .../(main)/(home)/_components/call-to-action.tsx   | 23 ++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/app/(main)/(home)/_components/call-to-action.tsx

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

diff --git a/src/app/(main)/(home)/_components/call-to-action.tsx b/src/app/(main)/(home)/_components/call-to-action.tsx
new file mode 100644
index 0000000..b75298e
--- /dev/null
+++ b/src/app/(main)/(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