Files
aibook-fun/marketing-site/components/FAQ.jsx
T
SinachPat 89a3d76122 feat(marketing-site): American Dream cover band + narrative weave
- Cover: publisher-style belly band across the lower book cover using a
  compressed banner (2.2MB screenshot -> 60KB WebP, resized to display
  needs), cropped via a width-locked <img> + percentage offset so the
  wordmark stays legible rather than getting zoomed/cropped sideways.
  Compass + wordmark compacted into a row to make room.
- Copy: the theme woven through Field Notes, Contents, the Founding
  Sponsor tier, and one direct FAQ entry -- mostly oblique, since the
  cover already states it explicitly. Hero/Recipe/Capture/Footer left
  untouched on purpose.
2026-08-28 10:49:57 +01:00

49 lines
2.1 KiB
React
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
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.",
},
{
q: "Why frame this around the American Dream?",
a: "Because for most of the people writing and reading this guide, real fluency with these tools isn’t a slogan — it’s a practical ladder. Nobody in this book inherited their edge; they built it, one real skill at a time. We think this is the next one worth building.",
},
];
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>
);
}