https://solidstategroup.com/_next/static/chunks/pages/projects/visa-6a1d330ec1c4209d.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8023],{90798:function(e,t,s){"use strict";s.d(t,{Ts:function(){return b},Z_:function(){return _},lb:function(){return N}});var n,i,r,a,o,l=s(4730),c=s(92777),p=s(82262),u=s(45959),h=s(63553),d=s(37247),m=s(59499),f=s(67294),g=s(94184),x=s.n(g),j=s(85893),v=["children"];function y(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var s,n=(0,d.Z)(e);if(t){var i=(0,d.Z)(this).constructor;s=Reflect.construct(n,arguments,i)}else s=n.apply(this,arguments);return(0,h.Z)(this,s)}}s.g.ListItem=(n=function(e){(0,u.Z)(s,e);var t=y(s);function s(){return(0,c.Z)(this,s),t.apply(this,arguments)}return(0,p.Z)(s,[{key:"render",value:function(){var e=this.props;e.children,(0,l.Z)(e,v);return(0,j.jsx)("li",{className:x()(this.props.className,"list-unstyled-item col-lg-6"),children:(0,j.jsx)("a",{href:this.listItemLink,children:this.props.listItemText})})}}]),s}(f.PureComponent),(0,m.Z)(n,"displayName","ListItem"),n);var N=s.g.ListItemUnderlined=(i=function(e){(0,u.Z)(s,e);var t=y(s);function s(){return(0,c.Z)(this,s),t.apply(this,arguments)}return(0,p.Z)(s,[{key:"render",value:function(){this.children;var e=this.props;return(0,j.jsx)("li",{className:x()(e.className,"lined-list__item list-unstyled-item"),children:(0,j.jsx)("a",{href:this.props.listItemLink,className:"lined-list__item__link",children:this.props.listItemText})})}}]),s}(f.PureComponent),(0,m.Z)(i,"displayName","ListItemUnderlined"),i),_=s.g.ListItemUnderlined=(r=function(e){(0,u.Z)(s,e);var t=y(s);function s(){return(0,c.Z)(this,s),t.apply(this,arguments)}return(0,p.Z)(s,[{key:"render",value:function(){this.children;var e=this.props;return(0,j.jsx)("li",{className:x()(e.className,"wide-list__item list-unstyled-item"),children:(0,j.jsx)("a",{className:"wide-list__item__link",children:this.props.listItemText})})}}]),s}(f.PureComponent),(0,m.Z)(r,"displayName","ListItemUnderlined"),r),b=s.g.TextListItem=(a=function(e){(0,u.Z)(s,e);var t=y(s);function s(){return(0,c.Z)(this,s),t.apply(this,arguments)}return(0,p.Z)(s,[{key:"render",value:function(){this.children;var e=this.props;return(0,j.jsx)("li",{className:x()(e.className,"text-list__item list-inline-item"),children:this.props.listItemText})}}]),s}(f.PureComponent),(0,m.Z)(a,"displayName","TextListItem"),a);s.g.StarRatingListItem=(o=function(e){(0,u.Z)(s,e);var t=y(s);function s(){return(0,c.Z)(this,s),t.apply(this,arguments)}return(0,p.Z)(s,[{key:"render",value:function(){this.icon;var e=this.props;return(0,j.jsxs)("div",{className:x()(e.className,"flex-row"),children:[(0,j.jsx)("i",{className:"rating-list__app-store-icon text-light"}),(0,j.jsxs)("div",{className:"pl-3",children:[(0,j.jsx)("i",{className:"fas fa-star rating-list__star-icon text-gold"}),(0,j.jsx)("i",{className:"fas fa-star rating-list__star-icon text-gold pl-2"}),(0,j.jsx)("i",{className:"fas fa-star rating-list__star-icon text-gold pl-2"}),(0,j.jsx)("i",{className:"far fa-star rating-list__star-icon text-light pl-2"}),(0,j.jsx)("i",{className:"far fa-star rating-list__star-icon text-light pl-2"})]}),(0,j.jsxs)("div",{className:"pl-3",children:[(0,j.jsx)("h4",{className:"text-light d-inline-block mb-0",children:"3.3"}),(0,j.jsx)("span",{className:"text-light d-inline-block pl-1",children:"(4.3k)"})]})]})}}]),s}(f.PureComponent),(0,m.Z)(o,"displayName","StarRatingListItem"),o)},12511:function(e,t,s){"use strict";s(67294);var n=s(9008),i=s.n(n),r=s(11163),a=s(85893);t.Z=function(e){var t=e.title,s=e.description,n=e.children,o=e.canonical,l=(0,r.useRouter)(),c=l.asPath||l.pathname,p=t||Constants.titles[c],u=s||Constants.descriptions[c];return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i(),{children:[p&&(0,a.jsx)("title",{children:p}),u&&(0,a.jsx)("meta",{name:"description",content:u}),(0,a.jsx)("link",{rel:"canonical",href:"".concat(Project.canonicalUrl,"/").concat(o)})]}),n]})}},71982:function(e,t,s){"use strict";var n,i=s(4730),r=s(92777),a=s(82262),o=s(45959),l=s(63553),c=s(37247),p=s(59499),u=s(67294),h=s(94184),d=s.n(h),m=s(41664),f=s.n(m),g=s(21949),x=s(85893),j=["children","ButtonComponent"];function v(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var s,n=(0,c.Z)(e);if(t){var i=(0,c.Z)(this).constructor;s=Reflect.construct(n,arguments,i)}else s=n.apply(this,arguments);return(0,l.Z)(this,s)}}var y=s.g.ProjectItem=(n=function(e){(0,o.Z)(s,e);var t=v(s);function s(){return(0,r.Z)(this,s),t.apply(this,arguments)}

1return(0,a.Z)(s,[{key:"componentDidMount",value:function(){gsap.to("#path-1 path",{duration:8,morphSVG:"#path-2 path",yoyo:!0,repeat:-1})}},{key:"render",value:function(){var e=this,t=this.props,s=(t.children,t.ButtonComponent);(0,i.Z)(t,j);return(0,x.jsxs)("div",{className:d()(this.props.className," project__item"),children:[this.props.projectNumber?(0,x.jsx)("h1",{className:"project__number d-none d-sm-block",children:this.props.projectNumber}):null,(0,x.jsxs)("div",{className:"flex-1 align-self-stretch flex-row project__item-container",children:[(0,x.jsx)("div",{className:"col-md-6 justify-content-start pb-xs-0 pb-3 pt-xs-0 pt-3",children:(0,x.jsxs)("div",{children:[(0,x.jsx)("p",{className:"project__subtitle mb-0",children:this.props.subTitle||"Solid State Group"}),(0,x.jsx)("h2",{className:"project__title ",children:this.props.title}),this.props.clientImage?(0,x.jsx)("div",{className:"mb-4 mt-3",children:(0,x.jsx)("img",{src:this.props.clientImage,alt:this.props.clientName,className:"project__client-image img-fluid"})}):null,this.props.projectType?(0,x.jsx)("p",{className:"project__type",children:this.props.projectType||null}):null,(0,x.jsx)(f(),{prefetch:!1,href:this.props.href,children:(0,x.jsx)(s,{className:"project__cta mt-3",onClick:function(){return API.trackEvent({category:"Buttons",event:"view",label:e.props.gaDataLabel})},children:"View project"})})]})}),(0,x.jsx)("div",{className:"col-md-6 align-items-center justify-content-center text-center project__image-container",children:(0,x.jsxs)("div",{className:"blob__container",children:[(0,x.jsx)("img",{src:this.props.projectImage||"/public/images/projects/tone-and-sculpt/phone.png",srcSet:this.props.srcSet||null,alt:"Blob Graphic",className:d()(this.props.projectImageClass,"project__image img-fluid blob__image")}),this.props.blobColour?(0,x.jsxs)(u.Fragment,{children:[(0,x.jsx)("svg",{className:"blob__svg",id:"path-1",width:508,height:478,viewBox:"0 0 508 478",children:(0,x.jsx)("path",{d:"M391.92 45.36C446.4 69.6 502.44 107.28 507.48 154.2c5.04 46.8-41.04 102.72-79.8 142.2-38.88 39.36-70.56 62.28-102.12 96-31.56 33.72-63 78.36-99 84.48-36 6.24-76.44-26.16-105.72-60.6-29.28-34.56-47.4-71.16-69.84-112.8C28.56 261.84 2.04 215.04.12 162.72-1.68 110.28 21.12 52.2 63.84 24c42.6-28.08 104.88-26.4 162.6-20.04 57.72 6.36 110.88 17.16 165.48 41.4z",fill:this.props.blobColour||"#69D9D3",fillRule:"nonzero"})}),(0,x.jsx)("svg",{id:"path-2",className:"hidden",width:523,height:477,viewBox:"0 0 523 477",children:(0,x.jsx)("path",{d:"M434.93 108.03c53.017 58.464 97.687 131.634 86.274 195.98-11.413 64.346-79.033 120.112-152.052 149.405-73.02 29.293-151.439 32.234-219.795 3.554C81.124 428.167 22.954 367.743 5.65 296.656-11.654 225.57 11.91 143.82 60.998 86.215 110.086 28.732 184.578-4.728 252.566.543c67.865 5.27 129.349 49.025 182.365 107.488z",fill:"#69D9D3",fillRule:"nonzero"})})]}):null]})})]})]})}}]),s}(u.PureComponent),(0,p.Z)(n,"displayName","ProjectItem"),(0,p.Z)(n,"defaultProps",{ButtonComponent:g.PL}),n);t.Z=y},21731:function(e,t,s){"use strict";s.r(t);var n,i=s(92777),r=s(82262),a=s(45959),o=s(63553),l=s(37247),c=s(59499),p=s(67294),u=s(12511),h=(s(66568),s(47228)),d=s(90798),m=s(80550),f=s(86074),g=s(65269),x=s(85893);function j(e){var t=function(){if("undefined"===typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"===typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var s,n=(0,l.Z)(e);if(t){var i=(0,l.Z)(this).constructor;s=Reflect.construct(n,arguments,i)}else s=n.apply(this,arguments);return(0,o.Z)(this,s)}}var v=(n=function(e){(0,a.Z)(s,e);var t=j(s);function s(){return(0,i.Z)(this,s),t.apply(this,arguments)}return(0,r.Z)(s,[{key:"componentDidMount",value:function(){API.trackPage(Constants.pages.projectVisa)}},{key:"render",value:function(){return(0,x.jsxs)(p.Fragment,{children:[(0,x.jsxs)(u.Z,{title:"Visa",canonical:"projects/visa",children:[(0,x.jsx)(h.Z,{clientImage:"/images/clients/white/visa-white.svg",projectTitle:"Cakewalk on the catwalk",projectType:"Instant payment integration with NFC Ring",ProjectServiceListItem:(0,x.jsxs)(p.Fragment,{children:[(0,x.jsx)(d.Ts,{listItemText:"Mobile Development"}),(0,x.jsx)(d.Ts,{listItemText:"Frontend & Backend Development"})]}),ProjectTechListItem:(0,x.jsxs)(p.Fragment,{children:[(0,x.jsx)(d.Ts,{listItemText:"Node,"}),(0,x.jsx)(d.Ts,{listItemText:"Express,"}),(0,x.jsx)(d.Ts,{listItemText:"Jade"})]}),className:"hero--visa",projectImage:"/images/projects/visa/[email protected]",srcSet:"/images/projects/visa/[email protected] 1x, /images/projects/visa/[email protected] 2x"}),(0,x.jsxs)("div",{className:"container",children:[(0,x.jsx)(ProjectTextSection,{subTitle:"00 / Overview",description:"Visa Europe Collab wanted to work with renowned designer Henry Holland to create a stir at London Fashion Week.\n\nWe built a user-friendly system that allowed House of Holland\u2019s VIP guests to buy any of the designer items on show by touching them with a ring on their finger.\n\nTechnology has never been more wearable."}),(0,x.jsx)(ProjectTextSection,{subTitle:"01 / Challenge",description:"For users, we needed to create a mobile interface for the payment system; and for Henry Holland, we had to devise a way to tag individual items and outfits.\n\nNot only that: it needed to be robust enough to work first time in a high-profile live environment, and we only had six weeks until launch. And, of course, it had to look stylish."})]}),(0,x.jsx)(ProjectFullImageSection,{className:"panel--navy pt-5 pb-5",title:"NFC Ring device",imageUrl:"/images/projects/visa/hoh-rings.png",imageAltText:"Mobile AR"}),(0,x.jsxs)("div",{className:"container",children:[(0,x.jsx)(ProjectTextSection,{subTitle:"02 / Solution",description:"We built a mobile app supporting a cloud-based payment system. We then linked NFC tags on each outfit to a virtualised terminal and Visa\u2019s payment network via Bluetooth, using a stylised version of a standard NFC Ring device.\n\nThis solution allowed guests to ta

1p their unique ring against the tag on any outfit, instantly purchasing it, so they could pick up their goods on the way out of the show."}),(0,x.jsx)(m.Ue,{youtubeLink:"https://www.youtube.com/embed/pagljreqIfo"}),(0,x.jsx)(ProjectTextSection,{subTitle:"03 / Highlights",description:"The guests were visibly impressed by the integration of technology and fashion, which worked perfectly on the night. Many guests made transactions during the event, proving that there\u2019s an appetite for innovative payment solutions.\n\nAnd like all the best fashion, our solution was stylish, seamless and bespoke.\n\n"}),(0,x.jsx)(m.gv,{techLogoItems:(0,x.jsxs)(p.Fragment,{children:[(0,x.jsx)("div",{className:"col-4 text-center",children:(0,x.jsx)("img",{src:"/images/tech-icons/dark/node.svg",alt:"node",className:"img-responsive"})}),(0,x.jsx)("div",{className:"col-4 text-center",children:(0,x.jsx)("img",{src:"/images/tech-icons/dark/Express.svg",alt:"express",className:"img-responsive"})}),(0,x.jsx)("div",{className:"col-4 text-center",children:(0,x.jsx)("img",{src:"/images/tech-icons/dark/Jade.svg",alt:"jade",className:"img-responsive"})})]}),description:"Using React Native we were able to communicate with the Bluetooth inhalers both with shared code across Android and iOS, reducing the differences between them.  \n\nWithin 6 months we were on both the iOS App Store and Google Play Store in time for a medical trial.\n"})]}),(0,x.jsx)(f.Z,{})]}),(0,x.jsx)(g.Z,{})]})}}]),s}(p.Component),(0,c.Z)(n,"displayName","TheComponent"),n);t.default=v},82371:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/projects/visa",function(){return s(21731)}])}},function(e){e.O(0,[4885,1664,1616,6568,5269,2049,538,9774,2888,179],(function(){return t=82371,e(e.s=t);var t}));var t=e.O();_N_E=t}]);