Update stories to match new component organization

2026-02-05 22:46:16 -07:00
parent 6f178e934f
commit aef04c525a
51 changed files with 111 additions and 111 deletions
@@ -0,0 +1,66 @@
+import ContentLockup from "../../app/components/type/ContentLockup";
+
+export default {
+  title: "Components/Type/ContentLockup",
+  component: ContentLockup,
+  parameters: {
+    layout: "centered",
+  },
+  argTypes: {
+    title: { control: { type: "text" } },
+    subtitle: { control: { type: "text" } },
+    description: { control: { type: "text" } },
+    ctaText: { control: { type: "text" } },
+    ctaHref: { control: { type: "text" } },
+    buttonClassName: { control: { type: "text" } },
+    variant: {
+      control: { type: "select" },
+      options: ["hero", "feature", "ask"],
+    },
+    linkText: { control: { type: "text" } },
+    linkHref: { control: { type: "text" } },
+  },
+};
+
+export const Hero = {
+  args: {
+    title: "Collaborate",
+    subtitle: "with clarity",
+    description:
+      "Help your community make important decisions in a way that reflects its unique values.",
+    ctaText: "Learn how Community Rule works",
+    ctaHref: "#",
+    variant: "hero",
+  },
+};
+
+export const Feature = {
+  args: {
+    title: "Build",
+    subtitle: "consensus",
+    description:
+      "Create structured decision-making processes that help your community reach agreement on important matters.",
+    ctaText: "Explore consensus methods",
+    ctaHref: "#",
+    variant: "feature",
+  },
+};
+
+export const FeatureWithLink = {
+  args: {
+    title: "We've got your back, every step of the way",
+    subtitle:
+      "Use our toolkit to improve, document, and evolve your organization.",
+    variant: "feature",
+    linkText: "Learn more",
+    linkHref: "#",
+  },
+};
+
+export const Ask = {
+  args: {
+    title: "Still have questions?",
+    subtitle: "Get answers from an experienced organizer",
+    variant: "ask",
+  },
+};