feat: new public website

apps/public/src/components/faq.tsx

@@ -0,0 +1,47 @@
+import Script from 'next/script';
+import Markdown from 'react-markdown';
+import {
+  Accordion,
+  AccordionContent,
+  AccordionItem,
+  AccordionTrigger,
+} from './ui/accordion';
+
+export const Faqs = ({ children }: { children: React.ReactNode }) => (
+  <Accordion
+    type="single"
+    collapsible
+    className="w-full max-w-screen-md self-center border rounded-3xl [&_button]:px-4 bg-background-dark [&_div.answer]:bg-background-light"
+  >
+    {children}
+  </Accordion>
+);
+
+export const FaqItem = ({
+  question,
+  children,
+}: { question: string; children: string | React.ReactNode }) => (
+  <AccordionItem
+    value={question}
+    itemScope
+    itemProp="mainEntity"
+    itemType="https://schema.org/Question"
+    className="[&_[role=region]]:px-4"
+  >
+    <AccordionTrigger className="text-left" itemProp="name">
+      {question}
+    </AccordionTrigger>
+    <AccordionContent
+      itemProp="acceptedAnswer"
+      itemScope
+      itemType="https://schema.org/Answer"
+      className="prose"
+    >
+      {typeof children === 'string' ? (
+        <Markdown>{children}</Markdown>
+      ) : (
+        children
+      )}
+    </AccordionContent>
+  </AccordionItem>
+);