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,10 @@
+import { buildBlogMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildBlogMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -1,109 +1,42 @@
-"use client";
-
-import { useState, useEffect } from "react";
-import Link from "next/link";
-import { ArrowRight, ArrowLeft, ChevronRight } from "lucide-react";
-import { api } from "@/lib/api";
-import { formatDate } from "@/lib/utils";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
+import {
+  BlogIndex,
+  type BlogPost,
+  type BlogCategory,
+} from "@/components/public/BlogIndex";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";
+import { apiUrl } from "@/lib/api-base";

-interface Post {
-  id: string;
-  slug: string;
-  title: string;
-  excerpt?: string;
-  content?: string;
-  author?: string;
-  authorPubkey?: string;
-  publishedAt?: string;
-  createdAt?: string;
-  categories?: { category: { id: string; name: string; slug: string } }[];
-  featured?: boolean;
+const LIMIT = 9;
+
+async function fetchJson<T>(path: string, fallback: T): Promise<T> {
+  try {
+    const res = await fetch(apiUrl(path), { next: { revalidate: 300 } });
+    if (!res.ok) return fallback;
+    return (await res.json()) as T;
+  } catch {
+    return fallback;
+  }
 }

-interface Category {
-  id: string;
-  name: string;
-  slug: string;
-}
-
-function PostCardSkeleton() {
-  return (
-    <div className="bg-surface-container-low rounded-xl overflow-hidden animate-pulse">
-      <div className="p-6 space-y-4">
-        <div className="flex gap-2">
-          <div className="h-5 w-16 bg-surface-container-high rounded-full" />
-          <div className="h-5 w-20 bg-surface-container-high rounded-full" />
-        </div>
-        <div className="h-7 w-3/4 bg-surface-container-high rounded" />
-        <div className="space-y-2">
-          <div className="h-4 w-full bg-surface-container-high rounded" />
-          <div className="h-4 w-2/3 bg-surface-container-high rounded" />
-        </div>
-        <div className="flex justify-between items-center pt-4">
-          <div className="h-4 w-32 bg-surface-container-high rounded" />
-          <div className="h-4 w-24 bg-surface-container-high rounded" />
-        </div>
-      </div>
-    </div>
-  );
-}
-
-function FeaturedPostSkeleton() {
-  return (
-    <div className="bg-surface-container-low rounded-xl overflow-hidden animate-pulse mb-12">
-      <div className="p-8 md:p-12 space-y-4">
-        <div className="h-5 w-24 bg-surface-container-high rounded-full" />
-        <div className="h-10 w-2/3 bg-surface-container-high rounded" />
-        <div className="space-y-2 max-w-2xl">
-          <div className="h-4 w-full bg-surface-container-high rounded" />
-          <div className="h-4 w-full bg-surface-container-high rounded" />
-          <div className="h-4 w-1/2 bg-surface-container-high rounded" />
-        </div>
-        <div className="h-4 w-48 bg-surface-container-high rounded" />
-      </div>
-    </div>
-  );
-}
-
-export default function BlogPage() {
-  const [posts, setPosts] = useState<Post[]>([]);
-  const [categories, setCategories] = useState<Category[]>([]);
-  const [activeCategory, setActiveCategory] = useState<string>("all");
-  const [page, setPage] = useState(1);
-  const [total, setTotal] = useState(0);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const limit = 9;
-
-  useEffect(() => {
-    api.getCategories().then(setCategories).catch(() => {});
-  }, []);
-
-  useEffect(() => {
-    setLoading(true);
-    setError(null);
-    api
-      .getPosts({
-        category: activeCategory === "all" ? undefined : activeCategory,
-        page,
-        limit,
-      })
-      .then(({ posts: data, total: t }) => {
-        setPosts(data);
-        setTotal(t);
-      })
-      .catch((err) => setError(err.message))
-      .finally(() => setLoading(false));
-  }, [activeCategory, page]);
-
-  const totalPages = Math.ceil(total / limit);
-  const featured = posts.find((p) => p.featured);
-  const regularPosts = featured ? posts.filter((p) => p.id !== featured.id) : posts;
+export default async function BlogPage() {
+  const [{ posts, total }, categories] = await Promise.all([
+    fetchJson<{ posts: BlogPost[]; total: number }>(`/posts?page=1&limit=${LIMIT}`, {
+      posts: [],
+      total: 0,
+    }),
+    fetchJson<BlogCategory[]>("/categories", []),
+  ]);

  return (
    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Blog", href: "/blog" },
+        ]}
+      />
      <Navbar />

      <div className="min-h-screen">
@@ -121,160 +54,12 @@ export default function BlogPage() {
          </div>
        </header>

-        <div className="max-w-7xl mx-auto px-8 mb-12">
-          <div className="flex flex-wrap gap-3">
-            <button
-              onClick={() => { setActiveCategory("all"); setPage(1); }}
-              className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-                activeCategory === "all"
-                  ? "bg-primary text-on-primary"
-                  : "bg-surface-container-high text-on-surface hover:bg-surface-bright"
-              }`}
-            >
-              All
-            </button>
-            {categories.map((cat) => (
-              <button
-                key={cat.id}
-                onClick={() => { setActiveCategory(cat.slug); setPage(1); }}
-                className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
-                  activeCategory === cat.slug
-                    ? "bg-primary text-on-primary"
-                    : "bg-surface-container-high text-on-surface hover:bg-surface-bright"
-                }`}
-              >
-                {cat.name}
-              </button>
-            ))}
-          </div>
-        </div>
-
-        <div className="max-w-7xl mx-auto px-8 pb-24">
-          {error && (
-            <div className="bg-error-container/20 text-error rounded-xl p-6 mb-8">
-              Failed to load posts: {error}
-            </div>
-          )}
-
-          {loading ? (
-            <>
-              <FeaturedPostSkeleton />
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
-                {Array.from({ length: 6 }).map((_, i) => (
-                  <PostCardSkeleton key={i} />
-                ))}
-              </div>
-            </>
-          ) : posts.length === 0 ? (
-            <div className="text-center py-24">
-              <p className="text-2xl font-bold text-on-surface-variant mb-2">
-                No posts yet
-              </p>
-              <p className="text-on-surface-variant/60">
-                Check back soon for curated Bitcoin content.
-              </p>
-            </div>
-          ) : (
-            <>
-              {featured && page === 1 && (
-                <Link
-                  href={`/blog/${featured.slug}`}
-                  className="block bg-surface-container-low rounded-xl overflow-hidden mb-12 group hover:bg-surface-container-high transition-colors"
-                >
-                  <div className="p-8 md:p-12">
-                    <span className="inline-block px-3 py-1 text-xs font-bold uppercase tracking-widest text-primary bg-primary/10 rounded-full mb-6">
-                      Featured
-                    </span>
-                    <h2 className="text-3xl md:text-4xl font-black tracking-tight mb-4 group-hover:text-primary transition-colors">
-                      {featured.title}
-                    </h2>
-                    {featured.excerpt && (
-                      <p className="text-on-surface-variant text-lg leading-relaxed max-w-2xl mb-6">
-                        {featured.excerpt}
-                      </p>
-                    )}
-                    <div className="flex items-center gap-4 text-sm text-on-surface-variant/60">
-                      {featured.author && <span>{featured.author}</span>}
-                      {featured.publishedAt && (
-                        <span>{formatDate(featured.publishedAt)}</span>
-                      )}
-                    </div>
-                  </div>
-                </Link>
-              )}
-
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-                {regularPosts.map((post) => (
-                  <Link
-                    key={post.id}
-                    href={`/blog/${post.slug}`}
-                    className="group flex flex-col bg-zinc-900 border border-zinc-800 rounded-xl p-6 hover:border-zinc-700 hover:-translate-y-0.5 hover:shadow-xl transition-all duration-200"
-                  >
-                    {post.categories && post.categories.length > 0 && (
-                      <div className="flex flex-wrap gap-2 mb-4">
-                        {post.categories.map((pc) => (
-                          <span
-                            key={pc.category.id}
-                            className="text-primary text-[10px] uppercase tracking-widest font-bold"
-                          >
-                            {pc.category.name}
-                          </span>
-                        ))}
-                      </div>
-                    )}
-
-                    <h3 className="font-bold text-base mb-3 leading-snug group-hover:text-primary transition-colors">
-                      {post.title}
-                    </h3>
-
-                    {post.excerpt && (
-                      <p className="text-on-surface-variant text-sm leading-relaxed mb-5 flex-1 line-clamp-3">
-                        {post.excerpt}
-                      </p>
-                    )}
-
-                    <div className="flex items-center justify-between mt-auto pt-4 border-t border-zinc-800/60">
-                      <div className="flex items-center gap-2 text-xs text-on-surface-variant/50">
-                        {post.author && <span>{post.author}</span>}
-                        {post.author && (post.publishedAt || post.createdAt) && <span>·</span>}
-                        {(post.publishedAt || post.createdAt) && (
-                          <span>
-                            {formatDate(post.publishedAt || post.createdAt!)}
-                          </span>
-                        )}
-                      </div>
-                      <span className="text-primary text-xs font-semibold flex items-center gap-1.5 group-hover:gap-2.5 transition-all">
-                        Read <ArrowRight size={12} />
-                      </span>
-                    </div>
-                  </Link>
-                ))}
-              </div>
-
-              {totalPages > 1 && (
-                <div className="flex items-center justify-center gap-4 mt-16">
-                  <button
-                    onClick={() => setPage((p) => Math.max(1, p - 1))}
-                    disabled={page === 1}
-                    className="flex items-center gap-2 px-5 py-2.5 rounded-lg bg-surface-container-high text-on-surface font-medium transition-colors hover:bg-surface-bright disabled:opacity-30 disabled:cursor-not-allowed"
-                  >
-                    <ArrowLeft size={16} /> Previous
-                  </button>
-                  <span className="text-sm text-on-surface-variant">
-                    Page {page} of {totalPages}
-                  </span>
-                  <button
-                    onClick={() => setPage((p) => Math.min(totalPages, p + 1))}
-                    disabled={page === totalPages}
-                    className="flex items-center gap-2 px-5 py-2.5 rounded-lg bg-surface-container-high text-on-surface font-medium transition-colors hover:bg-surface-bright disabled:opacity-30 disabled:cursor-not-allowed"
-                  >
-                    Next <ChevronRight size={16} />
-                  </button>
-                </div>
-              )}
-            </>
-          )}
-        </div>
+        <BlogIndex
+          initialPosts={Array.isArray(posts) ? posts : []}
+          initialTotal={total ?? 0}
+          categories={Array.isArray(categories) ? categories : []}
+          limit={LIMIT}
+        />
      </div>

      <Footer />
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Message Board — Pay with Lightning",
@@ -12,5 +13,15 @@ export const metadata: Metadata = {
 };

 export default function BoardLayout({ children }: { children: React.ReactNode }) {
-  return children;
+  return (
+    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Board", href: "/board" },
+        ]}
+      />
+      {children}
+    </>
+  );
 }
@@ -0,0 +1,10 @@
+import { buildCommunityMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildCommunityMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Community - Connect with Belgian Bitcoiners",
@@ -13,5 +14,15 @@ export const metadata: Metadata = {
 };

 export default function CommunityLayout({ children }: { children: React.ReactNode }) {
-  return children;
+  return (
+    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Community", href: "/community" },
+        ]}
+      />
+      {children}
+    </>
+  );
 }
@@ -0,0 +1,10 @@
+import { buildContactMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildContactMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
 import { ContactChannelGrid } from "@/components/public/ContactChannelGrid";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Contact Us",
@@ -18,6 +19,12 @@ export const metadata: Metadata = {
 export default function ContactPage() {
  return (
    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Contact", href: "/contact" },
+        ]}
+      />
      <Navbar />
      <div className="min-h-screen">
        <div className="max-w-3xl mx-auto px-8 pt-16 pb-24">
@@ -0,0 +1,10 @@
+import { buildEventsMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildEventsMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import EventDetailClient from "./EventDetailClient";
 import { EventJsonLd, BreadcrumbJsonLd } from "@/components/public/JsonLd";
 import { apiUrl } from "@/lib/api-base";
+import { getMeetupStartUtc, getMeetupEndUtc } from "@/lib/meetupEventTime";

 async function fetchEvent(id: string) {
  try {
@@ -59,6 +60,15 @@ export default async function EventDetailPage({ params }: Props) {
  const event = await fetchEvent(id);
  const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://belgianbitcoinembassy.org";

+  let startDate = event?.date;
+  let endDate: string | undefined;
+  if (event?.date) {
+    const start = getMeetupStartUtc(event.date, event.time || "00:00");
+    if (!Number.isNaN(start.getTime())) startDate = start.toISOString();
+    const end = getMeetupEndUtc(event.date, event.time || "");
+    if (end && !Number.isNaN(end.getTime())) endDate = end.toISOString();
+  }
+
  return (
    <>
      {event && (
@@ -66,7 +76,8 @@ export default async function EventDetailPage({ params }: Props) {
          <EventJsonLd
            name={event.title}
            description={event.description}
-            startDate={event.date}
+            startDate={startDate}
+            endDate={endDate}
            location={event.location}
            url={`${siteUrl}/events/${id}`}
            imageUrl={event.imageId ? `${siteUrl}/media/${event.imageId}` : undefined}
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Events - Bitcoin Meetups in Belgium",
@@ -13,5 +14,15 @@ export const metadata: Metadata = {
 };

 export default function EventsLayout({ children }: { children: React.ReactNode }) {
-  return children;
+  return (
+    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Events", href: "/events" },
+        ]}
+      />
+      {children}
+    </>
+  );
 }
@@ -1,46 +1,26 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { api } from "@/lib/api";
-import { getMeetupStartUtc } from "@/lib/meetupEventTime";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
 import { MeetupCard } from "@/components/public/MeetupCard";
 import { AddToCalendarButton } from "@/components/public/AddToCalendarDialog";
+import { getMeetupStartUtc } from "@/lib/meetupEventTime";
+import { apiUrl } from "@/lib/api-base";

-function CardSkeleton() {
-  return (
-    <div className="bg-zinc-900 border border-zinc-800 rounded-xl p-6 animate-pulse">
-      <div className="flex items-start gap-4 mb-4">
-        <div className="bg-zinc-800 rounded-lg w-[52px] h-[58px] shrink-0" />
-        <div className="flex-1 space-y-2">
-          <div className="h-4 bg-zinc-800 rounded w-3/4" />
-          <div className="h-3 bg-zinc-800 rounded w-1/2" />
-        </div>
-      </div>
-      <div className="space-y-2 mb-4">
-        <div className="h-3 bg-zinc-800 rounded w-full" />
-        <div className="h-3 bg-zinc-800 rounded w-5/6" />
-      </div>
-    </div>
-  );
+// Re-render at most every 5 minutes so the upcoming/past split stays current.
+export const revalidate = 300;
+
+async function fetchMeetups(): Promise<any[]> {
+  try {
+    const res = await fetch(apiUrl("/meetups"), { next: { revalidate: 300 } });
+    if (!res.ok) return [];
+    const data = await res.json();
+    return Array.isArray(data) ? data : [];
+  } catch {
+    return [];
+  }
 }

-export default function EventsPage() {
-  const [meetups, setMeetups] = useState<any[]>([]);
-  const [loading, setLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-
-  useEffect(() => {
-    api
-      .getMeetups()
-      .then((data: any) => {
-        const list = Array.isArray(data) ? data : [];
-        setMeetups(list);
-      })
-      .catch((err) => setError(err.message))
-      .finally(() => setLoading(false));
-  }, []);
+export default async function EventsPage() {
+  const meetups = await fetchMeetups();

  const now = new Date();
  const upcoming = meetups.filter((m) => {
@@ -75,17 +55,11 @@ export default function EventsPage() {
        </header>

        <div className="max-w-6xl mx-auto px-8 pb-24 space-y-20">
-          {error && (
-            <div className="bg-red-900/20 text-red-400 rounded-xl p-6 text-sm">
-              Failed to load events: {error}
-            </div>
-          )}
-
          <div>
            <div className="flex items-center justify-between mb-8">
              <h2 className="text-xl font-black flex items-center gap-3">
                Upcoming
-                {!loading && upcoming.length > 0 && (
+                {upcoming.length > 0 && (
                  <span className="text-xs font-bold bg-primary/10 text-primary px-2.5 py-1 rounded-full">
                    {upcoming.length}
                  </span>
@@ -94,11 +68,7 @@ export default function EventsPage() {
              <AddToCalendarButton />
            </div>

-            {loading ? (
-              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-                {[0, 1, 2].map((i) => <CardSkeleton key={i} />)}
-              </div>
-            ) : upcoming.length === 0 ? (
+            {upcoming.length === 0 ? (
              <div className="border border-zinc-800/60 rounded-xl px-8 py-12 text-center">
                <p className="text-on-surface-variant text-sm">
                  No upcoming events scheduled. Check back soon.
@@ -106,26 +76,23 @@ export default function EventsPage() {
              </div>
            ) : (
              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-                {upcoming.map((m) => <MeetupCard key={m.id} meetup={m} />)}
+                {upcoming.map((m) => (
+                  <MeetupCard key={m.id} meetup={m} />
+                ))}
              </div>
            )}
          </div>

-          {(loading || past.length > 0) && (
+          {past.length > 0 && (
            <div>
              <h2 className="text-xl font-black mb-8 text-on-surface-variant/60">
                Past Events
              </h2>
-
-              {loading ? (
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-                  {[0, 1, 2].map((i) => <CardSkeleton key={i} />)}
-                </div>
-              ) : (
-                <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
-                  {past.map((m) => <MeetupCard key={m.id} meetup={m} muted />)}
-                </div>
-              )}
+              <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5">
+                {past.map((m) => (
+                  <MeetupCard key={m.id} meetup={m} muted />
+                ))}
+              </div>
            </div>
          )}
        </div>
@@ -0,0 +1,10 @@
+import { buildFaqMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildFaqMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -1,12 +1,8 @@
-"use client";
-
-import { useEffect, useState } from "react";
-import { ChevronDown } from "lucide-react";
-import { cn } from "@/lib/utils";
-import { api } from "@/lib/api";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
-import { FaqPageJsonLd } from "@/components/public/JsonLd";
+import { FaqAccordion } from "@/components/public/FaqAccordion";
+import { FaqPageJsonLd, BreadcrumbJsonLd } from "@/components/public/JsonLd";
+import { apiUrl } from "@/lib/api-base";

 interface FaqItem {
  id: string;
@@ -16,25 +12,35 @@ interface FaqItem {
  showOnHomepage: boolean;
 }

-export default function FaqPage() {
-  const [items, setItems] = useState<FaqItem[]>([]);
-  const [openIndex, setOpenIndex] = useState<number | null>(null);
-  const [loading, setLoading] = useState(true);
+async function fetchFaqs(): Promise<FaqItem[]> {
+  try {
+    const res = await fetch(apiUrl("/faqs?all=true"), {
+      next: { revalidate: 300 },
+    });
+    if (!res.ok) return [];
+    const data = await res.json();
+    return Array.isArray(data) ? data : [];
+  } catch {
+    return [];
+  }
+}

-  useEffect(() => {
-    api.getFaqsAll()
-      .then((data) => {
-        if (Array.isArray(data)) setItems(data);
-      })
-      .catch(() => {})
-      .finally(() => setLoading(false));
-  }, []);
+export default async function FaqPage() {
+  const items = await fetchFaqs();

  return (
    <>
      {items.length > 0 && (
-        <FaqPageJsonLd items={items.map((i) => ({ question: i.question, answer: i.answer }))} />
+        <FaqPageJsonLd
+          items={items.map((i) => ({ question: i.question, answer: i.answer }))}
+        />
      )}
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "FAQ", href: "/faq" },
+        ]}
+      />
      <Navbar />
      <div className="min-h-screen">
        <div className="max-w-3xl mx-auto px-8 pt-16 pb-24">
@@ -43,57 +49,10 @@ export default function FaqPage() {
            Everything you need to know about the Belgian Bitcoin Embassy.
          </p>

-          {loading && (
-            <div className="space-y-4">
-              {[...Array(5)].map((_, i) => (
-                <div key={i} className="bg-surface-container-low rounded-xl h-[72px] animate-pulse" />
-              ))}
-            </div>
-          )}
-
-          {!loading && items.length === 0 && (
+          {items.length === 0 ? (
            <p className="text-on-surface-variant">No FAQs available yet.</p>
-          )}
-
-          {!loading && items.length > 0 && (
-            <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)}
-                      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>
+          ) : (
+            <FaqAccordion items={items} />
          )}
        </div>
      </div>
@@ -0,0 +1,10 @@
+import { buildHomeMarkdown } from "@/lib/llms";
+
+export const revalidate = 300;
+
+export async function GET() {
+  const body = await buildHomeMarkdown();
+  return new Response(body, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -2,6 +2,7 @@ import type { Metadata, Viewport } from "next";
 import Script from "next/script";
 import { ClientProviders } from "@/components/providers/ClientProviders";
 import { OrganizationJsonLd, WebSiteJsonLd } from "@/components/public/JsonLd";
+import { fetchPublicSettings, socialUrlsFromSettings } from "@/lib/seo";
 import "./globals.css";

 const siteUrl = process.env.NEXT_PUBLIC_SITE_URL || "https://belgianbitcoinembassy.org";
@@ -24,17 +25,6 @@ export const metadata: Metadata = {
  },
  description:
    "Discover Bitcoin meetups across Belgium. Real conversations, education, and a strong local community.",
-  keywords: [
-    "Bitcoin",
-    "Belgium",
-    "Antwerp",
-    "Bitcoin meetup",
-    "Bitcoin education",
-    "Nostr",
-    "Belgian Bitcoin Embassy",
-    "Bitcoin community Belgium",
-    "Bitcoin events Antwerp",
-  ],
  authors: [{ name: "Belgian Bitcoin Embassy" }],
  creator: "Belgian Bitcoin Embassy",
  publisher: "Belgian Bitcoin Embassy",
@@ -90,7 +80,9 @@ export const viewport: Viewport = {
  initialScale: 1,
 };

-export default function RootLayout({ children }: { children: React.ReactNode }) {
+export default async function RootLayout({ children }: { children: React.ReactNode }) {
+  const settings = await fetchPublicSettings();
+  const sameAs = socialUrlsFromSettings(settings);
  return (
    <html lang="en" dir="ltr" className="dark">
      <body>
@@ -102,7 +94,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
            strategy="afterInteractive"
          />
        ) : null}
-        <OrganizationJsonLd />
+        <OrganizationJsonLd sameAs={sameAs} />
        <WebSiteJsonLd />
        <ClientProviders>{children}</ClientProviders>
      </body>
@@ -0,0 +1,10 @@
+import { buildLlmsTxt } from "@/lib/llms";
+
+export const revalidate = 3600;
+
+export async function GET() {
+  const body = await buildLlmsTxt();
+  return new Response(body, {
+    headers: { "Content-Type": "text/plain; charset=utf-8" },
+  });
+}
@@ -0,0 +1,7 @@
+import { PRIVACY_MARKDOWN } from "@/lib/content/legalMarkdown";
+
+export async function GET() {
+  return new Response(PRIVACY_MARKDOWN, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import Link from "next/link";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Privacy Policy",
@@ -18,6 +19,12 @@ export const metadata: Metadata = {
 export default function PrivacyPage() {
  return (
    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Privacy Policy", href: "/privacy" },
+        ]}
+      />
      <Navbar />
      <div className="min-h-screen">
        <div className="max-w-3xl mx-auto px-8 pt-16 pb-24">
@@ -0,0 +1,7 @@
+import { TERMS_MARKDOWN } from "@/lib/content/legalMarkdown";
+
+export async function GET() {
+  return new Response(TERMS_MARKDOWN, {
+    headers: { "Content-Type": "text/markdown; charset=utf-8" },
+  });
+}
@@ -2,6 +2,7 @@ import type { Metadata } from "next";
 import Link from "next/link";
 import { Navbar } from "@/components/public/Navbar";
 import { Footer } from "@/components/public/Footer";
+import { BreadcrumbJsonLd } from "@/components/public/JsonLd";

 export const metadata: Metadata = {
  title: "Terms of Use",
@@ -18,6 +19,12 @@ export const metadata: Metadata = {
 export default function TermsPage() {
  return (
    <>
+      <BreadcrumbJsonLd
+        items={[
+          { name: "Home", href: "/" },
+          { name: "Terms of Use", href: "/terms" },
+        ]}
+      />
      <Navbar />
      <div className="min-h-screen">
        <div className="max-w-3xl mx-auto px-8 pt-16 pb-24">