feat: rebuild marketing site with full component suite and preview

marketing-site/components/FAQ.jsx

@@ -0,0 +1,44 @@
+const QA = [
+  {
+    q: "Is this AI theory, or something I can actually run?",
+    a: "Something you run. Every workflow shows the real tool output, lists the real steps, and ends in a ~15-minute Try-it on non-confidential sample data. If you can’t run it, it doesn’t ship.",
+    open: true,
+  },
+  {
+    q: "How is this different from a course?",
+    a: "A course teaches concepts; this is a field guide of tested recipes you apply to your real job this week. It refreshes annually because AI moves fast — stale advice is worthless.",
+  },
+  {
+    q: "What does “responsible by design” actually mean?",
+    a: "Every recipe includes data-handling rules, human-oversight steps, failure modes, and escalation paths. They’re part of the template — not an appendix, not an afterthought.",
+  },
+  {
+    q: "Can I contribute a workflow after backing?",
+    a: "Yes — open contribution opens once the founding library is live. We’re finalizing how contributors get paid (not just a byline) before launch.",
+  },
+  {
+    q: "Why subscribe instead of buy once?",
+    a: "Because a static AI book is out of date in months. The subscription is what keeps every workflow current — and it’s what funds the practitioners keeping them that way.",
+  },
+];
+
+export default function FAQ() {
+  return (
+    <section className="section faq" id="faq">
+      <div className="wrap" style={{ maxWidth: "760px" }}>
+        <h2 className="reveal">Frequently asked.</h2>
+        <div className="qa reveal">
+          {QA.map((x, i) => (
+            <details key={i} open={x.open || undefined}>
+              <summary>
+                {x.q}
+                <span className="pl" aria-hidden="true">+</span>
+              </summary>
+              <div className="ans">{x.a}</div>
+            </details>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}