1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[327],{5234:function(e,t,a){Promise.resolve().then(a.bind(a,9403))},9403:function(e,t,a){"use strict";a.r(t),a.d(t,{default:function(){return i}});var r=a(7437),l=a(2265),s=a(3287),n=a(3145),o=a(9064);function i(){let[e,t]=(0,l.useState)({name:"",email:"",subject:"",message:""}),[a,i]=(0,l.useState)(!1),d=a=>{t({...e,[a.target.name]:a.target.value})},c=async a=>{a.preventDefault(),i(!0);try{let a=await fetch("/api/contact",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});(await a.json()).success?(o.ZP.success("Message sent successfully!"),t({name:"",email:"",subject:"",message:""})):o.ZP.error("Failed to send message. Please try again.")}catch(e){o.ZP.error("Something went wrong!"),console.error(e)}finally{i(!1)}};return(0,r.jsxs)("div",{className:"relative min-h-screen pb-10 overflow-hidden bg-black dark:bg-black/35",children:[(0,r.jsxs)("div",{className:"absolute inset-0 pointer-events-none",children:[(0,r.jsx)(n.default,{className:"hidden lg:flex absolute opacity-80 top-36 left-0 w-[600px] h-[70%] z-0",src:"/SLAM_Anime1.png",alt:"circle image",width:1e3,height:1e3}),(0,r.jsx)(n.default,{className:"absolute hidden lg:flex right-0 -top-24 w-[400px] h-[500px] z-0",src:"/hero-sec-circle.png",alt:"circle image",width:100,height:100}),(0,r.jsx)(n.default,{className:"absolute hidden lg:flex right-0 top-20 w-[400px] h-[500px] z-0",src:"/hero-sec-circle.png",alt:"circle image",width:100,height:100})]}),(0,r.jsx)("main",{className:"container relative z-10 px-4 mx-auto",children:(0,r.jsxs)(s.E.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},className:"max-w-2xl mx-auto",children:[(0,r.jsxs)("div",{className:"mb-8 text-center",children:[(0,r.jsx)("h1",{className:"mb-4 text-2xl md:text-4xl lg:text-[34px] lg:leading-10 font-bold text-gray-100 dark:text-primary",children:"Contact Us"}),(0,r.jsx)("p",{className:"text-lg text-gray-300 dark:text-gray-400",children:"Contact us today for more information"})]}),(0,r.jsx)(s.E.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5,delay:.2},className:"p-8 bg-gray-700 border border-gray-400 shadow-sm dark:bg-primary dark:border-yellow-200 rounded-2xl",children:(0,r.jsxs)("form",{onSubmit:c,className:"space-y-6",children:[(0,r.jsxs)("div",{className:"grid grid-cols-1 gap-6 md:grid-cols-2",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"name",className:"block font-medium mb-2text-sm md:text-base lg:text-lg text-text-primary dark:text-secondary",children:"Name *"}),(0,r.jsx)("input",{type:"text",id:"name",name:"name",value:e.name,onChange:d,required:!0,className:"w-full px-4 py-3 text-sm transition-all duration-200 bg-gray-500 border border-gray-400 rounded-lg md:text-base lg:text-lg text-secondary dark:bg-yellow-50 dark:border-yellow-200 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent",placeholder:"Your full name"})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"email",className:"block mb-2 text-sm font-medium md:text-base lg:text-lg text-text-primary dark:text-secondary",children:"Email *"}),(0,r.jsx)("input",{type:"email",id:"email",name:"email",value:e.email,onChange:d,required:!0,className:"w-full px-4 py-3 text-sm transition-all duration-200 bg-gray-500 border border-gray-400 rounded-lg md:text-base lg:text-lg text-secondary dark:bg-yellow-50 dark:border-yellow-200 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent",placeholder:"[email protected]"})]})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"subject",className:"block mb-2 text-sm font-medium md:text-base lg:text-lg text-text-primary dark:text-secondary",children:"Subject *"}),(0,r.jsx)("input",{type:"text",id:"subject",name:"subject",value:e.subject,onChange:d,required:!0,className:"w-full px-4 py-3 text-sm transition-all duration-200 bg-gray-500 border border-gray-400 rounded-lg md:text-base lg:text-lg text-secondary dark:bg-yellow-50 dark:border-yellow-200 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent",placeholder:"What's this about?"})]}),(0,r.jsxs)("div",{children:[(0,r.jsx)("label",{htmlFor:"message",className:"block mb-2 text-sm font-medium md:text-base lg:text-lg text-text-primary dark:text-secondary",children:"Message *"}),(0,r.jsx)("textarea",{id:"message",name:"message",value:e.message,onChange:d,required:!0,rows:6,cols:30,className:"w-full px-4 py-3 text-sm text-gray-900 transition-all duration-200 bg-gray-500 border border-gray-400 rounded-lg resize-none md:text-base lg:text-lg dark:bg-yellow-50 dark:border-yellow-200 focus:outline-none focus:ring-2 focus:ring-yellow-500 focus:border-transparent",placeholder:"Tell us more about your inquiry..."})]}),(0,r.jsx)(s.E.button,{type:"submit",disabled:a,whileHover:{scale:a?1:1.02},whileTap:{scale:a?1:.98},className:"w-full text-sm md:text-base lg:text-lg px-8 py-4 font-semibold text-black transition-all duration-300 rounded-lg shadow-lg \n ".concat(a?"bg-[var(--color-primary)] cursor-not-allowed":"bg-[var(--color-primary)] hover:bg-[var(--color-primary)]"," \n dark:text-secondary"),children:a?(0,r.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,r.jsx)("span",{className:"w-5 h-5 border-2 border-gray-400 rounded-full border-t-transparent animate-spin"}),"Sending..."]}):"Send Message"})]})})]})})]})}}}
1,function(e){e.O(0,[878,249,64,971,117,744],function(){return e(e.s=5234)}),_N_E=e.O()}]);
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.