https://opx-replicate-dream.lovable.app/assets/contact-BYwendge.js

1import{o as h,p as g,r as i,ax as f,j as e,g as j,c as k}from"./main-9rBK-c1f.js";import{N,F as y}from"./Footer-DhBk3Aoe.js";import{P as S,S as x}from"./Primitives-B1MTFCdI.js";import"./Logo-CLzA-y4N.js";import"./useQuery-D5WMXZq_.js";import"./useBaseQuery-CRLCs1QI.js";import"./laptop-v2.png.asset-CTopeKTG.js";const v=h({method:"POST"}).handler(g("1ac20e83585a55e943670fa4670b07889b610801a7a21f28dc367c19f92e50fd")),w=[{title:"Sales",body:"Looking to evaluate OpX? Book a 30-minute demo.",cta:{href:"/request-access",label:"Request Access"}},{title:"Support",body:"Existing customer with a question? Email [email protected].",cta:{href:"mailto:[email protected]",label:"Email support"}},{title:"Press, partnerships, general",body:"Anything else? Use the form below or email [email protected].",cta:{href:"mailto:[email protected]",label:"Email [email protected]"}}];function R(){const[n,s]=i.useState(!1),[r,o]=i.useState(!1),[c,d]=i.useState(null);async function p(t){if(t.preventDefault(),r)return;const b=t.currentTarget,a=new FormData(b);o(!0),d(null);try{await v({data:{name:String(a.get("name")??""),email:String(a.get("email")??""),organisation:a.get("org")||null,reason:a.get("reason")||null,message:String(a.get("message")??""),utm:k()??void 0,hutk:j()}}),s(!0)}catch(u){d(u instanceof Error?u.message:"Something went wrong. Please email [email protected].")}finally{o(!1)}}const m=f.useLoaderData()?.seo;return e.jsxs("div",{className:"min-h-screen",children:[e.jsx(N,{}),e.jsxs("main",{children:[e.jsx(S,{className:"bg-mint",eyebrow:"CONTACT",headline:m?.title||"Get in touch.",subhead:m?.summary||void 0}),e.jsx(x,{className:"bg-mint",children:e.jsx("div",{className:"grid gap-6 md:grid-cols-3",children:w.map(t=>e.jsxs("div",{className:"rounded-2xl border-2 border-ink bg-card p-6",children:[e.jsx("h3",{className:"text-lg font-semibold",children:t.title}),e.jsx("p",{className:"mt-3 text-sm text-ink-soft",children:t.body}),e.jsxs("a",{href:t.cta.href,className:"mt-5 inline-flex items-center gap-2 rounded-full bg-mint px-4 py-2 text-xs font-semibold text-ink hover:scale-[1.02]",children:[t.cta.label," →"]})]},t.title))})}),e.jsx(x,{className:"bg-white",heading:"Send us a message",children:e.jsx("div",{className:"max-w-2xl",children:n?e.jsx("div",{className:"rounded-2xl border border-mint bg-mint-soft p-6 text-ink",children:"Thanks — we've got your message and will be in touch shortly."}):e.jsxs("form",{onSubmit:p,className:"space-y-5",children:[e.jsx(l,{label:"Name",name:"name",required:!0}),e.jsx(l,{label:"Email",type:"email",name:"email",required:!0}),e.jsx(l,{label:"Organisation",name:"org"}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold uppercase tracking-wide text-ink-soft",children:"Reason for contact"}),e.jsxs("select",{name:"reason",required:!0,className:"mt-2 w-full rounded-xl border border-ink bg-background px-4 py-2 text-sm focus:border-ink focus:outline-none",children:[e.jsx("option",{value:"Sales",children:"Sales"}),e.jsx("option",{value:"Support",children:"Support"}),e.jsx("option",{value:"Press",children:"Press"}),e.jsx("option",{value:"Partnerships",children:"Partnerships"}),e.jsx("option",{value:"Other",children:"Other"})]})]}),e.jsxs("div",{children:[e.jsx("label",{className:"block text-xs font-semibold uppercase tracking-wide text-ink-soft",children:"Message"}),e.jsx("textarea",{name:"message",required:!0,rows:5,maxLength:2e3,className:"mt-2 w-full rounded-xl border border-ink bg-background px-4 py-2 text-sm focus:border-ink focus:outline-none"})]}),e.jsxs("label",{className:"flex items-start gap-2 text-xs text-ink-soft",children:[e.jsx("input",{type:"checkbox",name:"consent",required:!0,className:"mt-0.5 h-4 w-4 rounded border-border text-mint"}),e.jsx("span",{children:"I agree to the OpX Privacy Policy."})]}),c&&e.jsx("p",{className:"text-sm text-red-600",children:c}),e.jsx("button",{type:"submit",disabled:r,className:"rounded-full bg-mint px-6 py-3 text-sm font-semibold text-ink hover:scale-[1.02] disabled:opacity-50",children:r?"Sending…":"Send message"})]})})})]}),e.jsx(y,{})]})}function l({label:n,name:s,type:r="text",required:o}){return e.jsxs("div",{children:[e.jsx("label",{htmlFor:s,className:"block text-xs font-semibold uppercase tracking-wide text-ink-soft",children:n}),e.jsx("input",{id:s,name:s,type:r,required:o,maxLength:255,className:"mt-2 w-full rounded-xl border border-ink bg-background px-4 py-2 text-sm focus:border-ink focus:outline-none"})]})}

1export{R as component};