feat: add SEO metadata, llms.txt, and markdown page mirrors

Centralize site metadata and social URLs for JSON-LD, expose llmstxt.org content and per-page .md routes for LLM crawlers, and refactor blog/FAQ/events pages with shared components. Co-authored-by: Cursor <cursoragent@cursor.com>
2026-06-29 00:59:41 +02:00
parent 99380ef6aa
commit 6023991f5c
27 changed files with 1082 additions and 401 deletions
@@ -0,0 +1,62 @@
+"use client";
+
+import { useState } from "react";
+import { ChevronDown } from "lucide-react";
+import { cn } from "@/lib/utils";
+
+export interface FaqAccordionItem {
+  id: string;
+  question: string;
+  answer: string;
+}
+
+/**
+ * Interactive accordion. Items are passed in from the server so the full
+ * question + answer text is present in the initial HTML (indexable), while the
+ * open/close behaviour is hydrated on the client.
+ */
+export function FaqAccordion({ items }: { items: FaqAccordionItem[] }) {
+  const [openIndex, setOpenIndex] = useState<number | null>(null);
+
+  return (
+    <div className="space-y-4">
+      {items.map((item, i) => {
+        const isOpen = openIndex === i;
+        return (
+          <div
+            key={item.id}
+            className="bg-surface-container-low rounded-xl overflow-hidden"
+          >
+            <button
+              onClick={() => setOpenIndex(isOpen ? null : i)}
+              aria-expanded={isOpen}
+              className="w-full flex items-center justify-between p-6 text-left"
+            >
+              <span className="text-lg font-bold pr-4">{item.question}</span>
+              <ChevronDown
+                size={20}
+                className={cn(
+                  "shrink-0 text-primary transition-transform duration-200",
+                  isOpen && "rotate-180"
+                )}
+              />
+            </button>
+
+            <div
+              className={cn(
+                "grid transition-all duration-200",
+                isOpen ? "grid-rows-[1fr]" : "grid-rows-[0fr]"
+              )}
+            >
+              <div className="overflow-hidden">
+                <p className="px-6 pb-6 text-on-surface-variant leading-relaxed">
+                  {item.answer}
+                </p>
+              </div>
+            </div>
+          </div>
+        );
+      })}
+    </div>
+  );
+}