https://playslopitch.com/_next/static/chunks/pages/contact-c06426facbff056f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[335],{8105:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/contact",function(){return a(8629)}])},8478:function(e,t,a){"use strict";a.d(t,{Z:function(){return i}});var l=a(5893),s=a(1522),r=a(9090),o=a(3357),n=a(7294);function i(e){let{children:t,navLinks:a}=e,[i,c]=(0,n.useState)(!1);return(0,n.useEffect)(()=>(i?document.body.classList.add("no-scroll"):document.body.classList.remove("no-scroll"),()=>{document.body.classList.remove("no-scroll")}),[i]),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)(o.Z,{}),(0,l.jsx)(s.Z,{navLinks:a,isMobileMenuOpen:i,setIsMobileMenuOpen:c}),(0,l.jsx)("main",{id:"main-content",tabIndex:-1,children:t}),(0,l.jsx)(r.Z,{})]})}},8629:function(e,t,a){"use strict";a.r(t),a.d(t,{__N_SSP:function(){return d}});var l=a(5893),s=a(7294),r=a(8478),o=a(3955),n=a(414),i=a(930);let c=e=>{let{isOpen:t,onClose:a,member:r}=e,[n,c]=(0,s.useState)(""),[d,u]=(0,s.useState)(""),[m,x]=(0,s.useState)(""),[p,h]=(0,s.useState)(""),[b,g]=(0,s.useState)(""),[f,j]=(0,s.useState)(!1),[v,y]=(0,s.useState)(!1),[N,w]=(0,s.useState)(!1),[C,S]=(0,s.useState)(""),_=(0,s.useId)(),{dialogRef:T,titleId:k,descId:q}=(0,i.Z)({isOpen:t,onClose:a}),P="mb-2 appearance-none border border-gray-400 rounded w-full py-2 px-3 text-gray-900 leading-tight focus:outline-none focus-visible:ring-2 focus-visible:ring-[#ce303b] disabled:bg-gray-100 disabled:cursor-not-allowed",Y=()=>{y(!1),w(!1),S(""),a()},O=async e=>{if(e.preventDefault(),!n||!d||!m||!p||!b){S("Please fill out all fields before submitting.");return}S(""),j(!0);try{await (0,o.Jw)({name:n,email:d,phone:m,subject:p,message:b,to_email:r.email,to_name:r.name}),j(!1),y(!0),c(""),u(""),x(""),h(""),g(""),setTimeout(()=>{y(!1),w(!1),a()},3e3)}catch(e){w(!0),j(!1)}};return t&&r?(0,l.jsx)("div",{className:"fixed inset-0 z-50 bg-gray-600 bg-opacity-50 overflow-y-auto h-full w-full",onClick:e=>{e.target===e.currentTarget&&Y()},children:(0,l.jsx)("div",{ref:T,role:"dialog","aria-modal":"true","aria-labelledby":k,"aria-describedby":q,tabIndex:-1,className:"relative top-20 mx-auto p-5 border w-96 max-w-[calc(100vw-2rem)] shadow-lg rounded-md bg-white focus:outline-none",children:(0,l.jsxs)("div",{className:"mt-3 text-center",children:[(0,l.jsxs)("h2",{id:k,className:"text-lg leading-6 font-medium text-gray-900",children:["Contact ",r.name]}),(0,l.jsx)("span",{id:q,className:"block text-sm text-gray-700",children:r.roleText.toUpperCase()}),(0,l.jsxs)("div",{className:"mt-2 px-7 py-3",children:[(0,l.jsxs)("form",{onSubmit:O,"aria-busy":f,noValidate:!0,children:[(0,l.jsx)("label",{htmlFor:"".concat(_,"-name"),className:"sr-only",children:"Your name"}),(0,l.jsx)("input",{id:"".concat(_,"-name"),className:P,type:"text",placeholder:"Your Name",autoComplete:"name",required:!0,"aria-required":"true",value:n,onChange:e=>c(e.target.value),disabled:f||v}),(0,l.jsx)("label",{htmlFor:"".concat(_,"-email"),className:"sr-only",children:"Your email"}),(0,l.jsx)("input",{id:"".concat(_,"-email"),className:P,type:"email",placeholder:"Your Email",autoComplete:"email",required:!0,"aria-required":"true",value:d,onChange:e=>u(e.target.value),disabled:f||v}),(0,l.jsx)("label",{htmlFor:"".concat(_,"-phone"),className:"sr-only",children:"Your phone number"}),(0,l.jsx)("input",{id:"".concat(_,"-phone"),className:P,type:"tel",placeholder:"Your Phone",autoComplete:"tel",required:!0,"aria-required":"true",value:m,onChange:e=>x(e.target.value),disabled:f||v}),(0,l.jsx)("label",{htmlFor:"".concat(_,"-subject"),className:"sr-only",children:"Subject"}),(0,l.jsx)("input",{id:"".concat(_,"-subject"),className:P,type:"text",placeholder:"Your Subject",required:!0,"aria-required":"true",value:p,onChange:e=>h(e.target.value),disabled:f||v}),(0,l.jsx)("label",{htmlFor:"".concat(_,"-message"),className:"sr-only",children:"Your message"}),(0,l.jsx)("textarea",{id:"".concat(_,"-message"),className:P,placeholder:"Your Message",rows:"3",required:!0,"aria-required":"true",value:b,onChange:e=>g(e.target.value),disabled:f||v}),C&&(0,l.jsx)("p",{role:"alert",className:"mt-1 mb-2 text-sm text-red-700 text-left",children:C}),(0,l.jsx)("button",{className:"px-4 py-2 bg-red-500 text-white text-base font-medium rounded-md w-full shadow-sm hover:bg-red-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-red-500 disabled:bg-gray-400 disabled:cursor-not-allowed disabled:hover:bg-gray-400",type:"submit",disabled:f||v,children:f?"

1Sending...":"Send Message"})]}),(0,l.jsxs)("div",{role:"status","aria-live":"polite","aria-atomic":"true",className:"mt-2",children:[N&&(0,l.jsx)("p",{className:"text-sm text-red-700",children:"There was an error sending your message. Please try again."}),v&&(0,l.jsxs)("div",{className:"mt-4 text-center",children:[(0,l.jsx)("p",{className:"text-lg font-semibold text-green-700",children:"Thank you for contacting us!"}),(0,l.jsx)("p",{className:"text-sm text-gray-700 mt-1",children:"Your message has been sent."})]})]})]}),(0,l.jsx)("div",{className:"mt-3",children:(0,l.jsx)("button",{type:"button",onClick:Y,className:"text-base font-medium text-red-700 hover:text-red-800 focus:outline-none focus-visible:ring-2 focus-visible:ring-red-500 rounded px-2 py-1",children:"Close"})})]})})}):null};var d=!0;t.default=e=>{let{teamGroups:t}=e,[a,i]=(0,s.useState)(!1),[d,u]=(0,s.useState)(null),m=e=>{u(e),i(!0)},x=Object.keys(t).sort((e,t)=>"national-office"===e?-1:"national-office"===t?1:e.localeCompare(t));return(0,l.jsxs)(r.Z,{children:[(0,l.jsx)(n.Z,{title:"Contact Us",description:"Get in touch with Play Slo-Pitch. Contact our provincial office and regional representatives for questions about tournaments, insurance, memberships, and more.",path:"/contact",keywords:"contact slo-pitch, slo-pitch office, slo-pitch support, play slo-pitch contact",jsonLd:[n.O.contactPage(),n.O.breadcrumbs([{name:"Home",path:"/"},{name:"Contact Us",path:"/contact"}])]}),(0,l.jsx)("div",{className:"max-w-4xl mx-auto p-6",children:(0,l.jsx)("div",{className:"py-12",children:(0,l.jsxs)("div",{className:"bg-white text-center",style:{paddingTop:"50px",paddingBottom:"50px"},children:[(0,l.jsx)("h1",{className:"text-5xl font-bold uppercase",style:{color:"#ce303b"},children:"Contact Us"}),x.map(e=>{let a="category-".concat(e),s="national-office"===e?"Provincial Office":e.split("-").map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(" "),r=t[e].sort((e,t)=>null===e.order&&null===t.order?e.roleText.localeCompare(t.roleText):null===e.order?1:null===t.order?-1:e.order===t.order?e.roleText.localeCompare(t.roleText):e.order-t.order);return(0,l.jsxs)("section",{"aria-labelledby":a,children:[(0,l.jsx)("div",{className:"bg-white text-center",style:{paddingTop:"50px",paddingBottom:"50px"},children:(0,l.jsx)("h2",{id:a,className:"text-4xl font-bold",style:{color:"#0d1a39"},children:s})}),(0,l.jsx)("ul",{className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-3 gap-4 list-none p-0",children:r.map((t,a)=>{var s;let r=(null==t?void 0:null===(s=t.media)||void 0===s?void 0:s.url)?(0,o.oT)(t.media.url):"M"===t.gender?"https://cdn.blacktiecollab.com/playslopitch.com/male2.png":"https://cdn.blacktiecollab.com/playslopitch.com/female2.png";return(0,l.jsxs)("li",{className:"bg-white shadow-lg rounded-lg overflow-hidden",children:[(0,l.jsx)("img",{className:"w-full h-84 object-cover object-bottom",src:r,alt:""}),(0,l.jsxs)("div",{className:"p-4",children:[(0,l.jsx)("h3",{className:"text-lg font-semibold",children:t.name}),(0,l.jsx)("p",{className:"text-gray-700",children:t.roleText.toUpperCase()}),t.email&&(0,l.jsx)("button",{type:"button",onClick:()=>m(t),"aria-label":"Contact ".concat(t.name),className:"mt-3 text-white bg-red-500 hover:bg-red-600 px-4 py-2 rounded focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-red-700",children:"Contact Me"})]})]},t.id||"".concat(e,"-").concat(a))})})]},e)})]})})}),(0,l.jsx)(c,{isOpen:a,onClose:()=>{i(!1),u(null)},member:d})]})}}},function(e){e.O(0,[778,445,240,610,888,774,179],function(){return e(e.s=8105)}),_N_E=e.O()}]);