v1.2 - added react router

src/pages/Community.tsx

@@ -0,0 +1,64 @@
+import { useState } from "react";
+import PageShell from "../components/PageShell.jsx";
+import LocalChapters, { ChaptersViewToggle } from "./Chapters.jsx";
+
+/* Section ids match the nav hashes: #local, #virtual, #partners.
+   `content` is whatever you want inside — cards, a list, plain
+   copy. The empty divs below are placeholders to build into. */
+const LOCAL_ACCENT = "#138ba0";
+
+export default function CommunityPage() {
+  // Map or grid for the chapters section. Lives here so the toggle in
+  // the heading's action bar and the content below it stay in sync.
+  const [chaptersView, setChaptersView] = useState("map");
+
+  const sections = [
+    {
+      id: "local",
+      title: "Local Chapters",
+      blurb: "Groups meeting in person around the country. Find one near you.",
+      accent: LOCAL_ACCENT,
+      background: "#eef9fb",
+      actions: (
+        <ChaptersViewToggle
+          view={chaptersView}
+          setView={setChaptersView}
+          accent={LOCAL_ACCENT}
+        />
+      ),
+      content: <LocalChapters view={chaptersView} />,
+    },
+    {
+      id: "virtual",
+      title: "Virtual Community",
+      blurb: "Connect from anywhere, no chapter nearby required.",
+      accent: "#aac992",
+      background: "#ffffff",
+      content: (
+        <div className="max-w-6xl mx-auto px-6">
+          {/* Virtual community content */}
+        </div>
+      ),
+    },
+    {
+      id: "partners",
+      title: "Partner Organizations",
+      blurb: "Organizations we collaborate with across the Unity movement.",
+      accent: "#7a5ea8",
+      background: "#eef9fb",
+      content: (
+        <div className="max-w-6xl mx-auto px-6">
+          {/* Partner organizations content */}
+        </div>
+      ),
+    },
+  ];
+
+  return (
+    <PageShell
+      title="Community"
+      intro="Ways to connect with Next Generation of Unity, in your area, online, and through the organizations we work alongside."
+      sections={sections}
+    />
+  );
+}