[dyad] Organized results into a tabbed view - wrote 3 file(s)

src/components/faq-display.tsx

@@ -16,18 +16,13 @@ interface FaqDisplayProps {
 
 export function FaqDisplay({ faqs }: FaqDisplayProps) {
   return (
-    <div>
-      <h3 className="font-semibold text-card-foreground mb-2">
-        FAQ Structured Data
-      </h3>
-      <Accordion type="single" collapsible className="w-full">
-        {faqs.map((faq, index) => (
-          <AccordionItem value={`item-${index}`} key={index}>
-            <AccordionTrigger>{faq.question}</AccordionTrigger>
-            <AccordionContent>{faq.answer}</AccordionContent>
-          </AccordionItem>
-        ))}
-      </Accordion>
-    </div>
+    <Accordion type="single" collapsible className="w-full">
+      {faqs.map((faq, index) => (
+        <AccordionItem value={`item-${index}`} key={index}>
+          <AccordionTrigger>{faq.question}</AccordionTrigger>
+          <AccordionContent>{faq.answer}</AccordionContent>
+        </AccordionItem>
+      ))}
+    </Accordion>
   );
 }