1import{g as u,r as i,b,j as e,Q as o}from"./index-BgJ1tVSH.js";const y=u` 2 mutation sendMessage( 3 $name: String! 4 $email: String! 5 $phone: String 6 $message: String! 7 ) { 8 sendMessage(name: $name, email: $email, phone: $phone, message: $message) 9 } 10`;function N(){const[a,n]=i.useState({name:"",email:"",phone:"",message:""}),[c,{loading:m,error:f}]=b(y),[r,d]=i.useState({}),l=s=>{const{name:t,value:h}=s.target;n({...a,[t]:h}),r[t]&&d({...r,[t]:""})},g=()=>{const s={};a.name||(s.name="Name is required");const t=/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i;return a.email?t.test(a.email)||(s.email="Invalid email address"):s.email="Email is required",a.message||(s.message="Message is required"),d(s),Object.keys(s).length===0},x=async s=>{if(s.preventDefault(),!!g())try{const{data:t}=await c({variables:{name:a.name,email:a.email,phone:a.phone,message:a.message}});o.success("Your message has been sent successfully!"),n({name:"",email:"",phone:"",message:""})}catch{o.error("Error submitting the form, Try again")}};return e.jsx("div",{className:"flex items-center justify-center min-h-screen bg-gray-100 dark:bg-gray-800",children:e.jsxs("div",{className:"w-full max-w-lg p-6 rounded-lg shadow-none xmd:shadow-lg dark:bg-gray-800 xmd:dark:bg-gray-900 bg-gray-100 xmd:bg-white",children:[e.jsx("h2",{className:"text-center text-3xl font-bold text-gray-900 dark:text-white mb-4",children:"Contact Us"}),e.jsx("p",{className:"text-center text-gray-600 dark:text-gray-300 mb-6",children:"We would love to hear from you. Please fill out the form below to get in touch."}),e.jsxs("form",{onSubmit:x,className:"space-y-4",children:[e.jsxs("div",{className:"grid grid-cols-1 md:grid-cols-2 gap-4",children:[e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("label",{htmlFor:"name",className:"text-gray-700 dark:text-gray-300 font-semibold",children:["Name ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",id:"name",name:"name",value:a.name,onChange:l,className:"mt-2 p-2 border rounded-md border-gray-300 dark:text-white dark:border-white dark:bg-gray-900"}),r.name&&e.jsx("small",{className:"text-red-600",children:r.name})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("label",{htmlFor:"email",className:"text-gray-700 dark:text-gray-300 font-semibold",children:["Email ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("input",{type:"text",id:"email",name:"email",value:a.email,onChange:l,className:"mt-2 p-2 border rounded-md border-gray-300 dark:text-white dark:border-white dark:bg-gray-900"}),r.email&&e.jsx("small",{className:"text-red-600",children:r.email})]})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsx("label",{htmlFor:"phone",className:"text-gray-700 dark:text-gray-300 font-semibold",children:"Phone Number"}),e.jsx("input",{type:"tel",id:"phone",name:"phone",value:a.phone,onChange:l,className:"mt-2 p-2 border rounded-md border-gray-300 dark:text-white dark:border-white dark:bg-gray-900"})]}),e.jsxs("div",{className:"flex flex-col",children:[e.jsxs("label",{htmlFor:"message",className:"text-gray-700 dark:text-gray-300 font-semibold",children:["Message ",e.jsx("span",{className:"text-red-500",children:"*"})]}),e.jsx("textarea",{id:"message",name:"message",value:a.message,onChange:l,className:"mt-2 p-2 border rounded-md border-gray-300 dark:text-white dark:border-white dark:bg-gray-900",rows:4}),r.message&&e.jsx("small",{className:"text-red-600",children:r.message})]}),e.jsx("div",{className:"text-center",children:e.jsx("button",{type:"submit",disabled:m,className:"w-full mt-4 py-2 bg-primary text-white font-semibold rounded-lg focus:outline-none",children:m?"Submitting...":"Submit"})})]})]})})}export{N as default}; 11//# sourceMappingURL=ContactUs-Cr1uPa1x.js.map
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.