https://www.sino.com/static/js/46.45a3a38f.chunk.js

1(this["webpackJsonpisobar-sino-website-v2"]=this["webpackJsonpisobar-sino-website-v2"]||[]).push([[46],{1075:function(e,a,t){"use strict";var n=t(406);t.d(a,"a",(function(){return n.a}))},1091:function(e,a,t){"use strict";var n=t(408);t.d(a,"a",(function(){return n.a}))},1096:function(e,a,t){"use strict";var n=t(0),r=t.n(n),i=t(8),l=t(35),s=t(14);a.a=function(e){return Object(l.a)(),r.a.createElement(i.a,Object.assign({mx:Object(s.g)()?-3:-(window.innerWidth-720)/2/8},e))}},1531:function(e,a,t){"use strict";t.r(a);var n=t(20),r=t(11),i=t(0),l=t.n(i),s=t(409),o=t(13),c=t(1075),u=t(1091),m=t(8),g=t(418),d=t(29),f=t(193),b=t(192),h=t(22),E=t.n(h),p=t(33),k=t(76),v=t(123),O=t(75),C=t(27),j=t(330),S=t(180),x=t(10),I=t(164),L=t(59),w=t(407),y=t(30),F=t(102),N=t(1096),B=t(228),_=E()((function(e){return Object(r.a)(Object(r.a)({},Object(y.a)(e)),{},{ourBusiness:{},ourBusinessLinkContainer:{"& > *:not(:first-child)":{marginLeft:40}},card:Object(r.a)(Object(r.a)({},e.mixins.absoluteEdges()),{},{"& *":{color:e.palette.common.white}}),cardPagerIndicatorContainer:{maxWidth:284,margin:"auto",marginTop:12},forSaleForLeaseButton:{backgroundColor:e.palette.primary.main,display:"flex",justifyContent:"center",alignItems:"center","&:first-child":{borderRight:"1px solid "+e.palette.common.white}},backgroundGradient:{background:"linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%)"}})})),P=function(e){var a=e.title,t=e.links,n=e.imageSrc,r=e.imageAlt,i=_(),s=Object(d.b)().getLocalizedUrl;return l.a.createElement(b.a,{item:!0,xs:6},l.a.createElement(L.default,null,l.a.createElement(p.a,{variant:"h2",color:"textPrimary",children:a}),l.a.createElement(m.a,{mt:.25,mb:1,display:"flex",className:i.ourBusinessLinkContainer},t.map((function(e){return l.a.createElement(k.a,{key:e.url,largeText:!0,noPaddingX:!0,title:e.title,arrowRight:!0,toLink:s(e.url)})}))),l.a.createElement(m.a,{className:i.roundCorner},l.a.createElement(m.a,{position:"relative",pt:350/545*100+"%"},l.a.createElement(m.a,{className:i.absoluteEdges},l.a.createElement(O.a,{img:!0,cover:!0,width:"100%",height:"100%",src:n,srcset:F.a.getSrcSet(n,545,350),alt:r}))))))},D=function(e){var a=e.data,t=e.className,n=_(),r=Object(d.b)().localizedStrings;return l.a.createElement(m.a,{className:Object(x.a)(n.card,"disable-select",t)},l.a.createElement(O.a,{img:!0,cover:!0,width:"100%",height:"100%",src:a.image,positionAbsolute:!0,disableDragging:!0}),l.a.createElement(m.a,{position:"absolute",left:0,bottom:0,width:1},l.a.createElement(m.a,{position:"absolute",left:0,right:0,bottom:a.onClickForSale&&a.onClickForLease?50:0,height:120,className:n.backgroundGradient}),l.a.createElement(m.a,{position:"relative",width:1,px:3,pb:a.onClickForSale&&a.onClickForLease?1.5:2.5},l.a.createElement(p.a,{variant:"h2",children:a.title})),a.onClickForSale&&a.onClickForLease&&l.a.createElement(m.a,{height:50,display:"flex"},l.a.createElement(m.a,{width:.5,height:1,className:n.forSaleForLeaseButton,onClick:function(){return a.onClickForSale&&a.onClickForSale()}},l.a.createElement(p.a,{variant:"h4",children:r.our_business.for_sale})),l.a.createElement(m.a,{width:.5,height:1,className:n.forSaleForLeaseButton,onClick:function(){return a.onClickForLease&&a.onClickForLease()}},l.a.createElement(p.a,{variant:"h4",children:r.our_business.for_lease})))))},R=function(e){var a=e.pageData,t=e.history,r=e.getLocalizedUrl,s=_(),o=Object(d.b)().localizedStrings,c=Object(i.useState)(0),u=Object(n.a)(c,2),g=u[0],f=u[1],b=Object(i.useState)(!1),h=Object(n.a)(b,2),E=h[0],p=h[1],k=Object(i.useRef)(),v=[{image:a.getResidentialImage().url,title:o.menu.residential,url:null,onClickForSale:function(){E||t.push(r("/our-business/residential/hong-kong/residential-for-sale"))},onClickForLease:function(){E||t.push(r("/our-business/residential/hong-kong/residential-for-lease"))}},{image:a.getRetailImage().url,title:o.menu.retail,url:r("/our-business/retail")},{image:a.getOfficesImage().url,title:o.menu.offices,url:r("/our-business/offices")},{image:a.getIndustrialImage().url,title:o.menu.industrial,url:r("/our-business/industrial")}];return l.a.createElement(N.a,{className:"overflow-hidden"},l.a.createElement(j.default,{ref:k,height:284,data:v,cardClass:D,handleClick:function(e){v[e].url&&t.push(v[e].url)},handlePageChange:function(e){return f(e)},disableOpacity:!0,onMouseDown:function(){return p(!1)},onDrag:function(){return p(!0)}}),l.a.createElement(m.a,{className:s.cardPagerIndicatorContainer},l.a.createElement(S.default,{currengPage:g,totalPage:v.length})),l.a.createElement(m.a,{mt:1.5,display:"flex",justifyContent:"center"},l.a.createElement(B.a,{handlePrev:function(){var e;return null===(e=k.current)||void 0===e?void 0:e.prev()},handleNext:function(){var e;return null===(e=k.current)||void 0===e?void 0:e.next()}})))};a.default=Object(I.h)((function(e){var a=e.history,t=_(),r=Object(d.b)(),i=r.localizedStrings,h=r.getLocalizedUrl,E=l.a.useState({}),p=Object(n.a)(E,2),k=p[0],O=p[1],j=Object(d.b)().language,S=k.pageData;

1if(s.a.fetchPageDataIfNeeded(o.a.pageOurBusiness,null,j,k,O).subscribe(),!S)return l.a.createElement(f.a,{mt:5});var x=S.imageTextBlockList.value||[];return l.a.createElement("div",{className:"page-our-business"},l.a.createElement(c.a,{pageData:S}),l.a.createElement(u.a,{pageData:S}),l.a.createElement(m.a,{component:"section",mt:{xs:2,md:12.5}},l.a.createElement(v.a,{fixed:!0},l.a.createElement(C.c,null,l.a.createElement(m.a,null,l.a.createElement(b.a,{container:!0,className:t.ourBusiness,spacing:2},l.a.createElement(P,{title:i.menu.residential,links:[{title:i.our_business.for_sale,url:"/our-business/residential/hong-kong/residential-for-sale"},{title:i.our_business.for_lease,url:"/our-business/residential/hong-kong/residential-for-lease"}],imageSrc:S.getResidentialImage().url,imageAlt:S.getResidentialImage().description||i.menu.residential}),l.a.createElement(P,{title:i.menu.retail,links:[{title:i.common.discover_more,url:"/our-business/retail"}],imageSrc:S.getRetailImage().url,imageAlt:S.getRetailImage().description||i.menu.retail}))),l.a.createElement(m.a,{mt:8},l.a.createElement(b.a,{container:!0,className:t.ourBusiness,spacing:2},l.a.createElement(P,{title:i.menu.offices,links:[{title:i.common.discover_more,url:"/our-business/offices"}],imageSrc:S.getOfficesImage().url,imageAlt:S.getOfficesImage().description||i.menu.offices}),l.a.createElement(P,{title:i.menu.industrial,links:[{title:i.common.discover_more,url:"/our-business/industrial"}],imageSrc:S.getIndustrialImage().url,imageAlt:S.getIndustrialImage().description||i.menu.industrial})))),l.a.createElement(C.g,null,l.a.createElement(L.default,null,l.a.createElement(R,{pageData:S,history:a,getLocalizedUrl:h}))))),l.a.createElement(m.a,{component:"section",my:{xs:7.5,md:12.5}},l.a.createElement(g.a,{imageTextBlockList:x,ourBusiness:!0})),l.a.createElement(v.a,{fixed:!0},l.a.createElement(m.a,{component:"section",my:{xs:7.5,md:12.5}},l.a.createElement(w.a,{toPage:"investor-relations"}))))}))}}]);