45 lines
1.8 KiB
React
45 lines
1.8 KiB
React
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>
|
||
);
|
||
}
|