https://bougrouguiux.vercel.app/_next/static/chunks/pages/our-work-c4fa7900ba11230f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[423],{7591:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/our-work",function(){return r(4127)}])},8337:function(e,t,r){"use strict";var n=r(5893),a=r(7294),i=(r(5675),r(1649)),s=r(6893),l=r(1664),o=r.n(l),c=r(6075);t.Z=function(e){var t=e.project,r=(0,c.$G)("projectspage").t,l=(0,a.useState)(!1),d=l[0],u=l[1],x=t.attributes;return(0,n.jsxs)("div",{className:"w-full h-full flex flex-col justify-between max-w-[400px] mx-auto bg-white bg-opacity-100 backdrop-blur-lg rounded-lg",children:[(0,n.jsx)(o(),{href:x.route,children:(0,n.jsx)("a",{children:(0,n.jsxs)("div",{className:"grid grid-cols-12 ",children:[(0,n.jsx)("div",{style:{backgroundImage:"url('".concat(x.images.data[0].attributes.name,"')")},className:"bg-cover bg-center bg-no-repeat bg-primary rounded-t-lg relative w-full h-[180px] col-span-12 ",children:(0,n.jsx)("div",{className:"w-full h-full bg-black bg-opacity-20 rounded-t-lg hover:bg-opacity-10 duration-400 transition-all"})}),(0,n.jsx)("div",{className:"relative col-span-12 p-4 flex flex-col justify-evenly ",children:(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"absolute -top-4 left-4 bg-primary p-2 rounded-full text-slate-50",children:(0,n.jsx)("p",{className:"text-[9px] font-medium",children:x.category})}),(0,n.jsxs)("div",{className:"mt-5",children:[(0,n.jsx)("h3",{className:"text-base font-semibold",children:x.title}),(0,n.jsxs)("p",{className:"text-xs max-w-md mt-1 sm:mt-3",children:[x.brief.substring(0,150),"..."]})]})]})})]})})}),(0,n.jsxs)("div",{className:"px-4 text-xs flex flex-col xxs:flex-row space-y-2 xxs:space-y-0 xxs:space-x-5 z-30 ",children:[(0,n.jsx)(o(),{href:x.route,children:(0,n.jsx)("a",{children:(0,n.jsxs)("button",{className:"whitespace-nowrap w-full flex items-center justify-center border-b-2 border-b-violet-200 hover:border-b-primary pt-2 text-primary tranisiton-all duration-500 ",children:[r("project_card.read_more"),(0,n.jsx)(i.fNt,{className:"w-6 h-6 pl-1"})]})})}),(0,n.jsx)(o(),{href:x.siteUrl,children:(0,n.jsx)("a",{target:"_blank",rel:"nonreferrer",children:(0,n.jsxs)("button",{className:"whitespace-nowrap w-full flex items-center justify-center border-b-2 border-b-violet-200 hover:border-b-primary pt-2 text-primary tranisiton-all duration-500 ",children:[r("project_card.visit_site"),(0,n.jsx)(s.AlO,{className:"w-6 h-6 pl-2"})]})})})]}),(0,n.jsx)("div",{className:"flex space-x-1 overflow-x-scroll scrollbar-hide p-4",children:x.tags.data&&x.tags.data.map((function(e,t){var r=e.attributes;return(0,n.jsx)("button",{onMouseEnter:function(){return u(r.name)},onMouseLeave:function(){return u("")}

1,style:{backgroundColor:d===r.name?"#ffffff":r.backgroundColor,color:d===r.name?"#1d1d1d":r.textColor,border:"solid ".concat(r.backgroundColor," 2px")},className:"hover:bg-white w-fit px-2.5 py-1 whitespace-nowrap rounded-md shadow text-[9px] transition-all duration-400 font-semibold",children:r.name},t)}))})]})}},4127:function(e,t,r){"use strict";r.r(t),r.d(t,{__N_SSG:function(){return B},default:function(){return I}});var n=r(5893),a=r(7294),i=r(9008),s=r.n(i),l=r(1664),o=r.n(l),c=r(7650),d=r(6513),u=r(2208),x=r(2025),m=r(6075),f=r(9335);function h(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i=[],s=!0,l=!1;try{for(r=r.call(e);!(s=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);s=!0);}catch(o){l=!0,a=o}finally{try{s||null==r.return||r.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return h(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return h(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 j=function(){var e=(0,m.$G)("workpage").t,t=(0,d._)(),r=(0,d._)(),i=(0,d._)(),s=p((0,c.YD)({threshold:.5}),2),l=s[0],h=s[1],j=p((0,c.YD)({threshold:.5}),2),b=j[0],v=j[1],g=p((0,c.YD)({threshold:.5}),2),y=g[0],w=g[1];return(0,a.useEffect)((function(){h&&i.start("animate")}),[l,h]),(0,a.useEffect)((function(){v&&t.start("animate")}),[b,v]),(0,a.useEffect)((function(){w&&r.start("animate")}),[y,w]),(0,n.jsx)("section",{children:(0,n.jsx)("div",{className:"max-w-[1600px] mx-auto h-screen min-h-[500px] w-full ",children:(0,n.jsx)("div",{className:"w-full h-full",children:(0,n.jsx)("div",{className:"h-full w-full flex justify-center items-center",children:(0,n.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-2 h-[400px] w-full h-full ",children:[(0,n.jsx)(u.E.div,{ref:y,variants:x.dY,initial:"initial",animate:r,className:"relative order-2",children:(0,n.jsx)(u.E.div,{className:"absolute -top-48 md:top-0 md:-left-28 w-full h-[300px] md:h-full bg-[url('/svgs/illustrations/work_hero.svg')] bg-center opacity-90 bg-no-repeat"})}),(0,n.jsx)("div",{className:"relative",children:(0,n.jsx)(u.E.div,{ref:l,variants:x.dY,initial:"initial",animate:i,className:"z-20 md:absolute top-0 -right-1/3 bg-white w-full max-w-lg mx-auto md:max-w-full md:w-[110%] xl:w-[100%] sm:min-w-[500px] p-5 py-20 md:p-16 rounded-full backdrop-blur-md bg-opacity-50 shadow md:shadow-[5px_0px_3px_0px_rgba(0,0,0,0.05)]",children:(0,n.jsxs)(u.E.div,{ref:b,variants:x.RG,initial:"initial",animate:t,className:"text-center md:text-left flex flex-col space-y-5",children:[(0,n.jsx)(u.E.h1,{variants:x.pB,className:"text-5xl md:text-7xl font-light whitespace-nowrap",children:(0,n.jsx)(m.cC,{i18nKey:"hero.header",components:{bold:(0,n.jsx)("strong",{className:"font-semibold"})},children:e("hero.header")})}),(0,n.jsx)(u.E.p,{variants:x.pB,className:"text-xs md:text-base max-w-md mx-auto md:mx-0 md:max-w-lg",children:e("hero.text")}),(0,n.jsx)(u.E.div,{variants:x.Ji,children:(0,n.jsx)(o(),{href:"/projects",children:(0,n.jsx)("a",{children:(0,n.jsx)(f.Button,{className:"mx-auto md:mx-0 w-fit btn-primary text-slate-50 text-base px-10 py-4 rounded-full",children:e("hero.btn_text")})})})})]})})})]})})})})})},b=r(5675),v=r.n(b);function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i=[],s=!0,l=!1;try{for(r=r.call(e);!(s=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);s=!0);}catch(o){l=!0,a=o}finally{try{s||null==r.return||r.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return g(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);

1if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return g(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 w=function(){var e=(0,m.$G)("workpage").t,t=(0,d._)(),r=(0,d._)(),i=y((0,c.YD)({threshold:.5}),2),s=i[0],l=i[1],f=y((0,c.YD)({threshold:.5}),2),h=f[0],p=f[1];return(0,a.useEffect)((function(){l&&t.start("animate")}),[s,l]),(0,a.useEffect)((function(){p&&r.start("animate")}),[h,p]),(0,n.jsx)("section",{children:(0,n.jsx)("div",{className:"bg-violet-50",children:(0,n.jsx)("div",{className:"container ",children:(0,n.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 sm:gap-10 py-[100px] md:py-[250px]",children:[(0,n.jsx)("div",{className:"w-52 h-52 sm:w-full sm:h-full",children:(0,n.jsx)(u.E.div,{ref:h,variants:x.aW,initial:"initial",animate:r,className:"relative w-full h-full",children:(0,n.jsx)(v(),{src:"/svgs/illustrations/work_intro.svg",layout:"fill"})})}),(0,n.jsx)("div",{className:"w-full h-full",children:(0,n.jsxs)(u.E.div,{ref:s,variants:x.zc,initial:"initial",animate:t,className:"max-w-md md:max-w-lg",children:[(0,n.jsx)(u.E.h2,{variants:x.pB,className:"text-3xl md:text-5xl font-light ",children:(0,n.jsx)(m.cC,{i18nKey:"intro.header",components:{bold:(0,n.jsx)("strong",{className:"font-semibold"})},children:e("intro.header")})}),(0,n.jsxs)(u.E.p,{variants:x.pB,className:"text-sm md:text-base mt-5",children:[e("intro.p1"),(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),e("intro.p2"),(0,n.jsx)("br",{}),(0,n.jsx)("br",{}),(0,n.jsx)(m.cC,{i18nKey:"intro.p3",components:{bold:(0,n.jsx)("strong",{className:"font-semibold"})},children:e("intro.p3")})]}),(0,n.jsx)(u.E.div,{variants:x.pB,className:"mt-5",children:(0,n.jsx)(o(),{href:"/contact",children:(0,n.jsx)("a",{children:(0,n.jsx)("button",{className:"mx-auto btn-primary py-4 px-7 text-slate-50 rounded-lg shadow-lg",children:e("intro.btn_text")})})})})]})})]})})})})},N=r(8337);function _(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!==typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,a,i=[],s=!0,l=!1;try{for(r=r.call(e);!(s=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);s=!0);}catch(o){l=!0,a=o}finally{try{s||null==r.return||r.return()}finally{if(l)throw a}}return i}}(e,t)||function(e,t){if(!e)return;if("string"===typeof e)return _(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(r);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return _(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 k=function(e){var t=e.projects,r=(0,m.$G)("workpage").t,i=(0,d._)(),s=(0,d._)(),l=(0,d._)(),h=E((0,c.YD)({threshold:.5}),2),p=h[0],j=h[1],b=E((0,c.YD)({threshold:0}),2),v=b[0],g=b[1],y=E((0,c.YD)({threshold:.7}),2),w=y[0],_=y[1];return(0,a.useEffect)((function(){j&&i.start("animate")}),[p,j]),(0,a.useEffect)((function(){g&&s.start("animate")}),[v,g]),(0,a.useEffect)((function(){_&&l.start("animate")}),[w,_]),(0,n.jsx)("section",{children:(0,n.jsxs)("div",{className:"bg-gray-50 py-[100px] md:py-[200px]",children:[(0,n.jsxs)("div",{className:" max-w-[1000px] mx-auto px-5 ",children:[(0,n.jsx)(u.E.div,{ref:p,variants:x.pB,initial:"initial",animate:i,children:(0,n.jsx)(u.E.h1,{className:"text-2xl md:text-4xl font-light text-center mb-10 md:mb-20",children:(0,n.jsx)(m.cC,{i18nKey:"intro.header",components:{bold:(0,n.jsx)("strong",{className:"font-semibold"})},children:r("some_projects.header")})})}),(0,n.jsx)(u.E.div,{ref:v,variants:x.fH,initial:"initial",animate:s,className:"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-5 ",children:t.slice(0,3).map((function(e,t){return(0,n.jsx)(u.E.div,{variants:x.xj,children:(0,n.jsx)(N.Z,{project:e})},t)}))})]}),(0,n.jsx)(u.E.div,{ref:w,variants:x.pB,initial:"initial",animate:l,className:"text-center mt-20",children:(0,n.jsx)(o(),{href:"/projects",children:(0,n.jsx)("a",{children:(0,n.jsx)(f.Button,{className:"mx-auto btn-primary text-base py-4 px-7 text-slate-50 rounded-lg shadow-lg",children:r("some_projects.bt

1n_text")})})})})]})})},A=function(e){var t=e.projects;return(0,n.jsxs)("div",{children:[(0,n.jsx)(j,{}),(0,n.jsx)(w,{}),(0,n.jsx)(k,{projects:t})]})},S=r(415),C=r(7201),B=!0,I=function(e){var t=e.projects;return(0,n.jsxs)("div",{children:[(0,n.jsxs)(s(),{children:[(0,n.jsx)("title",{children:"Our Work - Bougroug UIUX"}),(0,n.jsx)("meta",{name:"description",content:"Buidling web applications, designs and much more for small projects and enterprise "}),(0,n.jsx)("link",{rel:"icon",href:"/favicon.ico"})]}),(0,n.jsx)("header",{children:(0,n.jsx)(S.Z,{})}),(0,n.jsx)("main",{children:(0,n.jsx)(A,{projects:t})}),(0,n.jsx)("footer",{children:(0,n.jsx)(C.Z,{})})]})}}},function(e){e.O(0,[445,260,617,866,874,556,90,893,248,774,888,179],(function(){return t=7591,e(e.s=t);var t}));var t=e.O();_N_E=t}]);