1import{r as c,j as e,n as f,v as j,i as v,P as y,B as N,N as b,O as w,b as C,d as E}from"./app-tPbzwDzG.js";import{A as D}from"./AnimatedSection-BVdGgg6C.js";import{I as m}from"./input-D6aP1nkX.js";import{T as S}from"./textarea-BRqIFTy1.js";import{P as k}from"./index-D_jnHk-y.js";import{u as F}from"./use-toast-B_orYIMP.js";import{s as M}from"./client-DADzo1gN.js";import{h as O,M as R}from"./hero-contact-BIF8PwJg.js";var P="Label",x=c.forwardRef((o,i)=>e.jsx(k.label,{...o,ref:i,onMouseDown:t=>{t.target.closest("button, input, select, textarea")||(o.onMouseDown?.(t),!t.defaultPrevented&&t.detail>1&&t.preventDefault())}}));x.displayName=P;var u=x;const B=j("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"),n=c.forwardRef(({className:o,...i},t)=>e.jsx(u,{ref:t,className:f(B(),o),...i}));n.displayName=u.displayName;const V=()=>{const{toast:o}=F(),i=v(),[t,d]=c.useState(!1),[s,h]=c.useState({name:"",email:"",phone:"",company:"",city:"",message:""}),r=(a,l)=>h(g=>({...g,[a]:l})),p=async a=>{if(a.preventDefault(),!s.name.trim()||!s.email.trim()){o({title:"Missing info",description:"Name and email are required.",variant:"destructive"});return}d(!0);try{const{error:l}=await M.functions.invoke("send-transactional-email",{body:{templateName:"demo-request",recipientEmail:s.email,idempotencyKey:`demo-${crypto.randomUUID()}`,templateData:s}});if(l)throw l;o({title:"Demo request sent",description:"Our sales team will reach out shortly."}),i("/thank-you")}catch{o({title:"Couldn't send",description:"Please try again or email [email protected].",variant:"destructive"})}finally{d(!1)}};return e.jsxs(e.Fragment,{children:[e.jsx(y,{title:"Book a Demo of FERO | On-Demand Construction Hauling",description:"See FERO live. Book a demo to learn how on-demand hauling, real-time tracking and vetted Haulers can move your jobsite faster.",canonical:"https://feronow.com/contact-sales"}),e.jsx(N,{items:[{name:"Home",url:"https://feronow.com/"},{name:"Book a Demo",url:"https://feronow.com/contact-sales"}]}),e.jsx(b,{}),e.jsxs("main",{id:"main-content",children:[e.jsxs("section",{className:"relative overflow-hidden pt-28 pb-20",style:{backgroundColor:"#1a2e47"},children:[e.jsx("img",{src:O,alt:"Construction site foreman taking a call at a busy jobsite",className:"absolute inset-0 h-full w-full object-cover",loading:"eager",fetchPriority:"high",width:1920,height:1080,decoding:"async"}),e.jsx("div",{className:"absolute inset-0",style:{backgroundColor:"rgba(26, 46, 71, 0.65)"},"aria-hidden":"true"}),e.jsx("div",{className:"container-fero relative z-10 px-4 md:px-8",children:e.jsxs("div",{className:"mx-auto max-w-3xl text-center",children:[e.jsx("p",{className:"eyebrow eyebrow-on-dark",children:"Book a Demo"}),e.jsx("h1",{className:"mt-4 font-heading text-4xl font-bold uppercase leading-tight text-primary-foreground md:text-6xl",children:"SEE FERO IN ACTION"}),e.jsx("p",{className:"mt-6 font-body text-[17px] md:text-lg text-white/90",children:"Tell us a little about your operation and we'll set up a live walkthrough, pricing, coverage and how to get your loads moving."}),e.jsxs(w,{user:"sales",domain:"feronow.com",className:"mt-6 inline-flex items-center gap-2 font-body text-[17px] text-accent hover:text-accent/80 transition-colors",children:[e.jsx(R,{className:"h-5 w-5"}),e.jsxs("span",{"aria-hidden":"true",children:["sales",e.jsx("span",{children:"@"}),"feronow.com"]})]})]})})]}),e.jsx(D,{children:e.jsx("section",{className:"section-padding",children:e.jsx("div",{className:"container-fero",children:e.jsxs("div",{className:"mx-auto max-w-xl",children:[e.jsx("h2",{className:"text-center font-heading text-3xl font-bold text-foreground md:text-4xl mb-8",children:"Request Your Demo"}),e.jsxs("form",{onSubmit:p,className:"space-y-6 text-[17px]",noValidate:!0,children:[e.jsxs("div",{children:[e.jsx(n,{htmlFor:"name",className:"text-[17px]",children:"Name *"}),e.jsx(m,{id:"name",required:!0,value:s.name,onChange:a=>r("name",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"email",className:"text-[17px]",children:"Email *"}),e.jsx(m,{id:"email",type:"email",required:!0,value:s.email,onChange:a=>r("email",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"phone",className:"text-[17px]",children:"Phone"}),e.jsx(m,{id:"phone",type:"tel",value:s.phone,onChange:a=>r("phone",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"company",className:"text-[17px]",children:"Company"}),e.jsx(m,{id:"company",value:s.company,onChange:a=>r("company",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"city",className:"text-[17px]",children:"City"}),e.jsx(m,{id:"city",value:s.city,onChange:a=>r("city",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsxs("div",{children:[e.jsx(n,{htmlFor:"message",className:"text-[17px]",children:"Message"}),e.jsx(S,{id:"message",rows:5,value:s.message,onChange:a=>r("message",a.target.value),className:"mt-1 text-[17px]"})]}),e.jsx(C,{type:"submit",disabled:t,variant:"default",size:"lg",className:"w-full",children:t?"SENDINGâ¦":"REQUEST DEMO"})]})]})})})})]}),e.jsx(E,{})]})};export{V as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.