https://www.twsgo.com/_next/static/chunks/pages/websummit2023/[slug]-90d54300f573f205.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[989],{248:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/websummit2023/[slug]",function(){return n(1509)}])},1509:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return O},default:function(){return k}});var r=n(5893),i=n(7294),c=n(1664),s=n(7922),a=n(617),l=n(5675),o=function(e){var t=e.image,n=e.imageAlt,i=e.title,c=e.titleImage,s=e.subTitle,a=e.titleImageAlt;return(0,r.jsxs)("section",{className:"project-intro",children:[(0,r.jsx)("div",{children:(0,r.jsx)(l.default,{src:t,alt:n,layout:"responsive",objectFit:"fill"})}),(0,r.jsxs)("div",{className:"project-intro_title",children:[(0,r.jsx)("h1",{children:i}),(0,r.jsxs)("div",{className:"project-intro_title_subtitle".concat(c?"":" project-intro_title_subtitle_full"),children:[(0,r.jsx)("h3",{children:s}),c&&(0,r.jsx)("div",{className:"project-intro_title_subtitle_image",children:(0,r.jsx)(l.default,{src:c,alt:a,layout:"responsive",objectFit:"fill"})})]})]})]})},d=n(8011);function u(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var r,i,c=[],s=!0,a=!1;try{for(n=n.call(e);!(s=(r=n.next()).done)&&(c.push(r.value),!t||c.length!==t);s=!0);}catch(l){a=!0,i=l}finally{try{s||null==n.return||n.return()}finally{if(a)throw i}}return c}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return u(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(n);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return u(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}var h=function(e){return[e.scrollLeft,e.scrollWidth]},f=function(e){var t=e.title,n=e.images,c=(0,i.useState)(0),s=c[0],a=c[1],o=(0,i.useRef)(),u=(0,i.useCallback)((function(){if(o.current){var e=j(h(o.current),2),t=e[0],n=e[1];a(0===t?0:t>n?100:t/n*100)}}),[o]);(0,i.useEffect)((function(){var e=o.current;return e.addEventListener("scroll",u),function(){return e.removeEventListener("scroll",u)}}),[o,u]);var f=function(){var e=arguments.length>0&&void 0!==arguments[0]&&arguments[0],t=j(h(o.current),2),r=t[1],i=r/n.length,c=s*n.length/100,a=e?c+1:c-1;o.current.scroll({left:i*a,behavior:"smooth"})};return(0,r.jsx)("div",{className:"image-slider",children:(0,r.jsxs)("div",{className:"image-slider__wrapper",children:[t&&(0,r.jsx)("div",{className:"image-slider__title",children:t}),(0,r.jsx)("div",{ref:o,className:"image-slider__content",children:n.map((function(e){var t=e.id,n=e.src;return(0,r.jsx)("div",{className:"image-slider__content_image",children:(0,r.jsx)(l.default,{src:n,alt:"image-".concat(t),layout:"responsive",objectFit:"fill"})},t)}))}),(0,r.jsxs)("div",{className:"image-slider__actions",children:[(0,r.jsx)("div",{tabIndex:0,role:"button",onClick:function(){return f()},children:(0,r.jsx)(d.wTw,{})}),(0,r.jsx)("div",{className:"image-slider__actions_dots",children:function(){var e=s*n.length/100;return n.map((function(t,i){var c=t.id;return(0,r.jsx)("div",{tabIndex:i,role:"button",className:"image-slider__actions_dots_dot".concat(e>=i&&e<=i?" image-slider__actions_dots_dot_active":""),onClick:function(){return function(e){var t=j(h(o.current),2)[1]/n.length;o.current.scroll({left:t*e,behavior:"smooth"})}(i)}},c)}))}()}),(0,r.jsx)("div",{tabIndex:0,role:"button",onClick:function(){return f(!0)},children:(0,r.jsx)(d.C$r,{})})]})]})})},x=function(e){var t=e.imageHeader,n=e.imageHeaderAlt,i=e.data,c=e.showcase;return(0,r.jsxs)("section",{className:"project-client",children:[(0,r.jsx)("div",{className:"project-client__image-header",children:(0,r.jsx)(l.default,{src:t,alt:n,layout:"responsive",objectFit:"fill"})}),(0,r.jsxs)("div",{className:"project-client__content",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"project-client__content_title",children:[(0,r.jsx)("h2",{children:"The Client"}),(0,r.jsx)("div",{className:"title-divider"})]}),(0,r.jsx)("div",{className:"project-client__content_data",children:i.map((function(e){var t=e.id,n=e.text,i=e.options;return n?(0,r.jsx)("p",{children:n},t):i?(0,r.jsx)("ul",{children:i.map((function(e){return(0,r.jsxs)("li",{children:[(0,r.jsx)(d.oTl,{}),(0,r.jsx)("p",{children:e.text})]},e.id)}))}):""}))})]}),(0,r.jsx)(f,{title:"Showcase",images:c}

1)]})]})},_=function(e){var t=e.title,n=e.children,c=(0,i.useState)(!1),s=c[0],a=c[1];return(0,r.jsxs)("div",{className:"expander",children:[(0,r.jsx)("h3",{children:t}),(0,r.jsx)("div",{tabIndex:0,className:"expander__icon",role:"button",onClick:function(){return a(!s)},children:(0,r.jsx)(d.K5e,{})}),(0,r.jsxs)("div",{className:"expander__content".concat(s?" expander__content_open":""),children:[n,(0,r.jsx)("div",{tabIndex:0,className:"expander__icon",role:"button",onClick:function(){return a(!s)},children:(0,r.jsx)(d.a2Z,{})})]})]})},m=function(e){var t=e.children;return(0,r.jsx)("span",{className:"tag",children:(0,r.jsx)("span",{children:t})})},v=function(e){var t=e.id,n=e.title,i=e.image,c=e.headData,s=e.reverse,a=void 0!==s&&s,o=e.data,u=e.techStack;return(0,r.jsxs)("section",{className:"project-data-section",children:[(0,r.jsxs)("div",{className:"project-data-section__header".concat(a?" project-data-section__header_reverse":""),children:[(0,r.jsx)("div",{className:"project-data-section__header_image".concat(a?" project-data-section__header_reverse_image":""),children:(0,r.jsx)(l.default,{src:i,alt:"section-".concat(t),layout:"responsive",objectFit:"fill"})}),(0,r.jsxs)("div",{className:"project-data-section__header_title".concat(a?" project-data-section__header_reverse_title":""),children:[(0,r.jsx)("h2",{children:n}),(0,r.jsx)("div",{className:"title-divider"}),c.map((function(e){var t=e.id,n=e.text,i=e.subText,c=e.title,s=e.options;return n?i?(0,r.jsxs)("div",{children:[(0,r.jsx)("p",{children:n}),(0,r.jsx)("span",{children:i})]},t):(0,r.jsx)("p",{children:n},t):c?(0,r.jsx)("h3",{children:c},t):s?(0,r.jsx)("ul",{children:s.map((function(e){return(0,r.jsxs)("li",{children:[(0,r.jsx)(d.oTl,{}),(0,r.jsx)("p",{children:e.text})]},e.id)}))},t):""}))]})]}),Boolean((null===o||void 0===o?void 0:o.length)||u)&&(0,r.jsxs)("div",{className:"project-data-section__content",children:[o.map((function(e){var t=e.id,n=e.title,i=e.text,c=e.options;return(0,r.jsxs)("div",{className:"project-data-section__content_item",children:[n&&(0,r.jsx)("h3",{children:n}),i&&(0,r.jsx)("p",{children:i}),c&&(0,r.jsx)("ul",{children:c.map((function(e){return(0,r.jsxs)("li",{children:[(0,r.jsx)(d.oTl,{}),(0,r.jsx)("p",{children:e.text})]},e.id)}))})]},t)})),u&&(0,r.jsxs)("div",{className:"project-data-section__content_tech",children:[(0,r.jsx)(_,{title:u.title,children:(0,r.jsx)("div",{className:"project-data-section__content_tech_wrapper",children:u.data.map((function(e){var t=e.id,n=e.text,i=e.title,c=e.options;return(0,r.jsxs)("div",{className:"project-data-section__content_tech_wrapper_item",children:[(0,r.jsx)("h3",{children:i}),n&&(0,r.jsx)("p",{children:n}),c&&(0,r.jsx)("div",{className:"project-data-section__content_tech_wrapper_item_tags",children:c.map((function(e){return(0,r.jsx)(m,{children:e.text},e.id)}))})]},t)}))})}),(0,r.jsx)("div",{})]})]})]})};function p(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function b(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){p(e,t,n[t])}))}return e}var g=function(e){var t=e.intro,n=e.clientSection,i=e.sections,l=e.footer;return(0,r.jsxs)("div",{children:[(0,r.jsx)(s.d,{backHref:"/websummit2023"}),(0,r.jsxs)("div",{className:"landing-wrapper landing-project",children:[(0,r.jsx)(o,b({},t)),(0,r.jsx)(x,b({},n)),i.map((function(e){return(0,r.jsx)(v,b({},e),e.id)})),(0,r.jsxs)("section",{className:"landing-project__footer",children:[(0,r.jsx)("h2",{children:l.title}),(0,r.jsx)("div",{className:"title-divider"}),(0,r.jsx)("h3",{children:l.description}),(0,r.jsx)(c.default,{href:"/websummit2023#lets-talk",children:(0,r.jsx)("a",{className:"landing-project__footer_btn",children:(0,r.jsx)(a.z,{children:l.btnTitle})})})]})]})]})};function y(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var N=function(e){var t=e.data;return(0,r.jsx)(g,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){y(e,t,n[t])}))}return e}({},t))};function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var O=!0,k=function(e){return(0,r.jsx)(N,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"===typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){w(e,t,n[t])}))}return e}({},e))}},617:function(e,t,n){"use strict";n.d(t,{z:function(){return c}});var r=n(5893),i=(n(7294),n(8011)),c=function(e){var t=e.type,n=void 0===t?"button":t,c=e.onClick,s=e.children,a=e.disabled,l=e.icon,o=void 0===l?i.olP:l;return(0,r.jsxs)("button",{type:n,onClick:c,disabled:a,className:"landing-btn",children:[s,o&&(0,r.jsx)(o,{})]})}}},function(e){e.O(0,[141,571,774,888,179],(function(){return t=248,e(e.s=t);var t}));var t=e.O();_N_E=t}]);