https://ocesha.ai/assets/contact-DzMSCqmS.js

1import{c as e,f as t,i as n,m as r}from"./useSelector-BVgYdeoo.js";import{n as i,t as a}from"./createServerFn-DTV1oQ3k.js";import{V as o,r as s}from"./react-CbPgqF73.js";import{i as c}from"./index-CuZDe-QL.js";import{n as l}from"./Section-DIh3BSIr.js";import{t as u}from"./AuroraBackground-PulLKDLD.js";var d=r(t(),1);function f(e){let t=n();return d.useCallback(async(...n)=>{try{let t=await e(...n);if(o(t))throw t;return t}catch(e){if(o(e))return e.options._fromLocation=t.stores.location.get(),t.navigate(t.resolveRedirect(e).options);throw e}},[t,e])}var p=a({method:`POST`}).handler(i(`f4ab91175279d24fdd2724e2cfe526fe74336bbdfd18bfac38060247ff17403a`)),m=e(),h=[`Product Questions`,`Organizations`,`Partnerships`,`Done For You / Academy`,`General Inquiry`],g=`w-full rounded-xl border border-border bg-surface-2/40 px-4 py-3 text-sm text-foreground outline-none transition placeholder:text-subtle focus:ring-2 focus:ring-ring`;function _(){let e=s(),[t,n]=(0,d.useState)(h[0]),[r,i]=(0,d.useState)(`idle`),[a,o]=(0,d.useState)(null),_=f(p);return(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(`section`,{className:`relative overflow-hidden px-4 pb-10 pt-10 text-center sm:px-6`,children:[(0,m.jsx)(u,{}),(0,m.jsx)(`div`,{className:`tone-light light-panel mx-auto max-w-6xl px-6 py-16`,children:(0,m.jsxs)(`div`,{className:`relative mx-auto max-w-2xl`,children:[(0,m.jsx)(`p`,{className:`eyebrow text-brand-2`,children:e(`Contact`)}),(0,m.jsx)(`h1`,{className:`mt-4 text-balance font-display text-4xl font-extrabold tracking-tight sm:text-5xl`,children:e(`Let's talk`)}),(0,m.jsx)(`p`,{className:`mx-auto mt-5 text-pretty text-lg text-muted-foreground`,children:e(`Tell us what you're working on and we'll point you to the right place.`)})]})})]}),(0,m.jsx)(l,{tone:`light`,children:(0,m.jsxs)(`div`,{className:`mx-auto grid max-w-5xl gap-8 lg:grid-cols-[1.4fr_1fr]`,children:[(0,m.jsxs)(`form`,{className:`rounded-2xl border border-border bg-card p-7 shadow-[var(--shadow-glass)]`,onSubmit:async e=>{e.preventDefault();let t=e.currentTarget,r=new FormData(t);i(`pending`),o(null);try{await _({data:{name:String(r.get(`name`)??``),email:String(r.get(`email`)??``),organization:String(r.get(`organization`)??``),topic:String(r.get(`topic`)??h[0]),message:String(r.get(`message`)??``),website:String(r.get(`website`)??``)}}),i(`success`),t.reset(),n(h[0])}catch(e){i(`error`),o(e instanceof Error?e.message:`Unable to send your message. Please try again.`)}},children:[(0,m.jsxs)(`div`,{className:`grid gap-4 sm:grid-cols-2`,children:[(0,m.jsxs)(`div`,{children:[(0,m.jsx)(`label`,{htmlFor:`name`,className:`mb-1.5 block text-sm font-medium`,children:e(`Name`)}),(0,m.jsx)(`input`,{id:`name`,name:`name`,required:!0,maxLength:100,className:g,placeholder:e(`Your name`)})]}),(0,m.jsxs)(`div`,{children:[(0,m.jsx)(`label`,{htmlFor:`email`,className:`mb-1.5 block text-sm font-medium`,children:e(`Email`)}),(0,m.jsx)(`input`,{id:`email`,name:`email`,type:`email`,required:!0,maxLength:255,className:g,placeholder:`[email protected]`})]})]}),(0,m.jsxs)(`div`,{className:`mt-4`,children:[(0,m.jsx)(`label`,{htmlFor:`organization`,className:`mb-1.5 block text-sm font-medium`,children:e(`Organization`)}),(0,m.jsx)(`input`,{id:`organization`,name:`organization`,maxLength:200,className:g,placeholder:e(`Optional`)})]}),(0,m.jsxs)(`div`,{className:`mt-4`,children:[(0,m.jsx)(`label`,{htmlFor:`topic`,className:`mb-1.5 block text-sm font-medium`,children:e(`What can we help you with?`)}),(0,m.jsx)(`select`,{id:`topic`,name:`topic`,value:t,onChange:e=>n(e.target.value),className:g,children:h.map(t=>(0,m.jsx)(`option`,{value:t,className:`bg-popover`,children:e(t)},t))})]}),(0,m.jsxs)(`div`,{className:`mt-4`,children:[(0,m.jsx)(`label`,{htmlFor:`message`,className:`mb-1.5 block text-sm font-medium`,children:e(`Message`)}),(0,m.jsx)(`textarea`,{id:`message`,name:`message`,rows:5,required:!0,maxLength:2e3,className:g,placeholder:e(`Tell us a little about what you'd like to create.`)})]}),(0,m.jsx)(`input`,{type:`text`,name:`website`,tabIndex:-1,autoComplete:`off`,className:`absolute h-0 w-0 opacity-0`,defaultValue:``}),t===`Done For You / Academy`&&(0,m.jsxs)(`p`,{className:`mt-4 rounded-xl border border-border bg-accent/40 p-4 text-sm text-muted-foreground`,children:[e(`Done For You Academy engagements are handled by`),` `,(0,m.jsx)(`a`,{href:`https://ocesha.com/`,className:`font-medium text-brand-2 hover:underline`,children:`OceSha Ventures`}

1),`. `,e(`Send this form and we'll connect you with the right team.`)]}),(0,m.jsx)(`button`,{type:`submit`,disabled:r===`pending`,className:`mt-6 w-full rounded-xl bg-gradient-brand px-6 py-3.5 font-display text-sm font-semibold text-primary-foreground ring-1 ring-border transition hover:brightness-110 disabled:opacity-60 disabled:cursor-not-allowed`,children:e(r===`pending`?`Sending...`:`Send Message`)}),r===`success`&&(0,m.jsx)(`p`,{className:`mt-4 text-center text-sm text-emerald-400`,children:e(`Thanks — your message has been sent. We'll get back to you soon.`)}),r===`error`&&a&&(0,m.jsx)(`p`,{className:`mt-4 text-center text-sm text-destructive`,children:e(a)})]}),(0,m.jsxs)(`aside`,{className:`space-y-4`,children:[(0,m.jsxs)(`div`,{className:`rounded-2xl border border-border bg-card p-6 shadow-[var(--shadow-glass)]`,children:[(0,m.jsx)(`h2`,{className:`font-display text-base font-bold text-foreground`,children:e(`Want to build it yourself?`)}),(0,m.jsx)(`p`,{className:`mt-2 text-sm leading-relaxed text-muted-foreground`,children:e(`You don't need to wait for us. Start your 14-day free trial of OceSha AI.`)})]}),(0,m.jsxs)(`div`,{className:`rounded-2xl border border-border bg-card p-6 shadow-[var(--shadow-glass)]`,children:[(0,m.jsx)(`h2`,{className:`font-display text-base font-bold text-foreground`,children:e(`Something bigger?`)}),(0,m.jsx)(`p`,{className:`mt-2 text-sm leading-relaxed text-muted-foreground`,children:e(`OceSha Ventures builds complete branded learning Academies for organizations.`)}),(0,m.jsxs)(`a`,{href:c,className:`mt-3 inline-block text-sm font-medium text-brand-2 hover:underline`,children:[e(`Build Your Academy`),` →`]})]})]})]})})]})}export{_ as component};