1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6064],{5484:function(e,t,n){n.d(t,{Z:function(){return l}});var a=n(7437);function l(e){let{hover:t=!1}=e;return(0,a.jsx)("div",{className:"rounded-full w-12 h-12 flex items-center justify-center ".concat(t?"bg-bbdpink2":"bg-white"),children:(0,a.jsx)("img",{src:"/icon-arrow.png",className:"".concat(t?"invert":""),alt:"Arrow icon"})})}},6798:function(e,t,n){n.d(t,{default:function(){return r}});var a=n(7437),l=n(2265);function r(e){let{children:t,onClick:n,disabled:r,type:i,href:s,center:o=!0,left:c,right:u,baseClasses:d,fillamentClasses:f,inverse:b}=e,[m,v]=(0,l.useState)(!1),g={className:"block w-fit border-0 py-3 px-6 rounded-full overflow-hidden relative ".concat(b?"bg-black":"bg-white"," ").concat(d||"")},x={className:"absolute top-1/2 z-10 -translate-y-1/2 -left-[102%] w-[102%] h-full h-full bg-[#ec4899] rounded-full ".concat(m?"translate-x-[99%]":"translate-x-0"," transition-transform duration-300 origin-left ").concat(f||"")},h=()=>{v(!0)},p=()=>{v(!1)};return s?(0,a.jsx)("div",{className:"".concat(o?"flex justify-center":c?"flex justify-start":u?"flex justify-end":""),children:(0,a.jsxs)("a",{...g,href:s,onClick:n,onMouseEnter:h,onMouseLeave:p,children:[(0,a.jsx)("div",{...x}),(0,a.jsx)("div",{className:"block relative z-20 font-monBold ".concat(b?m?"text-black":"text-white":"text-black"),children:t})]})}):(0,a.jsx)("div",{className:"",children:(0,a.jsxs)("button",{...g,disabled:r,onClick:n,type:i||"button",onMouseEnter:h,onMouseLeave:p,children:[(0,a.jsx)("div",{...x}),(0,a.jsx)("div",{className:"block relative z-20 font-monBold ".concat(b?m?"text-black":"text-white":"text-black"),children:t})]})})}},2756:function(e,t,n){n.d(t,{default:function(){return i}});var a=n(7437),l=n(5484),r=n(2265);function i(e){let{image:t,title:n,excerpt:i,url:s,square:o=!1,large:c=!1,staff:u=!1,environment:d}=e,[f,b]=(0,r.useState)(!1),m=t?{backgroundImage:"url(".concat(d+t,")")}:{},v=()=>{sessionStorage.setItem("scroll-position",window.scrollY)};return u?(0,a.jsx)("div",{className:"bg-black w-full min-h-full rounded-3xl bg-no-repeat bg-cover bg-center flex md:aspect-square ".concat(o&&"aspect-square"," ").concat(c&&"text-center md:text-left"," md:w-full"),style:m,onClick:v,children:(0,a.jsx)("a",{href:"/blog/".concat(s),className:"p-5 w-full block",onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:(0,a.jsxs)("div",{className:"h-full flex",children:[(0,a.jsxs)("div",{className:"w-3/4 mt-auto pr-2",children:[(0,a.jsx)("h3",{className:"text-xl leading-tight mb-2",children:n}),(0,a.jsx)("p",{className:"mb-0 text-base",children:i})]}),(0,a.jsx)("div",{className:"w-1/4 mt-auto flex justify-end",children:(0,a.jsx)(l.Z,{hover:f})})]})})}):(0,a.jsx)("div",{className:"bg-black w-full min-h-full rounded-3xl bg-no-repeat bg-cover bg-center flex md:aspect-square ".concat(o&&"aspect-square"," ").concat(c&&"text-center md:text-left"," md:w-full"),style:m,onClick:v,children:(0,a.jsx)("a",{href:"/blog/".concat(s),className:"p-5 w-full block",onMouseEnter:()=>b(!0),onMouseLeave:()=>b(!1),children:(0,a.jsxs)("div",{className:"h-full flex flex-col",children:[(0,a.jsx)("h3",{className:"text-3xl ".concat(c&&"text-5xl leading-tight md:text-4xl"),children:n}),(0,a.jsx)("div",{className:"mt-auto self-end",children:(0,a.jsx)(l.Z,{hover:f})})]})})})}},9436:function(e,t,n){n.d(t,{default:function(){return o}});var a=n(7437),l=n(2265),r=n(3853),i=n(9533);n(2834);var s=e=>{let{animationData:t,loop:n=!0,cms:s=!1}=e,o=(0,l.useRef)();return(0,a.jsx)(r.h,{onEnter:()=>{o.current&&o.current.play()},onLeave:()=>{o.current&&o.current.stop()},children:(0,a.jsx)("div",{children:(0,a.jsx)(i.y1,{ref:o,src:t,autoplay:!0,loop:n})})})};function o(e){let{data:t,environment:n,centered:r=!1}=e,[i,o]=(0,l.useState)(""),[c,u]=(0,l.useState)(""),[d,f]=(0,l.useState)(!1),[b,m]=(0,l.useState)(""),[v,g]=(0,l.useState)(!1);return(0,l.useLayoutEffect)(()=>{window.innerWidth<768&&g(!0)}),(0,l.useEffect)(()=>{if(null==t?void 0:t.VideoUrl){if(f("YouTube"==t.Type),d)m(t.VideoUrl);else{let e=/vimeo\.com\/(\d+)\/([^\/?#]+)/.exec(t.VideoUrl);null!==e&&(o(e[1]),u(e[2]))}}},[d,t]),(0,a.jsx)(a.Fragment,{children:(()=>
1{if((null==t?void 0:t.AlternativeMobileMedia)&&v&&t.AlternativeMobileMedia.data)return(0,a.jsx)("img",{src:"".concat(n+t.AlternativeMobileMedia.data.attributes.url),className:r?"object-contain":"object-cover"});switch(null==t?void 0:t.Type){case"Image":if(t.File.data){if(".gif"===t.File.data.attributes.formats.thumbnail.ext)return(0,a.jsx)("img",{src:"".concat(n+t.File.data.attributes.url),className:r?"object-contain":"object-cover"});return(0,a.jsx)("img",{src:"".concat(n+t.File.data.attributes.formats.original.url),className:r?"object-contain":"object-cover"})}case"YouTube":return(0,a.jsx)("div",{className:' "player-wrapper" ',children:(0,a.jsx)("div",{style:{padding:"55% 0 0 0",position:"relative"},children:d&&(0,a.jsx)("iframe",{src:"".concat(b,"?autoplay=1&mute=0&loop=0"),allow:"autoplay; fullscreen; picture-in-picture",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},title:"Video"})})});case"Video":return(0,a.jsx)("div",{className:"player-wrapper w-full h-full !p-0",children:(0,a.jsx)("div",{style:{padding:"55% 0 0 0",position:"relative"},children:i&&c&&(0,a.jsx)("iframe",{src:"https://player.vimeo.com/video/".concat(i,"?h=").concat(c,"&badge=0&autopause=0&autoplay=1&muted=1&loop=1&background=1&player_id=0&app_id=58479"),allow:"autoplay; fullscreen; picture-in-picture",style:{position:"absolute",top:0,left:0,width:"100%",height:"100%"},title:"Video"})})});case"Lottie":return t.VideoUrl?(0,a.jsx)(s,{animationData:t.VideoUrl,cms:!0}):null;default:var e;return(0,a.jsx)("img",{src:"".concat(n+(null==t?void 0:null===(e=t.attributes)||void 0===e?void 0:e.formats.original.url)),className:"w-full"})}})()})}},3255:function(e,t,n){n.d(t,{default:function(){return p}});var a=n(7437),l=n(414),r=n(2265);n(3006);var i=n(2756),s=n(9505),o=n(8646),c=n(1432);function u(){let e=(0,o._)(["\n fragment SeoFragment on ComponentSharedSeo {\n metaTitle\n metaDescription\n structuredData\n keywords\n metaImage {\n data {\n attributes {\n height\n width\n url\n }\n }\n }\n }\n"]);return u=function(){return e},e}let d=(0,c.Ps)(u());function f(){let e=(0,o._)(["\n ","\n\n query GetBlogs {\n blogListing {\n data {\n attributes {\n Copy\n Heading\n Slug\n Blogs(pagination: { limit: -1 }) {\n data {\n id\n attributes {\n Header {\n Heading\n Copy\n Media {\n data {\n attributes {\n previewUrl\n url\n }\n }\n }\n }\n Slug\n Title\n Excerpt\n FeaturedImage {\n data {\n attributes {\n url\n previewUrl\n formats\n }\n }\n }\n }\n }\n }\n seo {\n ...SeoFragment\n }\n }\n }\n }\n setting {\n data {\n attributes {\n ShowBlogFilters\n }\n }\n }\n }\n"]);return f=function(){return e},e}let b=(0,c.Ps)(f(),d);var m=n(3128),v=n(303),g=n(1287),x=e=>{e||(e="https://cms.brightblueday.com");let t=new m.u({uri:"".concat(e,"/graphql")});return new v.f({link:t,cache:new g.h,defaultOptions:{query:{fetchPolicy:"no-cache"}}})}
1,h=n(2245),p=e=>{var t,n,o,c,u;let d,f,{data:m,staff:v=!1,environment:g,mode:p}=e,j=(0,r.useRef)(null),w=(0,r.useRef)(null),k=(0,r.useRef)(null),y=m.Types,N="",S="",M="";if((null==m?void 0:null===(t=m.Settings)||void 0===t?void 0:t.BackgroundColour)===void 0&&(M="!bg-white hover:!bg-bbdpink2 hover:!text-bbdblack"),(null==m?void 0:null===(n=m.Settings)||void 0===n?void 0:n.BackgroundColour)==="White"?(N="bg-white",S="text-black",M="!bg-bbdpink2 hover:!bg-bbdblack"):(null==m?void 0:null===(o=m.Settings)||void 0===o?void 0:o.BackgroundColour)==="Pink"?(N="bg-bbdpink2",S="text-white",M="!bg-white hover:!bg-bbdblack"):(null==m?void 0:null===(c=m.Settings)||void 0===c?void 0:c.BackgroundColour)==="Black"&&(N="bg-bbdblack",S="text-white",M="!bg-white hover:!bg-bbdpink2"),"Work"===p)d=m.CaseStudies.data;else if(0===m.Blogs.data.length){let{loading:e,error:t,data:n}=(0,s.a)(b,{client:x});if(e)return(0,a.jsx)("section",{className:"py-28",children:(0,a.jsx)("div",{className:"inner",children:(0,a.jsx)("p",{children:"Loading..."})})});if(t)return null;f=(null==n?void 0:null===(u=n.blogs)||void 0===u?void 0:u.data)||[],!(y.includes("Staff")&&y.includes("Blog"))&&((null==y?void 0:y.includes("Staff"))?f=f.filter(e=>e.attributes.StaffPage):(null==y?void 0:y.includes("Blog"))&&(f=f.filter(e=>!e.attributes.StaffPage)))}return(0,a.jsxs)("section",{className:"relative pl-[calc((100%-1200px)/2)] ".concat(h.N," ").concat(N),children:[(0,a.jsx)("h3",{className:"pb-7 ".concat(S),children:m.Headline}),(0,a.jsx)(l.tv,{hasTrack:!1,ref:k,options:{type:"loop",autoWidth:!0,perMove:1,arrows:!1,pagination:!0,gap:"20px"},className:"h-full flex items-center",children:(0,a.jsx)(l.Gj,{children:"Work"===p?(0,a.jsx)(a.Fragment,{children:d.map((e,t)=>{var n,r,s,o,c;return(0,a.jsx)(l.jw,{className:"w-96 max-w-sm h-96",children:(0,a.jsx)(i.default,{image:null===(c=e.attributes.FeaturedImage)||void 0===c?void 0:null===(o=c.data)||void 0===o?void 0:null===(s=o.attributes)||void 0===s?void 0:null===(r=s.formats)||void 0===r?void 0:null===(n=r.small)||void 0===n?void 0:n.url,title:e.attributes.Title,excerpt:e.attributes.Excerpt?e.attributes.Excerpt:"",url:"work/projects/".concat(e.attributes.Slug),square:!0,environment:g})},t)})}):y&&f?(0,a.jsx)(a.Fragment,{children:f.map((e,t)=>{var n,r;return(0,a.jsx)(l.jw,{className:"w-96 max-w-sm h-96",children:(0,a.jsx)(i.default,{image:null===(r=e.attributes.FeaturedImage)||void 0===r?void 0:null===(n=r.data)||void 0===n?void 0:n.attributes.url,title:e.attributes.Header.Heading,excerpt:e.attributes.Excerpt?e.attributes.Excerpt:"",url:e.attributes.Slug,square:!0,staff:v,environment:g})},t)})}):(0,a.jsx)(a.Fragment,{children:m.Blogs.data.map((e,t)=>{var n,r;return(0,a.jsx)(l.jw,{className:"w-10/12 max-w-sm",children:(0,a.jsx)(i.default,{image:null===(r=e.attributes.FeaturedImage)||void 0===r?void 0:null===(n=r.data)||void 0===n?void 0:n.attributes.formats.small.url,title:e.attributes.Header.Heading,excerpt:e.attributes.Excerpt?e.attributes.Excerpt:"",url:e.attributes.Slug,square:!0,staff:v,environment:g})},t)})})})}),(0,a.jsxs)("div",{className:"flex justify-start mt-10 gap-5",children:[(0,a.jsx)("div",{className:"flex justify-center items-center w-20 h-10 bg-white rounded-full rotate-180 cursor-pointer ".concat(M," !shadow-none"),onMouseEnter:e=>{j.current.classList.toggle("invert")},onMouseLeave:e=>{j.current.classList.toggle("invert")},onClick:()=>{k.current.splide.go("<")},children:(0,a.jsx)("img",{src:"/icon-arrow.png",alt:"arrow left",ref:j})}),(0,a.jsx)("div",{className:"flex justify-center items-center w-20 h-10 bg-white rounded-full cursor-pointer auto ".concat(M," !shadow-none"),onMouseEnter:e=>{w.current.classList.toggle("invert")},onMouseLeave:e=>{w.current.classList.toggle("invert")},onClick:()=>{k.current.splide.go(">")},children:(0,a.jsx)("img",{src:"/icon-arrow.png",alt:"arrow left",ref:w})})]})]})}},2245:function(e,t,n){n.d(t,{N:function(){return a}});let a="py-10 md:py-5"}}]);
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.