Implement use cases page

2026-05-17 21:41:54 -06:00
parent b6b9b63608
commit 450da4d8ab
78 changed files with 1870 additions and 118 deletions
@@ -0,0 +1,33 @@
+import UseCasesOrgs from "../../app/components/sections/UseCasesOrgs";
+import CaseStudy from "../../app/components/cards/CaseStudy";
+
+export default {
+  title: "Components/Sections/UseCasesOrgs",
+  component: UseCasesOrgs,
+  parameters: {
+    layout: "fullscreen",
+    docs: {
+      description: {
+        component:
+          "Figma **Orgs** ([21993-33687](https://www.figma.com/design/agv0VBLiBlcnSAaiAORgPR/Community-Rule-System?node-id=21993-33687&m=dev)): **`CaseStudy`** row (**305×305**, **8px** gap, **24px** horizontal / **48px** bottom padding).",
+      },
+    },
+  },
+  tags: ["autodocs"],
+};
+
+export const Default = {
+  render: () => (
+    <UseCasesOrgs>
+      <CaseStudy
+        surface="lavender"
+        imageAlt="Mutual Aid Colorado logo"
+      />
+      <CaseStudy surface="neutral" imageAlt="Food Not Bombs logo" />
+      <CaseStudy
+        surface="rose"
+        imageAlt="Boulder County Street Medics logo"
+      />
+    </UseCasesOrgs>
+  ),
+};