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,26 @@
+import type { FeatureGridBlockValue } from "@/types/wagtail";
+
+export default function FeatureGrid({ value }: { value: FeatureGridBlockValue }) {
+  return (
+    <section className="bg-slate-50 py-24">
+      <div className="mx-auto max-w-7xl px-6">
+        {value.heading && (
+          <h2 className="mb-16 text-4xl font-bold text-slate-900">{value.heading}</h2>
+        )}
+        <div className="grid gap-8 lg:grid-cols-3">
+          {value.items?.map((item, index) => (
+            <div
+              key={`${item.title}-${index}`}
+              className="rounded-3xl bg-white p-8 shadow-sm"
+            >
+              <h3 className="mb-3 text-2xl font-semibold text-slate-900">
+                {item.title}
+              </h3>
+              <p className="text-slate-600">{item.description}</p>
+            </div>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}