https://www.hillsroadsportscentre.co.uk/_next/static/chunks/pages/index-d485b67b0bf038ef.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3332],{842:function(e,t){"use strict";var l=this&&this.__assign||function(){return(l=Object.assign||function(e){for(var t,l=1,a=arguments.length;l<a;l++)for(var s in t=arguments[l])Object.prototype.hasOwnProperty.call(t,s)&&(e[s]=t[s]);return e}).apply(this,arguments)};Object.defineProperty(t,"__esModule",{value:!0}),t.default=function(e,t){switch(t.type){case"advanceTime":var a=t.payload.timeToAdd;return l(l({},e),{time:"DECREMENTAL"===e.timerType?e.time-a:e.time+a});case"pause":return l(l({},e),{status:"PAUSED"});case"reset":return l(l({},e),{status:"STOPPED",time:t.payload.initialTime});case"set":return l(l({},e),{time:t.payload.newTime});case"start":var s=t.payload.initialTime;return l(l({},e),{status:"RUNNING",time:"STOPPED"===e.status?s:e.time});case"stop":return l(l({},e),{status:"STOPPED"});default:return e}}},16760:(e,t,l)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return l(30989)}])},17223:(e,t,l)=>{"use strict";l.d(t,{A:()=>m});var a=l(37876),s=l(43334),i=l(51073),r=l(69679),n=l(93025),o=l(25991),c=l(51872);l(14232);let m=({items:e,onChange:t,value:l,buttonText:m,className:d,classNames:u,variant:x="purple"})=>{let h={purple:{button:"bg-transparent text-black hover:bg-theme-primary hover:border-theme-primary ui-open:border-theme-primary ui-open:bg-theme-primary hover:text-white border-secondary-grey-01 ui-open:text-white",item:"ui-active:bg-theme-tint-02 ui-selected:text-black/10"},white:{button:"border-secondary-grey-02 text-black bg-white hover:bg-theme-accent-01 ui-open:bg-theme-accent-01 ui-open:border-theme-accent-01",item:"ui-active:bg-theme-tint-02 ui-selected:text-black/10 text-black"}}[x];return(0,a.jsx)(a.Fragment,{children:(0,a.jsxs)(o.WF,{as:"span",onChange:e=>{t(e),(0,s.A)({event:"ui_event",category:"select",action:"change",label:e?.label||"none"})},value:l,className:(0,i.cn)("inline-block relative",d),children:[(0,a.jsx)("div",{role:"none",className:"fixed inset-0 z-20 transition-all duration-300 opacity-0 pointer-events-none bg-black/40 ui-open:opacity-100"}),(0,a.jsxs)(o.go,{className:(0,i.cn)("relative ui-open:z-20 flex w-full overflow-hidden whitespace-nowrap justify-between items-center core-transition border-2 py-[12px] px-5 font-bold",h.button,u?.button),children:[(0,r.x)(m,20),(0,a.jsx)(n.A,{className:"ml-2 transition-transform ui-not-open:rotate-180"})]}),(0,a.jsx)(o.wh,{className:(0,i.cn)("z-20 absolute top-16 w-full border-2 bg-white border-secondary-grey-01",u?.list),children:(0,a.jsx)(c.r,{element:"div",className:"max-h-[11.25rem]",options:{scrollbars:{autoHide:"never"}},defer:!0,children:e.map(e=>(0,a.jsx)(o.h7,{value:e,disabled:e.value===l?.value,className:(0,i.cn)("core-transition ui-disabled:opacity-50 py-2.5 px-4 font-bold text-sm cursor-pointer",h.item,u?.item),children:e.label},e.key))})})]})})}},24664:function(e,t,l){"use strict";var a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.useTimer=void 0;var s=l(14232),i=a(l(842));t.useTimer=function(e){var t=void 0===e?{}:e,l=t.autostart,a=void 0!==l&&l,r=t.endTime,n=t.initialTime,o=void 0===n?0:n,c=t.interval,m=void 0===c?1e3:c,d=t.onTimeOver,u=t.onTimeUpdate,x=t.step,h=void 0===x?1:x,p=t.timerType,g=void 0===p?"INCREMENTAL":p,f=s.useReducer(i.default,{status:"STOPPED",time:o,timerType:g}),b=f[0],w=f[1],v=b.status,y=b.time,j=s.useCallback(function(e){w({type:"advanceTime",payload:{timeToAdd:e}})},[]),N=s.useCallback(function(){w({type:"pause"})},[]),k=s.useCallback(function(){w({type:"reset",payload:{initialTime:o}})},[o]),A=s.useCallback(function(){w({type:"start",payload:{initialTime:o}})},[]);return s.useEffect(function(){a&&w({type:"start",payload:{initialTime:o}})},[a]),s.useEffect(function(){"function"==typeof u&&u(y)},[y]),s.useEffect(function(){"STOPPED"!==v&&y===r&&(w({type:"stop"}),"function"==typeof d&&d())},[r,d,y,v]),s.useEffect(function(){var e=null;return"RUNNING"===v?e=setInterval(function(){w({type:"set",payload:{newTime:"DECREMENTAL"===g?y-h:y+h}})},m):e&&clearInterval(e),function(){e&&clearInterval(e)}},[v,h,g,m,y]),{advanceTime:j,pause:N,reset:k,start:A,status:v,time:y}}},25005:(e,t,l)=>{"use strict";l.d(t,{A:()=>i});var a=l(37876),s=l(52119);l(14232);let i=({heading:e,image:t,category:l,href:i,postDate:r,headingLevel:n,color:o="yellow-tint",priorityImage:c=!1})=>(0,a.jsxs)(s.A,{href:i,as:"link",gtmLabel:e,children:[(0,a.jsx)(s.A.Image,{image:t,className:"lg:h-[14.0625rem]",priority:c}),(0,a.jsxs)(s.A.Panel,{color:o,children:[(0,a.jsx)(s.A.PreHeading,{children:l}),(0,a.jsx)(s.A.Heading,{className:"text-xl md:text-xl lg:text-2xl",as:n,children:e}),(0,a.jsx)(s.A.Footer,{className:"pt-4 text-sm",children:r})]})]})},30989:(e,t,l)=>{"use strict";l.r(t),l.d(t,{__N_SSG:()=>D,default:()=>R});var a=l(37876),s=l(33157),i=l(14232),r=l(59605),n=l(70508),o=l(68244);let c=({figure:e,image:t,suffix:l,copy:s,backgroundImage:c})=>{let m=i.useRef(null),d=(0,n.W)(m,{once:!1}),{value:u,reset:x}=(0,o.S)({isCounting:d,start:0,end:e||0,duration:1,easing:"easeOutCubic"});return i.useEffect(()=>{d||x()},[d,x]),(0,a.jsxs)("div",{suppressHydrationWarning:!0,className:"relative min-h-[22.1875rem] md:min-

1h-[20.625rem] text-white bg-gradient-to-b from-white to-black flex items-end clip-home-stat overflow-hidden",children:[(0,a.jsx)(r.A,{image:c,className:"absolute inset-0 object-cover w-full h-full mix-blend-multiply"}),(0,a.jsxs)("div",{className:"relative z-10 p-5 pb-12",children:[t?(0,a.jsx)(r.A,{image:t,className:"object-contain w-20 h-20 mb-2"}):(0,a.jsxs)("span",{className:"text-7xl",ref:m,children:[u,l]}),(0,a.jsx)("p",{className:"md:max-w-sm md:text-lg",children:s})]})]})};var m=l(29135),d=l(52119);let u=({fullName:e,firstName:t,excerpt:l,image:s,href:i})=>{let n=(t?.length||20)>12?"Read the story":`Read ${t}'s story`;return(0,a.jsxs)(d.A,{as:"article",className:"lg:flex-row",gtmLabel:e||"Featured story",children:[(0,a.jsx)(r.A,{image:s,objectFit:"cover",className:"lg:w-7/12 lg:aspect-[65/45] h-[250px] md:h-[450px]"}),(0,a.jsxs)("div",{className:"flex-grow p-5 py-8 bg-theme-tint-03 featured-story-panel md:px-10 md:pb-14 lg:flex lg:flex-col lg:justify-center lg:items-start",children:[(0,a.jsx)("span",{className:"hidden md:block md:mb-4 lg:mb-2",children:"Student story"}),(0,a.jsx)(d.A.Heading,{className:"md:text-[36px] md:mb-2 lg:text-3xl md:font-bold",children:e}),(0,a.jsx)(d.A.Excerpt,{className:"mb-6 md:text-xl line-clamp-4 lg:text-lg lg:mb-5",children:l}),(0,a.jsx)(m.$,{href:i,as:"link",variant:"primary",className:"w-full md:w-auto",children:n})]})]})};var x=l(25005),h=l(22340),p=l(86154),g=l(20367),f=l(15376),b=l(77896),w=l(35642);let v=({exploreCards:e=[],copy:t,title:l})=>{let[s,r]=i.useState(null);return e&&!(e.length<1)&&l?(0,a.jsx)("section",{className:"py-16  md:py-[7.5rem] mt-12 lg:mt-28 bg-theme-navy text-wrap-normal wedge-top wedge-bottom",children:(0,a.jsxs)(w.A,{className:"pl-5 lg:flex lg:space-x-10 md:pl-10 lg:px-20",gutter:!1,children:[(0,a.jsxs)("div",{className:"lg:w-[35%] lg:flex-col lg:flex pr-5",children:[(0,a.jsx)("span",{dangerouslySetInnerHTML:{__html:l},className:"inline-block mb-2 text-3xl font-black text-white lg:mb-4 md:text-5xl explore-heading",role:"heading","aria-level":2}),(0,a.jsx)(g.A,{html:t,className:"text-sm text-white md:text-lg lg:pr-5"}),(0,a.jsxs)("div",{className:"hidden space-x-2 lg:flex lg:mt-auto lg:pt-16",children:[(0,a.jsx)(b.A,{onClick:()=>s?.prev(),direction:"left",variant:"hollow-white"}),(0,a.jsx)(b.A,{onClick:()=>s?.next(),direction:"right",variant:"hollow-white"})]})]}),(0,a.jsx)("div",{className:"mt-10 lg:w-[65%] lg:mt-0",children:(0,a.jsx)(f.h,{hideArrows:!0,setRef:e=>r(e),containerClasses:"lg:pr-0",slides:e.map(e=>{let t,l,s,i;if("internal"===e.type){let a=(0,p.H)(e.entry);t=a?.uri,l=(0,p.H)(a?.cardImage),i=a?.cardExcerpt,s=e.altHeading??a?.title}else t=e.destination?.url,l=(0,p.H)(e.image),s=e.heading,i=e.copy;return t?(0,a.jsxs)(d.A,{href:t,as:"link",gtmLabel:e.altHeading??s,children:[(0,a.jsx)(d.A.Image,{image:l,className:"h-[230px] lg:h-[15.125rem]"}),(0,a.jsxs)(d.A.Panel,{color:"white",children:[(0,a.jsx)(d.A.Heading,{children:s}),(0,a.jsx)(d.A.Excerpt,{className:"line-clamp-2",children:i})]})]},e.id):null}).filter(Boolean),options:h.kB,buttonPosition:"below"})})]})}):null};var y=l(51073),j=l(26920),N=l(27212),k=l(43821);let A=(0,l(59902).C)(),T=(0,k.I)(A);var _=l(32236),E=l(43334),C=l(34285),L=l(89099),H=l(42237),P=l(17223);let S=({title:e,routes:t,progress:l})=>{let s=t[0],[r,n]=i.useState({title:s.title,id:s.id}),[o,c]=i.useState(null),{push:m}=(0,L.useRouter)(),d=i.useMemo(()=>t.find(e=>e.id===r?.id)?.children||[],[t,r]);return i.useEffect(()=>{0!==d.length&&c(d[0])},[d]),(0,a.jsx)("section",{title:"route selector",className:"-mt-[7.5rem] lg:-mt-[5.5rem] relative",children:(0,a.jsx)(w.A,{largeGutter:!0,children:(0,a.jsxs)("div",{className:"relative text-white bg-theme-primary pt-[1.875rem] pb-10 md:p-8 md:py-10 lg:py-4 lg:px-0  px-4 [@media(min-width:68.75rem)]:flex [@media(min-width:68.75rem)]:items-center",children:[(0,a.jsx)("div",{className:"absolute top-0 left-0 z-10 block w-0 h-1 bg-theme-accent-01",style:{width:`${100*l}%`},role:"progressbar","aria-label":"slideshow image progress bar"}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"335",height:"220",viewBox:"0 0 335 220",fill:"none",className:"absolute bottom-0 left-0 right-0 w-full h-auto top-[40%] lg:hidden",children:(0,a.jsx)("path",{d:"M335 220L335 94.171L255.057 -9.53312e-07L2.21747e-06 34.0466L0 220L335 220Z",fill:"white",fillOpacity:"0.15"})}),(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"631",height:"164",viewBox:"0 0 631 164",fill:"none",className:"absolute top-0 bottom-0 right-0 hidden w-auto h-full lg:block",children:(0,a.jsx)("path",{d:"M631 0H113.005L0 39.1363L40.856 164H631L631 0Z",fill:"white",fillOpacity:"0.15"})}),(0,a.jsx)("div",{className:"border-b-2 px-2 md:px-0 lg:py-6 lg:px-10 border-secondary-grey-02/40 [@media(min-width:68.75rem)]:w-4/12 lg:border-0 lg:border-r-2",children:(0,a.jsx)(H.A,{as:"h1",className:"mb-6 md:mb-8 text-3xl font-bold text-center md:text-[36px] md:leading-[1.16] text-wrap-normal lg:text-left lg:mb-0",children:e})}),(0,a.jsxs)("form",{className:"relative pt-8 space-y-5 lg:flex lg:space-y-0 [@media(min-width:68.75rem)]:w-9/12 lg:space-x-5 lg:py-6 lg:px-10 lg:pr-[30px]",onSubmit:e=>{e.preventDefault(),o&&m((0,C.w)(o.routeDestination[0].uri))},children:[(0,a.jsxs)("div",{className:"flex flex-col space-y-1.5 lg:pt-1 lg:w-1/2 ",children:[(0,a.jsx)("label",{children:"I am"}),(0,a.jsx)(P.A,{items:t.map(e=>({label:e.title,value:e.id,key:e.id}

1)),value:{label:r.title,value:r.id,key:r.id},onChange:e=>{e&&((0,E.A)({event:"ui_event",action:"click",category:"route_selector_primary",label:e.label}),n({id:e.value,title:e.label}))},buttonText:r.title,classNames:{button:"text-sm py-[13px] border-secondary-grey-01"},variant:"white"})]}),(0,a.jsxs)("div",{className:"flex flex-col space-y-1.5 lg:pt-1 lg:w-7/12",children:[(0,a.jsx)("label",{children:"I am looking to"}),(0,a.jsxs)("div",{className:"flex space-x-2 lg:space-x-5",children:[(0,a.jsx)(P.A,{items:d.map(({title:e,id:t})=>({label:e,value:t,key:t})),classNames:{button:"text-sm py-[13px] border-secondary-grey-01"},onChange:e=>{e&&((0,E.A)({event:"ui_event",action:"click",category:"route_selector_secondary",label:e.label}),c(d.find(t=>t.id===e.value)||null))},value:o?{label:o.title,value:o.id,key:o.routeDestination[0]?.uri}:null,buttonText:o?o.title:d[0].title,variant:"white",className:"w-full"}),(0,a.jsx)("button",{type:"submit","aria-label":"follow route suggestion",className:"border-2 border-white h-[50px] w-[50px] core-transition flex items-center justify-center flex-shrink-0 hover:bg-white hover:text-theme-primary",children:(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"11",height:"18",viewBox:"0 0 11 18",fill:"none",className:"lg:ml-px",children:(0,a.jsx)("path",{d:"M2 2L8.99983 9L2 16",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"square"})})})]})]})]})]})})})},I=({images:e=[],routes:t=[]})=>{let[l,s]=i.useState(0),{time:n,start:o,reset:c,status:m}=(0,_.L)({initialTime:0,endTime:3500,interval:1,timerType:"INCREMENTAL",onTimeOver:()=>{e&&s((l+1)%e.length),c()}});i.useEffect(()=>{"STOPPED"===m&&o()},[m,o]);let d=n/3500,u=e?.[(l-1+e.length)%e.length],x=e?.[l],{isSportsSite:h,t:p}=(0,j.A)();return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("header",{className:"relative aspect-[375/400] md:aspect-[75/55] lg:aspect-none lg:h-[35rem] 2xl:h-[41.25rem] lg:w-full overflow-hidden",children:(0,a.jsxs)(N.N,{mode:"sync",children:[(0,a.jsx)(T.div,{initial:{opacity:0}

1,animate:{opacity:1,transition:{duration:2}},style:{scale:1+.1*d},className:(0,y.cn)("absolute inset-0 w-full h-full"),children:(0,a.jsx)(r.A,{image:x,sizes:"100w",className:(0,y.cn)(l%2?"origin-bottom-left":"origin-bottom-right","object-cover w-full h-full"),priority:!0})},x?.key),(0,a.jsx)(T.div,{initial:{opacity:1},animate:{opacity:0,transition:{duration:2}},className:(0,y.cn)("absolute inset-0 w-full h-full"),style:{scale:1.1},children:(0,a.jsx)(r.A,{image:u,sizes:"100w",className:"object-cover w-full h-full",priority:!0})},u?.key)]})}),t.length>0&&(0,a.jsx)(S,{title:p("route-selector-title"),routes:t,progress:d})]})};var O=l(77328),B=l.n(O),M=l(64887),D=!0;let R=e=>{let{entry:t,routes:l}=e,[n,o]=i.useState(t.statCards.slice(0,3)),{isSportsSite:d,t:b}=(0,j.A)();return i.useEffect(()=>{o(t.statCards.sort(()=>.5-Math.random()).slice(0,3))},[t]),(0,a.jsxs)("div",{className:"pb-20 md:pb-[7.5rem]",children:[(0,a.jsx)(M.Mn,{Head:B(),...e.entry.seomatic}),(0,a.jsx)(I,{images:t.headerImages,routes:l}),(0,a.jsxs)("div",{className:"relative pb-6 mt-10 overflow-hidden md:mt-20 lg:pb-10",children:[(0,a.jsx)("section",{children:(0,a.jsxs)(w.A,{className:"lg:flex lg:space-x-20 lg:pb-10 lg:items-center",largeGutter:!0,children:[(0,a.jsx)("div",{className:"lg:w-full",children:(0,a.jsx)(r.A,{image:(0,p.H)(t.welcomeImage),sizes:"(min-width:1024px) 700px,100vw",className:"aspect-[4/3] object-cover"})}),(0,a.jsxs)("div",{className:"relative py-8 lg:static md:py-10 lg:py-0 lg:w-full",children:[(0,a.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",width:"327",height:"1009",viewBox:"0 0 327 1009",fill:"none",className:"absolute -right-5 top-[8rem] text-theme-tint-03 md:top-20 lg:top-8 md:-right-10 z-[-1] w-7/12 md:w-5/12 lg:w-auto h-auto",children:(0,a.jsx)("path",{opacity:"0.7",d:"M327 0L0 110.592L327 1009V0Z",fill:"currentColor"})}),(0,a.jsxs)(H.A,{as:"h2",className:"relative mb-4",children:[(0,a.jsx)("span",{className:"relative block mb-2 text-lg italic font-bold md:text-xl text-theme-accent-02",children:t.welcomePreHeading}),(0,a.jsx)("span",{className:"relative text-5xl md:text-6xl text-theme-navy",children:t.welcomeHeading})]}),(0,a.jsx)(g.A,{html:t.welcomeCopy,className:"relative text-black text-wrap-normal md:text-xl"}),(t.welcomeButton1?.url||t.welcomeButton2?.url)&&(0,a.jsxs)("div",{className:"md:flex md:space-x-2 md:mt-6 lg:mt-8",children:[t.welcomeButton1?.url&&(0,a.jsx)(m.$,{as:"link",href:t.welcomeButton1.url,className:"w-full mt-6 md:mt-0 md:w-auto",variant:"primary",external:"_blank"===t.welcomeButton1.target,children:t.welcomeButton1.text}),t.welcomeButton2?.url&&(0,a.jsx)(m.$,{as:"link",href:t.welcomeButton2.url,className:"w-full mt-2 md:mt-0 md:w-auto",variant:"secondary",external:"_blank"===t.welcomeButton2.target,children:t.welcomeButton2.text})]})]})]})}),t.ctaText&&t.ctaLink&&(0,a.jsx)("section",{className:"py-10",children:(0,a.jsx)(w.A,{largeGutter:!0,children:(0,a.jsx)(s.A,{colour:"blue-tint",text:t.ctaText,link:t.ctaLink})})}),(0,a.jsx)(v,{title:t.exploreTitle,exploreCards:t.exploreCards,copy:t.exploreCopy})]}),t.statCards&&t.statCards.length>0&&(0,a.jsx)("section",{className:"pt-16 md:pt-20 lg:pt-[7.5rem]",children:(0,a.jsxs)(w.A,{largeGutter:!0,children:[(0,a.jsx)("div",{role:"heading","aria-level":2,className:"block mb-2 font-black teal-italics text-[2.25rem] md:text-5xl md:mb-6 lg:text-6xl text-theme-navy",dangerouslySetInnerHTML:{__html:t.statsTitle}}),(0,a.jsx)("div",{className:"grid gap-5 lg:grid-cols-3",children:n.map(e=>(0,a.jsx)(c,{backgroundImage:(0,p.H)(e.backgroundImage),copy:e.copy,figure:e.figure,suffix:e.suffix,image:(0,p.H)(e.image)},e.id))})]})}),(!d&&t.featuredStories.length>0||t.featuredNews.length>0)&&(0,a.jsx)("section",{title:b("featured-news"),className:"pt-16 md:pt-20 lg:pt-[7.5rem]",children:(0,a.jsxs)(w.A,{gutter:!1,className:"pl-5 md:pl-10 lg:px-20",children:[(0,a.jsx)(H.A,{as:"h2",className:"mb-4 text-3xl md:text-[2.25rem] lg:text-5xl",children:b("featured-news")}),!d&&t.featuredStories.length>0&&(0,a.jsx)(f.h,{slides:t.featuredStories.map(e=>(0,a.jsx)(u,{fullName:e.title,firstName:e.firstName,href:(0,C.w)(e.uri),image:(0,p.H)(e.cardImage),excerpt:e.cardExcerpt},e.id)),options:h.yY}),t.featuredNews.length>0&&(0,a.jsx)(f.h,{containerClasses:"mt-10 md:mt-16 lg:mt-10",hideArrows:!0,slides:t.featuredNews.map(e=>(0,a.jsx)(x.A,{href:(0,C.w)(e.uri),heading:e.title,image:(0,p.H)(e.cardImage),postDate:e.postDate,category:(0,p.H)(e.category)?.title??""},e.id)),options:h.x5})]})})]})}},32236:(e,t,l)=>{"use strict";t.L=void 0;var a=l(24664);Object.defineProperty(t,"L",{enumerable:!0,get:function(){return a.useTimer}})},69679:(e,t,l)=>{"use strict";function a(e="",t){return e?e.length>t?e.slice(0,t)+"...":e:""}l.d(t,{x:()=>a})}},e=>{e.O(0,[1985,4891,8866,3945,636,6593,8792],()=>e(e.s=16760)),_N_E=e.O()}]);