Ask Organizer default breakpoint

2025-08-27 10:50:05 -06:00
parent ffdc9b7269
commit 0f996889d2
4 changed files with 137 additions and 16 deletions
@@ -0,0 +1,47 @@
+import AskOrganizer from "../app/components/AskOrganizer";
+
+export default {
+  title: "Components/AskOrganizer",
+  component: AskOrganizer,
+  parameters: {
+    docs: {
+      description: {
+        component:
+          "The AskOrganizer component provides clear pathways for user inquiries. This component serves as a conversion point throughout the platform.",
+      },
+    },
+  },
+  argTypes: {
+    title: {
+      control: "text",
+      description: "The main title for the ask organizer section",
+    },
+    subtitle: {
+      control: "text",
+      description: "The subtitle text",
+    },
+    description: {
+      control: "text",
+      description: "Additional description text",
+    },
+    buttonText: {
+      control: "text",
+      description: "Text for the call-to-action button",
+    },
+    buttonHref: {
+      control: "text",
+      description: "URL for the button link",
+    },
+  },
+};
+
+export const Default = {
+  args: {
+    title: "Need help getting started?",
+    subtitle: "Our organizers are here to support you",
+    description:
+      "Whether you're forming a new community or improving an existing one, our experienced organizers can provide guidance tailored to your specific needs.",
+    buttonText: "Ask an organizer",
+    buttonHref: "#contact",
+  },
+};