1(self.webpackChunkfastland_react_app=self.webpackChunkfastland_react_app||[]).push([[9184],{6191:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return r}});var a=n(7294),i=n(3030),l=n(8123),o=n(5013);function r(){return a.createElement(i.FE,{innerPageHeader:!0},a.createElement(l.Z,{background:"#f3f4f6",gutters:!1}),a.createElement(o.Z,null))}},8123:function(e,t,n){"use strict";n.d(t,{Z:function(){return A}});var a=n(9756),i=n(7294),l=n(6187),o=n(994),r=n(7408),s=n(3673),m=n(908),c=n(3358),d=n(8309),g=n(3303),p=n(9692),f=n(7662),u=(0,p.ZP)(f.xu).attrs({className:"team-card"}).withConfig({displayName:"style__Card",componentId:"a2zoqg-0"})(["position:relative;border-radius:15px;display:inline-block;.card-innerblock{position:absolute;left:50%;bottom:18px;width:90%;transform:translateX(-50%);overflow:hidden;visibility:hidden;opacity:0;}&:hover{.card-innerblock{visibility:visible;opacity:1;}}font-size:12px;@media (min-width:480px){font-size:13px;}@media (min-width:575px){font-size:14px;}@media (min-width:992px){font-size:16px;}"]);u.InnerBlock=(0,p.ZP)(f.xu).attrs({className:"card-innerblock"}).withConfig({displayName:"style__InnerBlock",componentId:"a2zoqg-1"})([" padding:20px 15px;border-radius:10px;transition:all 0.7s ease-in-out;@media (min-width:480px){display:flex;justify-content:space-between;align-items:center;padding:20px 35px;}.card-icon{@media (min-width:480px){order:2}}.card-content{@media (min-width:480px){order:1}}"]),u.Title=(0,p.ZP)(f.X6).withConfig({displayName:"style__Title",componentId:"a2zoqg-2"})(["font-size:1.125em;font-weight:500;letter-spacing:normal;line-height:1.42;margin-bottom:8px;"]),u.Text=(0,p.ZP)(f.nv).withConfig({displayName:"style__Text",componentId:"a2zoqg-3"})(["font-size:1.07em;font-weight:400;letter-spacing:normal;line-height:1.2;margin-bottom:0;"]),u.InnerIcon=(0,p.ZP)(f.nv).attrs({className:"card-icon",as:"div"}).withConfig({displayName:"style__InnerIcon",componentId:"a2zoqg-4"})(["font-weight:500;font-size:1.31em;line-height:1.42;@media (min-width:480px){display:flex;justify-content:space-between;align-items:center;}i{margin:0 10px;font-size:18px;color:inherit}"]),u.Content=(0,p.ZP)(f.xu).attrs({className:"card-content"}).withConfig({displayName:"style__Content",componentId:"a2zoqg-5"})([""]),u.SocialItem=(0,p.ZP)(f.xu).withConfig({displayName:"style__SocialItem",componentId:"a2zoqg-6"})(["color:#fff;padding-right:20px;transition-duration:0.4s;"]),u.Box=(0,p.ZP)(f.xu).withConfig({displayName:"style__Box",componentId:"a2zoqg-7"})([""]);var x=u;function h(e){var t=e.to,n=e.image,l=e.title,o=e.text,r=(0,a.Z)(e,["to","image","title","text"]);return i.createElement(x,Object.assign({as:g.rU,to:t||"/"},r),i.createElement("img",{className:"w-100",src:n,alt:"portfolio"}),i.createElement(x.InnerBlock,{backgroundColor:"#fd346e"},i.createElement(x.InnerIcon,{fontColor:"#fff"},i.createElement("i",{className:"fas fa-external-link-square-alt"})),i.createElement(x.Content,null,i.createElement(x.Title,{as:"h3",fontColor:"#fff"},l),i.createElement(x.Text,{fontColor:"#fff"},o))))}var y=(0,p.ZP)(f.xu).withConfig({displayName:"style__Portfolio",componentId:"sc-5s9gc5-0"})(["padding-top:55px;padding-bottom:40px;@media (min-width:768px){padding-top:75px;padding-bottom:60px;}@media (min-width:992px){padding-top:135px;padding-bottom:110px;}"]);y.Title=(0,p.ZP)(f.X6).withConfig({displayName:"style__Title",componentId:"sc-5s9gc5-1"})(["font-size:32px;font-weight:500;letter-spacing:normal;line-height:1.3;@media (min-width:768px){font-size:38px;}@media (min-width:992px){font-size:48px;}"]),y.Subtitle=(0,p.ZP)(f.nv).withConfig({displayName:"style__Subtitle",componentId:"sc-5s9gc5-2"})(["font-size:16px;font-weight:500;letter-spacing:normal;line-height:1.75;"]),y.Nav=(0,p.ZP)(f.xu).withConfig({displayName:"style__Nav",componentId:"sc-5s9gc5-3"})(["display:flex;flex-wrap:wrap;justify-content:center;@media (min-width:992px){justify-content:flex-end;}"]),y.NavItem=(0,p.ZP)(f.zx).withConfig({displayName:"style__NavItem",componentId:"sc-5s9gc5-4"})(["font-size:15px;font-weight:500;letter-spacing:normal;line-height:1.2;color:#262729;transition:0.4s;background-color:transparent;border:none;text-transform:capitalize;&.acitve{color:#fd346e;}&:hover{color:#fd346e;}&:focus{box-shadow:none;}"]),y.MasonryWrapper=(0,p.ZP)(f.xu).withConfig({displayName:"style__MasonryWrapper",componentId:"sc-5s9gc5-5"})([".masonry-grid{display:flex;width:auto;a{display:block;}&.no-gutter{.masonry-grid_column{padding-left:0px;&>div{margin-top:0;margin-bottom:0;a{display:block;}}}}}.masonry-grid_column{padding-left:15px;background-clip:padding-box;}.masonry-grid_column > div{margin:15px auto;}"]),y.Button=(0,p.ZP)(f.zx).withConfig({displayName:"style__Button",componentId:"sc-5s9gc5-6"})(["box-shadow:0 4px 4px rgb(253 100 52 / 30%);min-width:180px;height:56px;border-radius:500px;font-size:15px;color:#fff;&:hover{color:#fff;box-shadow:0 4px 4px rgb(253 100 52 / 0%);}"]),y.Box=(0,p.ZP)(f.xu).withConfig({displayName:"style__Box",componentId:"sc-5s9gc5-7"})([""]);var N=y,w=n(7306),b=n(7189),v=n(3497),I=n(3276),E=n(5059),Z=n(4685),_=n(6648),C=n(9738),k=n(8644),z=n(5126),S=[{image:w.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"1",tagName:["all","design","seo"]},{image:b.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"2",tagName:["all","marketing","development"]},{image:v.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"3",tagName:["all","design","marketing"]},{image:I.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"4",tagName:["all","seo"]},{image:Z.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"6",tagName:["all","design"]},{image:_.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"7",tagName:["all","marketing"]},{image:E.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"5",tagName:["all","seo"]},{image:C.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"7",tagName:["all","development"]},{image:k.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"7",tagName:["all","marketing","seo"]},{image:z.Z,titleSmall:"Agency Brand guide",title:"UX and UI, Design",id:"7",tagName:["all"]}],B=function(e){var t=e.name,n=e.handleSetTag,a=e.tagActive,l=e.children;return i.createElement(N.NavItem,{className:"btn-reset "+(a===t?"active":""),onClick:function(){return n(t)}},l)},U={default:2,1200:2,992:2,768:1,576:1};function A(e){e.masonryItems;var t=e.gutters,n=e.containerFluid,c=(0,a.Z)(e,["masonryItems","gutters","containerFluid"]),d=i.useState("all"),g=d[0],p=d[1],f=i.useState([]),u=f[0],x=f[1];return i.useEffect((function(){x("all"===g?S:S.filter((function(e){return e.tagName.find((function(e){return e===g}))})))}),[g]),i.createElement(N,c,i.createElement(l.Z,null,i.createElement(o.Z,{className:"align-items-center justify-content-center"},i.createElement(r.Z,{xs:"12",className:"col-xl-7 col-lg-5 col-md-8 col-xs-9"},i.createElement(N.Box,{mbLG:"45px",mb:"10px"},i.createElement(N.Subtitle,{as:"h4",fontColor:"#fd346e",mb:"13px"},"Portfolio"),i.createElement(N.Title,{as:"h2"},"Works we are proud of"))),i.createElement(r.Z,{xs:"12",className:"col-xl-5 col-lg-7 col-md-8"},i.createElement(N.Nav,{className:"mb-5 mb-lg-0"},i.createElement(B,{className:"is-checked",name:"all",tagActive:g,handleSetTag:p},"All"),i.createElement(B,{name:"design",tagActive:g,handleSetTag:p},"Design"),i.createElement(B,{name:"development",tagActive:g,handleSetTag:p}," Development"),i.createElement(B,{name:"marketing",tagActive:g,handleSetTag:p}," Marketing"),i.createElement(B,{name:"seo",tagActive:g,handleSetTag:p}
1,"SEO"))))),i.createElement(l.Z,{fluid:n},i.createElement(o.Z,{className:"justify-content-center"},i.createElement(r.Z,{xs:"12",className:"col-md-12 col-xs-10"},i.createElement(m.M,null,i.createElement(N.MasonryWrapper,null,i.createElement(s.Z,{breakpointCols:U,className:"masonry-grid "+(t?null:"no-gutter"),columnClassName:"masonry-grid_column"},u.map((function(e,t){var n=e.image;e.titleSmall,e.title,e.tagName,e.id;return i.createElement(T,{key:t+"pm-c4"},i.createElement(h,{image:n,title:"Agency Brand guide & Development",text:"UX and UI, Design, Development"}))}))))))),i.createElement(N.Box,{className:"text-center",mt:"30px"},i.createElement(N.Button,{className:"btn-primary"},"Load More"))))}var P={type:"spring",stiffness:300,damping:50,mass:1};function T(e){var t=e.children,n=(e.onClick,e.color,(0,a.Z)(e,["children","onClick","color"])),l=(0,c.oO)(),o=l[0],r=l[1],s={layout:!0,initial:"out",style:{position:o?"static":"absolute",originX:.5},animate:o?"in":"out",whileTap:"tapped",variants:{in:{scale:1,opacity:1},out:{scale:0,opacity:0,zIndex:-1}},onAnimationComplete:function(){return!o&&r()},transition:P};return i.createElement(d.E.div,Object.assign({},s,n),t)}}}]); 2//# sourceMappingURL=component---src-pages-portfolio-masonry-portfolio-masonary-2-no-gap-js-17c5b80992833bf9c983.js.map
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.