https://www.hornsearescue.org.uk/_next/static/chunks/477-e4eb31f908921e7c.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[477],{535:function(e,o,t){var r=t(5893),n=t(7294),a=t(3717),i=t(5970),s=t(3090),l=t(6105),d=t(7169),f=t(4225),h=t(4e3);o.Z=()=>{let[e,o]=(0,n.useState)({name:"",phone:"",message:""}),[t,c]=(0,n.useState)({}),[m,p]=(0,n.useState)(!1),[w,x]=(0,n.useState)(!1),[u,b]=(0,n.useState)(!1),g=t=>{o({...e,[t.target.name]:t.target.value})},y=()=>{let o={};return e.name||(o.name="Name is required"),e.phone||(o.phone="Phone is required"),e.message||(o.message="Message is required"),c(o),0===Object.keys(o).length},j=async t=>{if(t.preventDefault(),y()){b(!0);try{let t=await fetch("/api/send",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});t.ok?(console.log("Email sent successfully!"),o({name:"",phone:"",message:""}),x(!0),setTimeout(()=>{x(!1)},5e3)):(console.error("Error sending email:",t.statusText),p(!0))}catch(e){console.error("Error sending email:",e),p(!0)}finally{b(!1)}}};return(0,r.jsx)("form",{onSubmit:j,style:{width:"100%"},children:(0,r.jsxs)(a.k,{direction:"column",children:[(0,r.jsxs)(i.NI,{mb:4,isInvalid:!!t.name,children:[(0,r.jsx)(s.I,{type:"text",name:"name",value:e.name,onChange:g,placeholder:"Name",required:!0,borderWidth:3,borderRadius:0,color:"white",backgroundColor:"primary.400",_placeholder:{color:"white"},disabled:u}),(0,r.jsx)(l.J1,{children:t.name})]}),(0,r.jsxs)(i.NI,{mb:4,isInvalid:!!t.phone,children:[(0,r.jsx)(s.I,{type:"tel",name:"phone",value:e.phone,onChange:g,placeholder:"Phone",required:!0,borderWidth:3,borderRadius:0,color:"white",backgroundColor:"primary.400",_placeholder:{color:"white"},disabled:u}),(0,r.jsx)(l.J1,{children:t.phone})]}),(0,r.jsxs)(i.NI,{mb:4,isInvalid:!!t.message,children:[(0,r.jsx)(d.g,{name:"message",height:"10em",value:e.message,onChange:g,placeholder:"Message",required:!0,borderWidth:3,borderRadius:0,color:"white",backgroundColor:"primary.400",_placeholder:{color:"white"},disabled:u}),(0,r.jsx)(l.J1,{children:t.message})]}),(0,r.jsx)(f.z,{type:"submit",colorScheme:"primary",mt:0,w:["100%","100%","25%"],borderWidth:3,borderRadius:0,borderColor:"white",backgroundColor:"primary.500",_hover:{backgroundColor:"primary.500"},textTransform:"uppercase",disabled:u,children:u?"Submitting...":"Send"}),w&&(0,r.jsx)(h.x,{mt:2,color:"white",children:"Thanks for your message, we will get back to you shortly."}),m&&(0,r.jsx)(h.x,{mt:2,color:"white",children:"There was an error sending your message. Please try again later."})]})})}},539:function(e,o,t){var r=t(5893),n=t(7294);o.Z=()=>((0,n.useEffect)(()=>{let e=document.createElement("script");return e.src="https://maps.googleapis.com/maps/api/js?key=AIzaSyArMMkhm4O4FJDUMGuRETfpjuDY88CpbvI&callback=initMap",e.async=!0,e.defer=!0,window.initMap=()=>{let e=new window.google.maps.Map(document.getElementById("map"),{center:{lat:53.908086,lng:-.1589538},zoom:13}),o=new window.google.maps.Marker({position:{lat:53.908101,lng:-.1586738},map:e,title:"Hornsea Inshore Rescue"}),t=new window.google.maps.InfoWindow({content:"<div>The Boat House<br>16 Hornsea Burton Rd<br>Hornsea HU18 1TJ<br>United Kingdom</div>"});o.addListener("click",()=>{t.open(e,o)})},document.head.appendChild(e),()=>{document.head.removeChild(e),delete window.initMap}},[]),(0,r.jsx)("iframe",{src:"https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2350.331442201937!2d-0.16152872323381057!3d53.908085972457606!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4878a57dad904235%3A0x771b3bde63f134ca!2sHornsea%20Inshore%20Rescue!5e0!3m2!1sen!2suk!4v1720290903608!5m2!1sen!2suk",border:0,width:"100%",height:"480px",allowfullscreen:"",loading:"lazy",zoom:13,referrerpolicy:"no-referrer-when-downgrade"}))},7357:function(e,o,t){t.d(o,{Z:function(){return F}});var r=t(5893),n=t(7294),a=t(5796),i=t(7747),s=t(2883),l=t(4e3),d=t(5281),f=t(3717),h=t(1046),c=t(6089),m=t(1163);function p(e){let o=(0,m.useRouter)(),t=(0,a.S)({base:!1,md:!0}),n="/education"===o.pathname||"/get-involved"===o.pathname;return(0,r.jsx)(s.r,{href:"/",target:"_self",w:"22%",children:(0,r.jsxs)(f.k,{...e,direction:t?"row":"column",bg:n?["none","none","#5CB9FD"]:"none",children:[(0,r.jsx)(c.E,{src:"/images/logo.png",alt:"Hornsea Inshore Rescue",style:{height:"auto",width:"50px",objectFit:"contain"}}),t&&(0,r.jsx)(i.xu,{display:"flex",alignItems:"center",justifyContent:"center",children:(0,r.jsx)(c.E,{src:"/images/hornsea-inshore-text-logo.png",alt:"Hornsea Inshore Rescue",ml:"0.75em",style:{height:"40px",width:"100%",objectFit:"contain"}})})]})})}let w=()=>

1(0,r.jsx)("svg",{width:"14",height:"14",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg",children:(0,r.jsx)("path",{fill:"currentColor",d:"M13 13H1L7 1z"})}),x=()=>(0,r.jsxs)("svg",{width:"24",viewBox:"0 0 18 18",xmlns:"http://www.w3.org/2000/svg",children:[(0,r.jsx)("title",{children:"Close"}),(0,r.jsx)("path",{fill:"white",d:"M9.00023 7.58599L13.9502 2.63599L15.3642 4.04999L10.4142 8.99999L15.3642 13.95L13.9502 15.364L9.00023 10.414L4.05023 15.364L2.63623 13.95L7.58623 8.99999L2.63623 4.04999L4.05023 2.63599L9.00023 7.58599Z"})]}),u=e=>{let{children:o,to:t="/",...d}=e,[f,h]=(0,n.useState)(!1),[c,m]=(0,n.useState)(!1),p=(0,a.S)({base:!1,md:!0});return(0,n.useEffect)(()=>{h(!1)},[t]),(0,n.useEffect)(()=>{m(window.location.pathname===t)},[t]),(0,r.jsx)(i.xu,{position:"relative",w:["100%","100%","auto"],children:(0,r.jsxs)(s.r,{as:"a",href:t,onMouseEnter:()=>{h(!0)},onMouseLeave:()=>{h(!1)},_hover:[{textDecoration:"none",color:"primary.500",bg:"white"},{textDecoration:"none",color:"primary.500",bg:"white"},{textDecoration:"none",color:"primary.500",bg:"white"}],children:[(0,r.jsx)(l.x,{pt:[4,4,0,0],pb:[4,4,0,0],textAlign:"center",display:"block",fontSize:["xs","xs","xs"],fontWeight:800,color:["white","white","white"],letterSpacing:"wide",textDecoration:"none",...d,_hover:{textDecoration:"none",color:["primary.500","primary.500","primary.500"],bg:["white","white","transparent"]},children:o}),p&&(f||c)&&(0,r.jsx)(i.xu,{position:"absolute",left:"50%",bottom:-4,transform:"translateX(-50%)",children:(0,r.jsx)(w,{})})]})})},b=e=>{let{isOpen:o}=e;return(0,r.jsx)(i.xu,{display:{base:o?"block":"none",md:"block"},flexBasis:{base:"100%",md:"auto"},borderTopWidth:["1px","1px","0","0"],children:(0,r.jsxs)(d.K,{spacing:[0,0,4,4],align:"center",justify:["center","space-between","flex-end","flex-end"],direction:["column","column","row","row"],mt:[0,0,0,0],mb:[4,4,0,0],textTransform:"uppercase",children:[(0,r.jsx)(u,{to:"/about",children:"About"}),(0,r.jsx)(u,{to:"/get-involved",children:"Get Involved"}),(0,r.jsx)(u,{to:"/education",children:"Courses"}),(0,r.jsx)(u,{to:"/live-feed",children:"Live Cam"}),(0,r.jsx)(u,{to:"#contact",children:"Contact"}),(0,r.jsx)(s.r,{size:"sm",fontWeight:["bold","bold","bold","bold"],w:["100%","100%","auto","auto"],textAlign:["center","center","left","left"],href:"https://www.justgiving.com/hornseainshorerescue",target:"_blank",rel:"noopener noreferrer",p:[3,3,"0.5em 1em","0.5em 1em"],color:["primary.500","primary.500","white","white"],bg:["white","white","primary.500","primary.500"],_hover:{bg:["primary.100","primary.100","primary.600"],textDecoration:["none !important","none !important","none !important"]},children:"Donate"}),(0,r.jsx)(f.k,{display:{base:"block",md:"none"},top:"0",right:"0",p:[3,3,"0.5em 1em","0.5em 1em"],mt:2,zIndex:"999",children:(0,r.jsx)(h.Z,{})})]})})},g=()=>(0,r.jsxs)("svg",{width:"24px",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",fill:"white",children:[(0,r.jsx)("title",{children:"Menu"}),(0,r.jsx)("path",{d:"M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"})]}),y=e=>{let{toggle:o,isOpen:t}=e;return(0,r.jsx)(i.xu,{pt:[4,4,0,0],pb:[4,4,0,0],pr:[4,4,0,0],display:{base:"block",md:"none"},onClick:o,children:t?(0,r.jsx)(x,{}):(0,r.jsx)(g,{})})},j=e=>{let{children:o,...t}=e;return(0,r.jsx)(f.k,{as:"nav",align:"center",justify:"space-between",wrap:"wrap",w:"100%",bg:["primary.500","primary.500","transparent","transparent"],color:["white","white","primary.700","primary.700"],...t,children:o})};var v=e=>{let[o,t]=n.useState(!1),i=(0,a.S)({base:!0,md:!1});return(0,r.jsxs)(j,{mb:[0,0,0,0],...e,children:[(0,r.jsx)(p,{pt:4,pb:4,pl:4,pr:4,w:"100%",color:["white","white","primary.500","primary.500"],bg:"primary.500"}),i?(0,r.jsx)(y,{toggle:()=>t(!o),isOpen:o}):(0,r.jsx)(b,{isOpen:!0}),i&&(0,r.jsx)(b,{isOpen:o})]})},S=()=>(0,r.jsx)("header",{children:(0,r.jsx)(v,{})}),F=e=>{let{children:o}=e;return(0,r.jsxs)(i.xu,{bgColor:["background"],minH:"100vh",overflowX:"hidden",children:[(0,r.jsx)(i.xu,{mx:"auto",maxW:["100%","100%","1200px"],px:[{base:0,md:0},{base:0,md:0},{base:4,md:8}],children:(0,r.jsx)(S,{})}),(0,r.jsx)("main",{children:o})]})}},1046:function(e,o,t){var r=t(5893),n=t(3717),a=t(2883),i=t(6089);o.Z=()=>(0,r.jsxs)(n.k,{gap:[2,2,1],children:[(0,r.jsx)(a.r,{href:"https://x.com/hornsea_rescue",target:"_blank",rel:"noopener noreferrer","aria-label":"X/Twitter",marginRight:1,children:(0,r.jsx)(i.E,{src:"/images/x-icon.png",alt:"Twitter",boxSize:["30px","30px","26px","33px"],borderRadius:"full"})}),(0,r.jsx)(a.r,{href:"https://www.facebook.com/hornsearescue/",target:"_blank",rel:"noopener noreferrer","aria-label":"Facebook",marginRight:1,children:(0,r.jsx)(i.E,{src:"/images/fb-icon.png",alt:"Facebook",boxSize:["30px","30px","26px","33px"],borderRadius:"full"})}),(0,r.jsx)(a.r,{href:"https://www.instagram.com/hornsearescue/",target:"_blank",rel:"noopener noreferrer","aria-label":"Instagram",children:(0,r.jsx)(i.E,{src:"/images/insta-icon.png",alt:"Instagram",boxSize:["30px","30px","26px","33px"],borderRadius:"full"})})]})},7726:function(e,o,t){var r=t(5893),n=t(917);o.Z=()=>(0,r.jsx)(n.xB,{styles:"\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-VariableFont_wght.woff2') format('woff2'),\n        url('/fonts/Montserrat-VariableFont_wght.woff') format('woff');\n    font-weight: 300;\n    font-style: normal;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-Italic-VariableFont_wght.woff2') format('woff2'),\n        url('/fonts/Montserrat-Italic-VariableFont_wght.woff') format('woff');\n    font-weight: 300;\n    font-style: italic;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-Bold.woff2') format('woff2'),\n        url('/fonts/Montserrat-Bold.woff') format('woff');\n    font-weight: bold;\n    font-style: normal;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-BoldItalic.woff2') format('woff2'),\n        url('/fonts/Montserrat-BoldItalic.woff') format('woff');\n    font-weight: bold;\n    font-style: italic;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-MediumItalic.woff2') format('woff2'),\n        url('/fonts/Montserrat-MediumItalic.woff') format('woff');\n    font-weight: 500;\n    font-style: italic;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-Medium.woff2') format('woff2'),\n        url('/fonts/Montserrat-Medium.woff') format('woff');\n    font-weight: 500;\n    font-style: normal;\n    font-display: swap;\n} \n\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-ExtraLight.woff2') format('woff2'),\n        url('/fonts/Montserrat-ExtraLight.woff') format('woff');\n    font-weight: 200;\n    font-style: normal;\n    font-display: swap;\n}\n\n@font-face {\n    font-family: 'Montserrat';\n    src: url('/fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),\n        url('/fonts/Montserrat-ExtraLightItalic.woff') format('woff');\n    font-weight: 200;\n    font-style: italic;\n    font-display: swap;\n}\n\n      "})},4503:function(e,o,t){var r=t(9867),n=t(3179);let a={lg:{lg:(0,n.k0)({fontSize:"xl",bg:"transparent",color:"white"})}.lg},i=(0,n.fj)({sizes:a,defaultProps:{size:"lg"}}),s=(0,n.fj)({baseStyle:{mb:1,fontWeight:"bold",color:"white"}}),l=(0,n.fj)({baseStyle:{field:{bg:"#40AEFF",color:"white",border:"2px s

1olid !important",borderRadius:0,borderColor:"white !important",_placeholder:{color:"white"},_focus:{boxShadow:"none !important"},_hover:{boxShadow:"none !important"}},addon:{bg:"#40AEFF"},icon:{color:"white"}},variants:{courses:{border:"2px solid"}},defaultProps:{variant:"courses"}}),d=(0,n.fj)({baseStyle:{field:{bg:"#40AEFF",color:"white",border:"2px solid !important",borderRadius:0,borderColor:"white !important",_placeholder:{color:"white"},_focus:{boxShadow:"none !important"},_hover:{boxShadow:"none !important"}}},variants:{courses:{border:"2px solid"}},defaultProps:{variant:"courses"}}),f=(0,n.fj)({baseStyle:{color:"red.500",fontSize:"lg",fontWeight:"bold",marginTop:1}}),h=(0,n.fj)({baseStyle:{field:{bg:"#40AEFF",color:"white",border:"2px solid",borderRadius:0,borderColor:"white !important",_placeholder:{color:"white"},_focus:{boxShadow:"none !important"},_hover:{boxShadow:"none !important"}},icon:{color:"white"}},variants:{courses:{border:"2px solid"}},defaultProps:{variant:"courses"}}),c=(0,n.fj)({baseStyle:{field:{bg:"#40AEFF",color:"white",border:"2px solid !important",borderRadius:0,borderColor:"white !important",_placeholder:{color:"white"},_focus:{boxShadow:"none !important"},_hover:{boxShadow:"none !important"}},label:{color:"white"}},variants:{outline:{border:"2px solid"}},defaultProps:{variant:"courses"}}),m=(0,n.fj)({baseStyle:{field:{bg:"#40AEFF",color:"white",border:"2px solid !important",borderRadius:0,borderColor:"white !important",_placeholder:{color:"white"},_focus:{boxShadow:"none !important"},_hover:{boxShadow:"none !important"}},label:{color:"white"}},variants:{courses:{border:"2px solid"}},defaultProps:{variant:"courses"}}),p=(0,r.B1)({components:{Tooltip:i,Select:h,Input:l,TextArea:d,FormLabel:s,Radio:c,Checkbox:m,FormErrorMessage:f},colors:{primary:{100:"#FFC994",200:"#FFAF70",300:"#FF995D",400:"#FF854B",500:"#E45200",600:"#B53700",700:"#8E2400",800:"#671500",900:"#420A00"},background:"#000926",text:"#FFFFFF",highlight:"#FFD40A",secondary:"#1d4de0"},fonts:{body:"Arial, sans-serif",heading:"Montserrat, sans-serif"},fontSizes:{xs:"12px",sm:"14px",md:"16px",lg:"18px",xl:"20px","2xl":"24px","3xl":"30px","4xl":"36px","5xl":"48px","6xl":"64px"},fontWeights:{normal:400,medium:500,bold:700},styles:{global:{body:{fontFamily:"body",fontSize:"md",lineHeights:"base",bg:"primary.500"},h1:{fontFamily:"heading",fontSize:"4xl",fontWeight:"bold"},h2:{fontFamily:"heading",fontSize:"3xl",fontWeight:"bold"},h3:{fontFamily:"heading",fontSize:"2xl",fontWeight:"bold"},h4:{fontFamily:"heading",fontSize:"xl",fontWeight:"medium"},p:{fontSize:"md",lineHeights:"base"},".highlight":{color:"highlight",fontWeight:"bold"}}}});o.ZP=p}}]);