https://app.backstagebaton.com/assets/DemoForm-Be20BFOu.js

1import{a,p as e,L as y}from"./chunk-QUQL4437-BmAooogr.js";import{W as j}from"./cta-oUvEd9qo.js";function N({variant:m="hero",submitLabel:h=j}){const[x,p]=a.useState(!1),[i,l]=a.useState(!1),[g,d]=a.useState(!1),[t,b]=a.useState({name:"",email:"",orgName:"",orgType:"",orgSize:""}),f=async s=>{if(s.preventDefault(),!(!t.name||!t.email)){l(!0),d(!1);try{if(!(await fetch("/api/v1/demo-request",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)})).ok)throw new Error("rejected");typeof window<"u"&&typeof window.plausible=="function"&&window.plausible("Demo requested"),p(!0)}catch{d(!0)}l(!1)}},o=s=>u=>b({...t,[s]:u.target.value}),r=m==="hero",n=r?"px-5 py-4 rounded-xl text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-white/50 bg-white":"px-4 py-3 rounded-xl border border-gray-300 text-gray-900 placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-accent/50",c=r?"px-5 py-4 rounded-xl text-gray-900 focus:outline-none focus:ring-2 focus:ring-white/50 bg-white appearance-none":"px-4 py-3 rounded-xl border border-gray-300 text-gray-900 focus:outline-none focus:ring-2 focus:ring-accent/50 appearance-none bg-white";return x?r?e.jsxs("div",{className:"bg-white/15 border border-white/30 rounded-2xl p-8 text-white",children:[e.jsx("div",{className:"w-16 h-16 bg-green-400/20 border-2 border-green-400 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx("svg",{className:"w-8 h-8 text-green-400",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})}),e.jsx("p",{className:"text-xl font-bold mb-2",children:"We'll be in touch!"}),e.jsxs("p",{className:"text-white/70",children:["Thanks, ",t.name,"! The founder will email you at ",e.jsx("strong",{children:t.email})," to set up a walkthrough. Talk soon."]})]}):e.jsxs("div",{className:"text-center py-6",children:[e.jsx("div",{className:"w-16 h-16 bg-green-100 border-2 border-green-400 rounded-full flex items-center justify-center mx-auto mb-4",children:e.jsx("svg",{className:"w-8 h-8 text-green-500",fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",children:e.jsx("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"})})}),e.jsx("p",{className:"text-xl font-bold text-primary mb-2",children:"We'll be in touch!"}),e.jsxs("p",{className:"text-gray-600 text-sm",children:["Thanks, ",t.name,"! The founder will email you at ",e.jsx("strong",{children:t.email})," to set up a walkthrough."]})]}):e.jsxs("form",{onSubmit:f,className:"grid md:grid-cols-2 gap-4 max-w-2xl mx-auto",children:[g&&e.jsxs("div",{className:"md:col-span-2 rounded-xl border border-red-300 bg-red-50 text-red-800 text-sm p-4",role:"alert",children:[e.jsx("p",{className:"font-semibold mb-1",children:"That didn't go through."}),e.jsxs("p",{children:["Please try again, or email"," ",e.jsx("a",{href:"mailto:[email protected]",className:"underline font-medium",children:"[email protected]"})," ","and we'll set up your walkthrough from there."]})]}),e.jsx("input",{type:"text",placeholder:"Your name",value:t.name,onChange:o("name"),required:!0,className:n}),e.jsx("input",{type:"email",placeholder:"Email address",value:t.email,onChange:o("email"),required:!0,className:n}),e.jsx("input",{type:"text",placeholder:"Organization name (optional)",value:t.orgName,onChange:o("orgName"),className:n}),e.jsxs("select",{value:t.orgType,onChange:o("orgType"),className:c,"aria-label":"Organization type",children:[e.jsx("option",{value:"",children:"Organization type"}),e.jsx("option",{value:"community_band",children:"Community Band"}),e.jsx("option",{value:"orchestra",children:"Orchestra"}),e.jsx("option",{value:"choir",children:"Choir / Choral Group"}),e.jsx("option",{value:"marching_band",children:"Marching Band"}),e.jsx("option",{value:"other",children:"Other"})]}),e.jsxs("select",{value:t.orgSize,onChange:o("orgSize"),className:c,"aria-label":"Organization size",children:[e.jsx("option",{value:"",children:"Organization size"}),e.jsx("option",{value:"under_25",children:"Under 25 members"}),e.jsx("option",{value:"25_50",children:"25 – 50 members"}),e.jsx("option",{value:"50_100",children:"50 – 100 members"}),e.jsx("option",{value:"100_200",children:"100 – 200 members"}),e.jsx("option",{value:"200_plus",children:"200+ members"})]}),e.jsx("button",{type:"submit",disabled:i,className:r?"bg-white text-primary font-bold py-4 rounded-xl hover:bg-gray-100 transition-colors text-lg shadow-lg disabled:opacity-50":"bg-primary text-white font-bold py-3 rounded-xl hover:bg-accent transition-colors shadow-md disabled:opacity-50",children:i?"Sending...":h}),e.jsx("p",{className:`md:col-span-2 text-sm ${r?"text-white/60":"text-center text-gray-500 text-xs"}`,children:"90-day free trial of Complete · No credit card required"}),e.jsxs("p",{className:`md:col-span-2 text-xs ${r?"text-white/40":"text-center text-gray-500"}`,children:["By submitting this form, you agree to our"," ",e.jsx(y,{to:"/privacy",className:`underline ${r?"hover:text-white/60":"hover:text-gray-600"}`,children:"Privacy Policy"}),"."]})]})}export{N as D};