https://acueducto.com/_next/static/chunks/2260-205090d38c627ffc.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2260,3816,6797],{428:(e,t,r)=>{r.d(t,{z:()=>a});var o=r(5729);function a(e){let{hasLoaded:t,steps:r,firstLoadBase:a=1350,internalNavBase:n=100,gap:i=300}=e,[s]=(0,o.useState)(()=>t),[l]=(0,o.useState)(()=>r.flatMap((e,t)=>("string"==typeof e?[e]:e).map(e=>{let r=(0,o.createRef)();return{name:e,index:t,element:r,ref:e=>{r.current=e}}}))),[d,c]=(0,o.useState)(()=>new Set);(0,o.useLayoutEffect)(()=>{let e=new Set;for(let{name:r,element:o}of l){var t;let a=null==(t=o.current)?void 0:t.getBoundingClientRect();a&&a.width>0&&a.height>0&&a.top<window.innerHeight&&a.bottom>0&&a.left<window.innerWidth&&a.right>0||e.add(r)}c(e)},[l]);let m=s?n:a;return Object.fromEntries(l.map(e=>{let{name:t,index:r,ref:o}=e;return[t,{ref:o,delay:d.has(t)?0:m+r*i}]}))}},514:(e,t,r)=>{r.d(t,{A:()=>l});var o=r(6029),a=r(5729),n=r(9357),i=r(739),s=r(3193);let l=a.memo(e=>{let{reverse:t}=e;return(0,o.jsx)(d,{$reverse:t,children:(0,o.jsx)(i.zW,{triggerOnce:!0,children:(0,o.jsx)(s.A,{})})})}),d=n.Ay.span.withConfig({displayName:"Arrow__ArrowContainer",componentId:"sc-3e9c7ba9-0"})(["width:50px;height:34px;position:relative;display:flex;cursor:pointer;svg{width:100%;height:auto;fill:none;stroke:",";stroke-width:",";transition:stroke 0.2s ease-out;*{transition:stroke 0.2s ease-out;}","}@media (max-width:600px){height:45px;}"],e=>e.theme.colors.foreground,e=>e.theme.stroke,e=>e.$reverse&&"transform: rotate(180deg);\n     ")},819:(e,t,r)=>{r.d(t,{$:()=>l});var o=r(6029),a=r(5729),n=r(2535),i=r(7321),s=r(5089);let l=(0,a.memo)(e=>{let{variant:t="primary",text:r,className:a,size:l="default",asChild:d=!1,children:c,...m}=e,g=d?n.DX:"button",b=d?c:(0,o.jsx)("span",{className:"whitespace-[inherit]",children:r});return(0,o.jsx)(g,{className:(0,i.cn)(s.ir,s.GS[t],s.Gd[l],a),...m,children:b})});l.displayName="Button"},2740:(e,t,r)=>{r.d(t,{A:()=>v});var o=r(6029),a=r(5729),n=r(8588),i=r.n(n),s=r(2203),l=r.n(s),d=r(1278),c=r(739),m=r(3362),g=r(514),b=r(5637);let u="acueducto_visited_studies";var p=r(6797),h=r(3816);let f={es:"conoce otros casos de estudio",en:"discover other case studies"};function x(e){let{study:t,index:r,locale:a}=e,n="/work/".concat(t.link),s="es"===a?"/es/portafolio/".concat(t.link):void 0;return(0,o.jsx)(c.zW,{triggerOnce:!0,className:"h-full",children:(0,o.jsx)("div",{className:"h-full rounded-3xl p-px",style:{background:"linear-gradient(".concat(0===r?"to bottom right":"to bottom left",", var(--color-background) 40%, var(--color-foreground-lowest))")},children:(0,o.jsxs)(l(),{href:n,as:s,locale:a,className:"group flex h-full ".concat(1===r?"flex-col-reverse":"flex-col"," rounded-3xl bg-background overflow-hidden no-underline"),children:[(0,o.jsx)("div",{className:"relative aspect-[4/3] overflow-hidden m-4 rounded-xl",children:(0,o.jsx)(i(),{src:"/assets/img/casestudies/".concat(t.link,"/p_cover.jpg"),alt:t.title,fill:!0,sizes:"(min-width: 700px) 50vw, 100vw",className:"object-cover transition-transform duration-300 group-hover:scale-105"})}),(0,o.jsxs)("div",{className:"flex flex-1 items-start justify-between gap-[1rem] px-[6%] ".concat(1===r?"pt-[6%] pb-[2%]":"pb-[6%] pt-[2%]"),children:[(0,o.jsxs)("div",{className:"flex flex-col gap-[0.8rem]",children:[(0,o.jsx)(i(),{src:"/assets/img/casestudies/".concat(t.link,"/p_logo.svg"),alt:"".concat(t.link," logo"),width:200,height:30,className:"block h-[3rem] w-auto self-start max-[1000px]:h-[2.5rem] max-[850px]:h-[2rem]"}),(0,o.jsx)("p",{className:"text-foreground-low text-[1.7rem] max-[950px]:text-base leading-normal first-letter:uppercase",dangerouslySetInnerHTML:{__html:t.title}})]}),(0,o.jsx)("div",{className:"shrink-0 transition-colors duration-200 [&_svg]:stroke-foreground group-hover:[&_svg]:stroke-accent",children:(0,o.jsx)(g.A,{})})]})]})})})}let v=a.memo(function(){var e,t;let r=(0,d.useRouter)(),n=r.locale||"es",i=(null==(t=r.asPath.split("/").pop())||null==(e=t.split("?")[0])?void 0:e.split("#")[0])||"",s=("en"===n?h:p).caseStudies,l=function(e){let t=(0,b.a)();return(0,a.useEffect)(()=>{try{let t=JSON.parse(localStorage.getItem(u)||"[]");t.includes(e)||localStorage.setItem(u,JSON.stringify([...t,e]))}catch(e){}},[e]),(0,a.useMemo)(()=>

1{if(!t)return[e];try{let t=JSON.parse(localStorage.getItem(u)||"[]");return t.includes(e)?t:[...t,e]}catch(t){return[e]}},[t,e])}(i),g=(0,a.useMemo)(()=>(function(e,t,r){let o=[...e,...e,...e].filter(e=>e.link!==t),a=new Map;for(let e of r)a.set(e,(a.get(e)||0)+1);let n=[],i=new Set;for(let e of o){let t=a.get(e.link)||0;if(t>0)a.set(e.link,t-1);else if(!i.has(e.link)&&(i.add(e.link),n.push(e),n.length>=2))break}return n})(s,i,l),[s,i,l]),v=f[n];return 0===g.length?null:(0,o.jsxs)("section",{className:"bg-background px-[4%] py-[10%] max-md:py-[15%]",children:[(0,o.jsx)(c.zW,{triggerOnce:!0,children:(0,o.jsx)(m.h,{as:"h2",className:"max-w-[14ch]",children:v})}),(0,o.jsx)("div",{className:"grid grid-cols-2 items-stretch gap-[2rem] max-[700px]:grid-cols-1",children:g.map((e,t)=>(0,o.jsx)(x,{study:e,index:t,locale:n},e.link))})]})})},3362:(e,t,r)=>{r.d(t,{h:()=>n});var o=r(6029),a=r(7321);let n=e=>{let{as:t,children:r,className:n,dangerouslySetInnerHTML:i,...s}=e;return(0,o.jsx)(t||"p",{className:(0,a.cn)("bg-linear-to-r from-[#416FF7] whitespace-pre-line to-[#0D35AB] bg-clip-text text-transparent relative text-[3.4rem] leading-[100%] py-[0.15em] font-bold tracking-[0] md:text-[5rem] lg:text-[6rem] xl:text-[7rem] mb-[2%] sm:mb-[3%]",n),...i&&{dangerouslySetInnerHTML:i},...s,children:r})}},3816:e=>{e.exports=JSON.parse('{"head":{"title":"App and web developer portfolio | Let\'s build amazing things together","description":"Discover our app and web developer portfolio featuring UX website design and product development strategy examples. Let\'s create something amazing together!","headerTitle":"Work"},"intro":{"seo_h1":"App and web developer <br/>portfolio: Acueducto","title":"our selected<br/> case studies","p":"Let the work speak for itself. Read about the selected projects we have launched alongside our clients."},"caseStudies":[{"title":"accelerating AI transformation for a global steel leader","tags":"AI<br/>UX Design<br/>Frontend<br/>Product management<br/>Agentic development","link":"deacero","bg_format":"svg"},{"title":"from web redesign to digital transformation","tags":"E-commerce<br/>UX Design<br/>Software development<br/>Product management<br/>Digital transformation","link":"borgatta","bg_format":"svg"},{"title":"how to build a world-class web app","tags":"UI design<br/>UX design<br/>Web app<br/>Software development<br/>Product management<br/>","link":"wellmee","bg_format":"svg"},{"title":"how to validate an app in the market as quickly and inexpensively as possible","tags":"UI design<br/>Web development<br/>No-code development<br/>Digital branding<br/>Product management","link":"recupera","bg_format":"svg"},{"title":"a unique ecommerce niche in Mexico","tags":"Web strategy<br/>Communication<br/>Digital branding<br/>Ecommerce<br/>Digital marketing","link":"rahid","bg_format":"svg"},{"title":"a website for the filmmaking industry","tags":"Web strategy<br/>Communication<br/>Digital branding<br/>Animation<br/>Web app<br/>","link":"ladanzadelasfieras","bg_format":"svg"},{"title":"how to educate your customers and investors to become a leader in your industry","tags":"Strategy<br/>Communication<br/>Digital branding<br/>No-code development<br/>Positioning<br/>","link":"blockstem","bg_format":"svg"}]}')},4001:(e,t,r)=>{r.d(t,{A:()=>i});var o,a=r(5729);function n(){return(n=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)({}).hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e}).apply(null,arguments)}let i=function(e){return a.createElement("svg",n({width:103,height:89,viewBox:"0 0 103 89",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),o||(o=a.createElement("path",{d:"M44.184 42.8638L40.0056 80.5995L2.54942 76.4521L3.6327 66.6688C5.32469 51.3881 7.70145 40.1446 10.763 32.9383C14.0315 25.5662 21.471 15.4492 33.0814 2.58721L48.0238 13.2962C38.0493 26.7165 32.1106 36.0566 30.2078 41.3163L44.184 42.8638ZM95.0573 48.4969L90.879 86.2326L53.4228 82.0852L54.5061 72.3018C56.198 57.0212 58.5748 45.7777 61.6364 38.5713C64.9049 31.1993 72.3444 21.0822 83.9548 8.22028L98.8972 18.9292C88.9227 32.3496 82.984 41.6896 81.0811 46.9493L95.0573 48.4969Z",fill:"#303336"})))}},6797:e=>{e.exports=JSON.parse('{"head":{"title":"Portafolio de desarrollo web y aplicaciones | Acueducto","description":"Conoce nuestro portafolio de desarrollo web y apps: dise\xf1o y desarrollo de softw

1are. Trabaja con nosotros..","headerTitle":"Portafolio"},"intro":{"seo_h1":"portafolio de desarrollo <br/>web y productos digitales","title":"casos de estudio seleccionados","p":"Dejemos que el trabajo hable por si mismo. Lee sobre los proyectos seleccionados que hemos desarrollado de la mano de nuestros clientes."},"caseStudies":[{"title":"acelerando la innovaci\xf3n IA de un l\xedder global del acero","tags":"AI<br/>UX Design<br/>Frontend<br/>Product management<br/>Desarrollo ag\xe9ntico","link":"deacero","bg_format":"svg"},{"title":"de redise\xf1o web a transformaci\xf3n digital","tags":"E-commerce<br/>UX Design<br/>Desarrollo de software<br/>Product management<br/>Transformaci\xf3n digital","link":"borgatta","bg_format":"svg"},{"title":"c\xf3mo construir una web-app de talla mundial","tags":"Dise\xf1o UI<br/>Dise\xf1o UX<br/>Web app<br/>Desarrollo de software<br/>Product management<br/>","link":"wellmee","bg_format":"svg"},{"title":"c\xf3mo validar una app en el mercado lo m\xe1s r\xe1pido y barato posible","tags":"Dise\xf1o UI<br/>Desarrollo web<br/>Desarrollo no-code<br/>Branding<br/>Product management","link":"recupera","bg_format":"svg"},{"title":"un ecommerce \xfanico en M\xe9xico","tags":"Estrategia web<br/>Comunicaci\xf3n<br/>Branding<br/>Ecommerce<br/>Marketing digital","link":"rahid","bg_format":"svg"},{"title":"un sitio web para la industria del cine","tags":"Estrategia web<br/>Comunicaci\xf3n<br/>Branding<br/>Animaci\xf3n<br/>Web app<br/>","link":"ladanzadelasfieras","bg_format":"svg"},{"title":"c\xf3mo educar a tus clientes e inversionistas para posicionarte como l\xedder de tu industria","tags":"Estrategia web<br/>Comunicaci\xf3n<br/>Branding<br/>No-code<br/>Posicionamiento","link":"blockstem","bg_format":"svg"}]}')},8141:(e,t,r)=>{r.d(t,{a:()=>a});var o=r(5729);let a=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:650;return(0,o.useSyncExternalStore)(e=>(window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)),()=>window.innerWidth<=e,()=>!1)}},9438:(e,t,r)=>{r.d(t,{A:()=>v});var o=r(6029),a=r(5729),n=r(2615),i=r(9357),s=r(2203),l=r.n(s),d=r(7202),c=r(2821),m=r(739),g=r(5920),b=r(9021),u=r(819),p=r(6209),h=r(8628);let f=a.memo(e=>{let{trackScheduleClick:t=!1}=e,{title:r,p:a,button_text:i}=(0,n.PZ)().contact_footer;return(0,o.jsxs)("footer",{children:[(0,o.jsxs)(x,{children:[(0,o.jsx)(m.zW,{triggerOnce:!0,children:(0,o.jsx)(d.P,{className:"h1 text-white",children:r})}),(0,o.jsxs)(m.zW,{triggerOnce:!0,children:[(0,o.jsx)("p",{children:a}),(0,o.jsx)(l(),{href:p.up,target:"_blank",rel:"noopener noreferrer",onClick:()=>{t&&h.L9({contentName:i})},children:(0,o.jsx)(u.$,{text:i,variant:"secondary"})})]}),(0,o.jsx)(b.A,{})]}),(0,o.jsx)(c.A,{})]})}),x=(0,i.Ay)(g.A).withConfig({displayName:"ContactFooter__Grid",componentId:"sc-d487c49d-0"})(["background-color:"," !important;box-shadow:0px -3px 10px rgba(0,0,0,0.1);padding:10% 4% 20% 4%;.h1{color:",";}& > div{z-index:8;}p{z-index:8;max-width:375px;color:",";margin-bottom:10px;&:hover{b{border-bottom:",";border-color:transparent;transition:0.3s ease all;}}b{cursor:pointer;position:relative;color:",";font-weight:100;transition:0.3s ease all 0.1s;padding-bottom:2px;border-bottom:",";}}@media (max-width:600px){> div:nth-of-type(3){margin-bottom:20%;}p{max-width:360px;padding-bottom:5%;}}@media (max-width:450px){p{max-width:360px;}}"],e=>e.theme.colors.accent,e=>e.theme.colors.foreground,e=>e.theme.colors.foreground_low,e=>e.theme.stroke+" solid "+e.theme.colors.background,e=>e.theme.colors.foreground,e=>e.theme.stroke+" solid "+e.theme.colors.foreground);function v(){return(0,o.jsx)(f,{trackScheduleClick:!0})}}}]);