Claude
6947113027
Product UI components are built once at design size from the Figma file and reused by the marketing mockups and, later, the app. Text contrast tokens now meet WCAG AA in both themes, with a test. Pricing stays hidden until decided. Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_014SdXCbrN5PtGExkpvMaMHx
23 lines
750 B
TypeScript
23 lines
750 B
TypeScript
import { Icon } from '../../ui/Icon.tsx';
|
|
import { FAQ } from '../content.ts';
|
|
import { SectionHeader } from './SectionHeader.tsx';
|
|
|
|
export function Faq() {
|
|
return (
|
|
<section className="m-section">
|
|
<SectionHeader eyebrow="FAQ" title="Questions, answered." />
|
|
<div className="m-faq">
|
|
{FAQ.map((item) => (
|
|
<details key={item.question} className="m-faq-item" open={item.open}>
|
|
<summary className="m-faq-question t-title-s">
|
|
<span>{item.question}</span>
|
|
<Icon name="chevron-down" size={20} className="m-faq-chevron" />
|
|
</summary>
|
|
<p className="t-body-m m-section-sub">{item.answer}</p>
|
|
</details>
|
|
))}
|
|
</div>
|
|
</section>
|
|
);
|
|
}
|