https://lobbipad.com/assets/ContactPage-sE1myajp.js

1import{i as e,t}from"./jsx-runtime-Cx0BB4qO.js";import{r as n}from"./useRouter-BcEm5DWO.js";import{n as r}from"./useLocale-3eUHTmhU.js";import{E as i,m as a}from"./index-3DAaKlx-.js";import{n as o,t as s}from"./fit-heading-C0s1ye9m.js";import{a as c,i as l,n as u,r as d,t as f}from"./SiteFooter-B46m7_6v.js";import{i as p,n as m,r as h,t as g}from"./useLeadSubmit-C9rSOUzF.js";var _=e(n(),1),v=t(),y=`mt-2 w-full rounded-xl border border-border bg-background px-4 py-3 text-sm outline-none focus:border-primary`;function b(){let e=r(a),t=r(m),{submit:n,busy:b,sent:x,failed:S}=g(`contact`),[C,w]=(0,_.useState)({}),T=h({first_name:p().trim().min(1,t.errFirst).max(100),last_name:p().trim().min(1,t.errLast).max(100),email:p().trim().email(t.errEmail).max(255),company_name:p().trim().min(1,t.errCompany).max(150),message:p().trim().min(1,t.errMessage).max(5e3)});async function E(e){e.preventDefault();let r=new FormData(e.currentTarget),a={first_name:String(r.get(`first_name`)??``),last_name:String(r.get(`last_name`)??``),email:String(r.get(`email`)??``),company_name:String(r.get(`company_name`)??``),message:String(r.get(`message`)??``)},o=T.safeParse(a);if(!o.success){let e={};for(let t of o.error.issues)e[String(t.path[0])]=t.message;w(e);return}w({});let s=String(r.get(`website`)??``);await n({...o.data,website:s})?i.success(t.contactTitle):i.error(t.errGeneric)}return(0,v.jsxs)(`div`,{className:`bg-background text-foreground`,children:[(0,v.jsx)(l,{}),(0,v.jsx)(`section`,{className:`bg-ink pt-32 pb-16 text-ink-foreground md:pt-40 md:pb-24`,children:(0,v.jsxs)(`div`,{className:`mx-auto max-w-[1600px] px-5 md:px-10`,children:[(0,v.jsx)(`p`,{className:`eyebrow text-primary`,children:e.eyebrow}),(0,v.jsx)(`div`,{className:`mt-6 w-full max-w-[46rem] [container-type:inline-size]`,children:(0,v.jsx)(`h1`,{className:`display-xl leading-[0.95] [hyphens:manual] [overflow-wrap:normal] [word-break:normal]`,style:o,children:e.h1})}),(0,v.jsx)(`p`,{className:`mt-8 max-w-lg text-ink-foreground/70`,children:e.intro})]})}),(0,v.jsx)(`section`,{className:`mx-auto max-w-[1600px] px-5 py-24 md:px-10 md:py-32`,children:(0,v.jsxs)(`div`,{className:`grid gap-16 md:grid-cols-2`,children:[x?(0,v.jsxs)(`div`,{className:`border border-border p-10`,children:[(0,v.jsx)(`div`,{className:`[container-type:inline-size] max-w-[43rem] w-full`,children:(0,v.jsx)(`h2`,{className:`display-lg`,style:s,children:t.contactTitle})}),(0,v.jsx)(`p`,{className:`mt-6 max-w-md text-muted-foreground`,children:t.contactBody})]}):(0,v.jsxs)(`form`,{className:`space-y-5`,onSubmit:E,noValidate:!0,"aria-label":t.contactFormAria,children:[(0,v.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`label`,{htmlFor:`first_name`,className:`text-sm font-semibold`,children:e.firstName}),(0,v.jsx)(`input`,{id:`first_name`,name:`first_name`,maxLength:100,className:y}),C.first_name&&(0,v.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:C.first_name})]}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`label`,{htmlFor:`last_name`,className:`text-sm font-semibold`,children:e.lastName}),(0,v.jsx)(`input`,{id:`last_name`,name:`last_name`,maxLength:100,className:y}),C.last_name&&(0,v.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:C.last_name})]})]}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`label`,{htmlFor:`email`,className:`text-sm font-semibold`,children:e.email}),(0,v.jsx)(`input`,{id:`email`,name:`email`,type:`email`,maxLength:255,className:y}),C.email&&(0,v.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:C.email})]}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`label`,{htmlFor:`company_name`,className:`text-sm font-semibold`,children:e.company}),(0,v.jsx)(`input`,{id:`company_name`,name:`company_name`,maxLength:150,className:y}),C.company_name&&(0,v.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:C.company_name})]}),(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`label`,{htmlFor:`message`,className:`text-sm font-semibold`,children:e.message}),(0,v.jsx)(`textarea`,{id:`message`,name:`message`,rows:5,maxLength:5e3,className:y}),C.message&&(0,v.jsx)(`p`,{className:`mt-1 text-xs text-destructive`,children:C.message})]}),(0,v.jsx)(`input`,{type:`text`,name:`website`,tabIndex:-1,autoComplete:`off`,"aria-hidden":`true`,className:`hidden`}),S&&(0,v.jsx)(`p`,{className:`text-sm text-destructive`,children:t.errGeneric}),(0,v.jsx)(`button`,{type:`submit`,disabled:b,className:`rounded-full bg-primary px-7 py-3 text-sm font-semibold text-primary-foreground disabled:opacity-60`,children:b?t.sending:e.send})]}),(0,v.jsxs)(`aside`,{className:`space-y-8`,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(`h2`,{className:`font-display text-xl font-bold uppercase tracking-[-0.03em]`,children:e.tryTitle}),(0,v.jsx)(`p`,{className:`mt-3 text-sm text-muted-foreground`,children:e.tryBody}),(0,v.jsx)(c,{to:`/start-trial`,className:`mt-5 inline-block rounded-full border border-border px-7 py-3 text-sm font-semibold`,children:e.tryCta})]}),(0,v.jsxs)(`div`,{className:`border-t border-border pt-8`,children:[(0,v.jsx)(`h2`,{className:`font-display text-xl font-bold uppercase tracking-[-0.03em]`,children:e.detailsTitle}),(0,v.jsxs)(`div`,{className:`mt-3 space-y-2 text-sm text-muted-foreground`,children:[(0,v.jsx)(`p`,{children:(0,v.jsx)(`a`,{href:`mailto:[email protected]`,className:`link-underline`,children:`[email protected]`})}),(0,v.jsx)(`p`,{children:(0,v.jsx)(`a`,{href:`tel:${d}`,className:`link-underline`,children:u})})]})]})]})]})}),(0,v.jsx)(f,{})]})}

1export{b as t};