https://4plusventures.com/assets/contact-gw-XTGPK.js

1import{r as o,j as e,s as h}from"./index-tG9wxvtI.js";const x=["Consultancy","Venture Building","Investment","AI & Emerging Tech","Partnership","Other"],b=[{label:"General",email:"[email protected]"},{label:"",email:""}];function N(){const[r,a]=o.useState(!1),[n,s]=o.useState(x[0]);return e.jsx("section",{className:"relative border-b border-border bg-background",children:e.jsxs("div",{className:"relative mx-auto grid max-w-7xl grid-cols-1 gap-16 px-6 pb-32 pt-28 md:pt-36 lg:grid-cols-12 lg:gap-24",children:[e.jsxs("div",{className:"space-y-16 lg:col-span-5",children:[e.jsxs("header",{className:"space-y-6",children:[e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsxs("span",{className:"relative flex h-2 w-2",children:[e.jsx("span",{className:"absolute inline-flex h-full w-full animate-ping rounded-full bg-signal opacity-75"}),e.jsx("span",{className:"relative inline-flex h-2 w-2 rounded-full bg-signal"})]}),e.jsx("span",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-primary/80",children:"Contact"})]}),e.jsxs("h1",{className:"font-display text-5xl font-medium leading-[1.05] tracking-tight text-balance md:text-7xl",children:["Let’s build something"," ",e.jsx("span",{className:"italic text-signal",children:"intelligent."})]}),e.jsx("p",{className:"max-w-md text-lg leading-relaxed text-muted-foreground",children:"Reach out for consultancy, venture-building support, investment conversations, or partnerships."})]}),e.jsxs("div",{className:"space-y-12 border-t border-border pt-12",children:[e.jsxs("div",{children:[e.jsx("p",{className:"mb-4 font-mono text-[10px] uppercase tracking-[0.25em] text-primary",children:"Direct channels"}),e.jsx("div",{className:"space-y-4",children:b.map(t=>e.jsxs("div",{className:"flex flex-col",children:[e.jsx("span",{className:"mb-1 font-mono text-[10px] uppercase tracking-widest text-muted-foreground/60",children:t.label}),e.jsx("a",{href:`mailto:${t.email}`,className:"font-display text-xl transition-colors hover:text-primary",children:t.email})]},t.email))})]}),e.jsx("div",{className:"border border-border/60 bg-surface/40 p-6 backdrop-blur-sm",children:e.jsx("p",{className:"text-sm leading-relaxed italic text-muted-foreground",children:"We value precision and focus. Expect a response from our relevant vertical lead within two business days."})})]})]}),e.jsx("div",{className:"lg:col-span-7",children:r?e.jsxs("div",{className:"flex h-full min-h-[480px] flex-col items-start justify-center border border-border/60 bg-surface/30 p-12",children:[e.jsx("span",{className:"signal-dot mb-4"}),e.jsx("h3",{className:"font-display text-3xl font-medium",children:"Transmission received."}),e.jsx("p",{className:"mt-4 max-w-md text-muted-foreground",children:"Thank you. A member of the 4+Ventures team will be in touch shortly."})]}):e.jsx(f,{intent:n,setIntent:s,onSent:()=>a(!0)})})]})})}function f({intent:r,setIntent:a,onSent:n}){const[s,t]=o.useState(!1),[c,u]=o.useState(null);async function g(i){i.preventDefault(),u(null),t(!0);const l=new FormData(i.currentTarget),p={name:String(l.get("name")??"").trim(),email:String(l.get("email")??"").trim(),organization:String(l.get("org")??"").trim()||null,intent:r,message:String(l.get("message")??"").trim()};try{const{error:d}=await h.from("contact_submissions").insert(p);if(d)throw d;try{await fetch("/api/public/notify",{method:"POST",headers:{"Content-Type":"application/json","x-4pv-form":"contact"},body:JSON.stringify({formType:"Contact form",source:"/contact",hp_website:"",fields:p})})}catch{}n()}catch(d){console.error(d),u("Something went wrong. Please try again or email [email protected]."),t(!1)}}return e.jsxs("form",{onSubmit:g,className:"space-y-12",children:[e.jsxs("div",{className:"space-y-6",children:[e.jsx("label",{className:"font-mono text-[10px] uppercase tracking-[0.3em] text-primary",children:"What is your intent?"}),e.jsx("div",{className:"grid grid-cols-2 gap-3 md:grid-cols-3",children:x.map(i=>{const l=r===i;return e.jsx("button",{type:"button",onClick:()=>a(i),className:["flex items-center justify-center border px-3 py-4 text-center font-mono text-[11px] uppercase tracking-wider transition-all",l?"border-primary bg-primary/5 text-primary":"border-border text-muted-foreground hover:bg-surface/60 hover:text-foreground"].join(" "),children:i},i)})}),e.jsx("input",{type:"hidden",name:"intent",value:r})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-x-8 gap-y-12 md:grid-cols-2",children:[e.jsx(m,{label:"Your name",name:"name",placeholder:"Full name",required:!0}),e.jsx(m,{label:"Email address",name:"email",type:"email",placeholder:"[email protected]",required:!0}),e.jsx("div",{className:"md:col-span-2",children:e.jsx(m,{label:"Organization",name:"org",placeholder:"Company or fund"})}),e.jsx("div",{className:"md:col-span-2",children:e.jsx(j,{label:"The message",name:"message",placeholder:"Tell us about the project, the stage, and the vision...",required:!0})})]}),c&&e.jsx("p",{className:"font-mono text-xs uppercase tracking-widest text-destructive",children:c}),e.jsxs("button",{type:"submit",disabled:s,className:"group relative w-full overflow-hidden border border-primary bg-transparent py-6 font-mono text-xs uppercase tracking-[0.4em] text-primary transition-colors hover:text-background disabled:opacity-60",children:[e.jsx("span",{className:"absolute inset-0 translate-y-full bg-primary transition-transform duration-300 group-hover:translate-y-0"}),e.jsx("span",{className:"relative z-10",children:s?"Transmitting…":"Initialize transmission →"})]})]})}function m({label:r,name:a,type:n="text",placeholder:s,required:t}){const c=o.useId();return e.jsxs("div",{className:"group relative",children:[e.jsx("label",{htmlFor:c,className:"mb-2 block font-mono text-[10px] uppercase tracking-widest text-muted-foreground

1/70",children:r}),e.jsx("input",{id:c,type:n,name:a,required:t,placeholder:s,className:"w-full border-b border-border bg-transparent py-3 font-display text-lg text-foreground transition-colors placeholder:text-muted-foreground/30 focus:border-primary focus:outline-none"}),e.jsx("span",{className:"pointer-events-none absolute bottom-0 left-0 h-px w-0 bg-primary transition-all duration-500 group-focus-within:w-full"})]})}function j({label:r,name:a,placeholder:n,required:s}){const t=o.useId();return e.jsxs("div",{className:"group relative",children:[e.jsx("label",{htmlFor:t,className:"mb-2 block font-mono text-[10px] uppercase tracking-widest text-muted-foreground/70",children:r}),e.jsx("textarea",{id:t,name:a,required:s,placeholder:n,rows:3,className:"w-full resize-none border-b border-border bg-transparent py-3 font-display text-lg text-foreground transition-colors placeholder:text-muted-foreground/30 focus:border-primary focus:outline-none"}),e.jsx("span",{className:"pointer-events-none absolute bottom-0 left-0 h-px w-0 bg-primary transition-all duration-500 group-focus-within:w-full"})]})}export{N as component};