first commit

Made-with: Cursor

frontend/app/community/layout.tsx

@@ -0,0 +1,17 @@
+import type { Metadata } from "next";
+
+export const metadata: Metadata = {
+  title: "Community - Connect with Belgian Bitcoiners",
+  description:
+    "Join the Belgian Bitcoin Embassy community on Telegram, Nostr, X, YouTube, Discord, and LinkedIn. Connect with Bitcoiners across Belgium.",
+  openGraph: {
+    title: "Community - Belgian Bitcoin Embassy",
+    description:
+      "Connect with Belgian Bitcoiners across every platform.",
+  },
+  alternates: { canonical: "/community" },
+};
+
+export default function CommunityLayout({ children }: { children: React.ReactNode }) {
+  return children;
+}

frontend/app/community/page.tsx

@@ -0,0 +1,33 @@
+"use client";
+
+import { useEffect, useState } from "react";
+import { api } from "@/lib/api";
+import { Navbar } from "@/components/public/Navbar";
+import { Footer } from "@/components/public/Footer";
+import { CommunityLinksSection } from "@/components/public/CommunityLinksSection";
+
+export default function CommunityPage() {
+  const [settings, setSettings] = useState<Record<string, string>>({});
+
+  useEffect(() => {
+    api.getPublicSettings()
+      .then((data) => setSettings(data))
+      .catch(() => {});
+  }, []);
+
+  return (
+    <>
+      <Navbar />
+      <div className="min-h-screen">
+        <div className="max-w-3xl mx-auto px-8 pt-16 pb-4">
+          <h1 className="text-4xl font-black mb-4">Community</h1>
+          <p className="text-on-surface-variant text-lg">
+            Connect with Belgian Bitcoiners across every platform.
+          </p>
+        </div>
+        <CommunityLinksSection settings={settings} />
+      </div>
+      <Footer />
+    </>
+  );
+}