efa48f6f6b
Some checks are pending
Deploy to Cloudflare Workers (OpenNext) / deploy (push) Waiting to run
Limit mainwhite pattern to the landing hero and a bottom footer band; remove it from sections and page headers. Add vertical water-flow animation and stronger hero particles with hover boost. Fix green text on white sections and card descriptions in green bands, including the two-days program cards. Co-authored-by: Cursor <cursoragent@cursor.com>
33 lines
1.1 KiB
TypeScript
33 lines
1.1 KiB
TypeScript
import { faqs } from "@/content/faq";
|
|
import { Section } from "@/components/layout/Section";
|
|
import { TopoProseSurface } from "@/components/layout/TopoProseSurface";
|
|
import {
|
|
Accordion,
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from "@/components/ui/accordion";
|
|
|
|
export function Faq() {
|
|
return (
|
|
<Section id="faq">
|
|
<TopoProseSurface className="mx-auto max-w-2xl text-center">
|
|
<h2 className="text-3xl font-bold">Frequently asked questions</h2>
|
|
</TopoProseSurface>
|
|
<TopoProseSurface className="mx-auto mt-10 max-w-2xl">
|
|
<Accordion type="single" collapsible>
|
|
{faqs.map((faq, i) => (
|
|
<AccordionItem key={faq.id} value={faq.id}>
|
|
<AccordionTrigger className="text-left">
|
|
<span className="mr-3 text-[#ffb300]">{String(i + 1).padStart(2, "0")}.</span>
|
|
{faq.question}
|
|
</AccordionTrigger>
|
|
<AccordionContent className="text-[#3d5248]">{faq.answer}</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</TopoProseSurface>
|
|
</Section>
|
|
);
|
|
}
|