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,42 @@
+"use client";
+
+import React from "react";
+import ContentLockup from "./ContentLockup";
+import Button from "./Button";
+
+const AskOrganizer = ({
+  title,
+  subtitle,
+  description,
+  buttonText = "Ask an organizer",
+  buttonHref = "#",
+  className = "",
+}) => {
+  return (
+    <section
+      className={`py-[var(--spacing-scale-032)] px-[var(--spacing-scale-032)] ${className}`}
+      aria-labelledby="ask-organizer-headline"
+      role="region"
+      tabIndex={-1}
+    >
+      <div className="flex flex-col gap-[var(--spacing-scale-040)]">
+        {/* Content Lockup */}
+        <ContentLockup
+          title={title}
+          subtitle={subtitle}
+          description={description}
+          variant="ask"
+        />
+
+        {/* Button */}
+        <div className="flex justify-center">
+          <Button href={buttonHref} size="small" variant="default">
+            {buttonText}
+          </Button>
+        </div>
+      </div>
+    </section>
+  );
+};
+
+export default AskOrganizer;