feat: scaffold headless frontend integration per design doc

2026-08-06 15:51:59 +08:00
parent b0919bf8b5
commit 7e30631c68
28 changed files with 708 additions and 126 deletions
@@ -0,0 +1,23 @@
+import Link from "next/link";
+import type { CTABlockValue } from "@/types/wagtail";
+
+export default function CTA({ value }: { value: CTABlockValue }) {
+  return (
+    <section className="py-32">
+      <div className="mx-auto max-w-6xl px-6">
+        <div className="rounded-[40px] bg-gradient-to-r from-blue-600 to-cyan-500 p-20 text-center text-white">
+          <h2 className="mb-6 text-4xl font-bold">{value.heading}</h2>
+          {value.description && (
+            <p className="mb-10 text-xl text-blue-100">{value.description}</p>
+          )}
+          <Link
+            href={value.button.link}
+            className="inline-block rounded-2xl bg-white px-10 py-4 text-lg font-semibold text-primary"
+          >
+            {value.button.text}
+          </Link>
+        </div>
+      </div>
+    </section>
+  );
+}