(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{8312:function(e,a,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return s(8361)}])},8361:function(e,a,s){"use strict";s.r(a),s.d(a,{default:function(){return L}});var t=s(5893),l=s(5675),r=s.n(l),i=s(1664),d=s.n(i),n=s(8773),o=e=>{let{buttonText:a,phoneNumber:s,message:l,className:r}=e,i="https://wa.me/".concat(s,"?text=").concat(encodeURIComponent(l));return(0,t.jsxs)(d(),{href:i,passHref:!0,target:"_blank",rel:"noopener noreferrer",className:"inline-flex items-center rounded-md bg-[#25D366] px-4 py-3 text-md font-medium text-white shadow-sm transition-colors hover:bg-[#128C7E] focus:outline-none focus:ring-2 focus:ring-[#25D366] focus:ring-offset-2 ".concat(r),children:[(0,t.jsx)(n.xpo,{className:"mr-2 h-5 w-5"}),a]})};let c=["Dotaciones","Bordado","Estampado","Personalizados"],m=["Cotizar","Portafolio","Nuestra empresa"];var x=()=>(0,t.jsx)("footer",{id:"contact",className:"bg-white border-t border-gray-200 pt-14 pb-16",children:(0,t.jsxs)("div",{className:"max-w-7xl mx-auto text-gray-400 px-8 lg:px-0 flex flex-wrap",children:[(0,t.jsxs)("div",{className:"mb-10 flex items-center w-full",children:[(0,t.jsx)(r(),{className:"h-12 w-12 mr-4",src:"/img/zaa-logo.png",alt:"logo",width:48,height:48}),(0,t.jsx)("p",{className:"text-4xl text-[#9c7945] font-laila-regular",children:"Bordados ZAA"})]}),(0,t.jsx)("div",{className:"w-full lg:w-1/2",children:(0,t.jsxs)("ul",{className:"text-lg font-light flex flex-wrap w-full",children:[(0,t.jsx)("li",{className:"w-1/2",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"text-gray-900 text-base font-bold mb-1",children:"Productos y servicios"}),(0,t.jsx)("ul",{children:c.map(e=>(0,t.jsx)("li",{className:"text-gray-800 text-sm font-medium leading-6",children:(0,t.jsx)(d(),{href:"/",children:e})},e))})]})}),(0,t.jsx)("li",{className:"w-1/2",children:(0,t.jsxs)("div",{children:[(0,t.jsx)("h4",{className:"text-gray-900 text-base font-bold mb-1",children:"Recursos"}),(0,t.jsx)("ul",{children:m.map(e=>(0,t.jsx)("li",{className:"text-gray-800 text-sm font-medium leading-6",children:(0,t.jsx)(d(),{href:"/",children:e})},e))})]})})]})}),(0,t.jsx)("div",{className:"w-full lg:w-1/2 mt-12 lg:mt-0 font-primary ",children:(0,t.jsxs)("div",{className:"border border-gray-400 rounded py-5 px-4",children:[(0,t.jsx)("h4",{className:" text-base uppercase text-gray-900 mb-3 font-bold",children:"DATOS DE CONTACTO"}),(0,t.jsxs)("div",{className:"flex w-full",children:[(0,t.jsxs)("div",{className:"w-1/2",children:[(0,t.jsx)("p",{className:"text-gray-800 font-bold",children:"Direcci\xf3n: "}),(0,t.jsx)("p",{className:"text-gray-700 font-normal",children:"Cra. 70 A BIS # 1 - 05 Segundo Piso"}),(0,t.jsx)("p",{className:"text-gray-700 font-normal mb-3",children:"Bogot\xe1 - Colombia"})]}),(0,t.jsxs)("div",{className:"w-1/2",children:[(0,t.jsx)("p",{className:"text-gray-800 font-bold",children:"Celular y WhatsApp:"}),(0,t.jsx)(o,{className:"",buttonText:"315 315 4150",phoneNumber:"573153154150",message:"Hola, me gustar\xeda cotizar un servicio de bordado"})]})]})]})})]})}),h=()=>(0,t.jsx)("header",{className:"min-h-min bg-opacity-50 relative bg-fixed bg-center bg-cover",style:{backgroundColor:"#e0e0e0",backgroundImage:"url(".concat("/_next/static/media/buhos-borda.cd8d1162.jpeg",")"),backgroundBlendMode:"screen",width:"100%",height:"100%"},children:(0,t.jsxs)("div",{className:"mx-auto max-w-4xl px-14 py-16 sm:px-6 lg:px-8",children:[(0,t.jsx)("div",{className:"mx-auto mt-4 flex max-w-xl flex-col items-center",children:(0,t.jsx)(r(),{src:"/img/zaa-logo-big.png",alt:"zaa-logo",width:700,height:100})}),(0,t.jsx)("div",{className:"mx-auto mb-20 mt-20 flex w-full items-center justify-center",children:(0,t.jsx)(d(),{href:"#quoting",children:(0,t.jsx)("button",{className:"text-white transition-all font-medium rounded-md font-sans py-2 px-4 bg-[#9c7945] border-[#374151] hover:bg-[#85673c]",children:"Cotice ya"})})})]})}),g=s(7294),u=s(6051),p=s(7918);let j=[{title:"Modelado y dise\xf1o",image:"/img/wilcom.png",alt:"Bordados computarizados"},{title:"Dotaciones",image:"/img/dotaciones.png",alt:"Dotaciones para empresas"},{title:"Servicio de bordado y estampado",image:"/img/bordado-letras.jpeg",alt:"Servicio de bordado y estampado"}];var b=()=>{let e=(0,g.useCallback)(async e=>{await (0,p.R)(e)},[]);return(0,t.jsx)("section",{id:"services",children:(0,t.jsxs)("div",{className:"relative min-h-screen w-full bg-[#222b33]",children:[(0,t.jsx)("div",{className:"absolute left-0 top-0 h-screen w-full overflow-hidden",children:(0,t.jsx)(()=>(0,t.jsx)(u.Z,{init:e,style:{position:"absolute"},height:"100vh",width:"100vw",options:{particles:{number:{value:400,density:{enable:!0,value_area:3e3}},line_linked:{enable:!1},move:{direction:"right",speed:.3},size:{value:1},opacity:{anim:{enable:!0,speed:.5,opacity_min:.1}}},preset:"links",interactivity:{events:{onclick:{enable:!1}}},retina_detect:!0}}),{})}),(0,t.jsxs)("div",{className:"mx-2 max-w-7xl pt-10 lg:mx-auto lg:pt-32",children:[(0,t.jsx)("h1",{className:"text-center text-4xl font-bold text-white lg:text-7xl",children:"\xbfComo le podemos ayudar?"}),(0,t.jsx)("p",{className:"mt-12 text-center text-xl text-gray-400",children:"Con m\xe1s de 15 a\xf1os de experiencia en la industria textil, podemos ayudar de diferentes formas a materializar su idea"}),(0,t.jsx)("div",{className:"mx-auto pt-24",children:(0,t.jsx)("div",{className:"flex w-full flex-wrap justify-around",children:j.map(e=>(0,t.jsx)("div",{className:" `xl:w-1/3 hover:scale-105` relative mx-auto mb-32 w-11/12 cursor-pointer sm:mx-0 sm:w-5/12 sm:max-w-xs lg:mb-20 lg:w-1/2 xl:max-w-sm",children:(0,t.jsxs)("div",{className:"relative z-30 mx-auto -mt-8 w-full rounded-md bg-white p-4 shadow-lg ",children:[(0,t.jsx)(r(),{src:e.image,width:500,height:100,alt:e.title,className:"m-auto my-2"}),(0,t.jsx)("p",{className:"pb-1 text-center text-xl text-gray-500",children:e.title})]})},e.title))})})]})]})})},f={src:"/_next/static/media/check.2df05505.svg",height:32,width:32,blurWidth:0,blurHeight:0},v=()=>(0,t.jsx)("section",{className:"bg-white pb-6",children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl p-4 sm:p-6 lg:p-8",children:(0,t.jsxs)("div",{className:"container mx-auto bg-white p-6 px-6",children:[(0,t.jsx)("div",{className:"mb-16 text-center",children:(0,t.jsx)("p",{className:"mt-2 text-5xl font-bold tracking-tight text-gray-900 lg:text-7xl",children:"\xbfQue nos hace diferentes?"})}),(0,t.jsxs)("div",{className:"my-12 flex flex-wrap",children:[(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 md:border-x lg:w-1/3",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Insumos de excelente calidad"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500",children:"Nos destacamos por utilizar hilos y materiales de la m\xe1s alta calidad, asegurando que cada bordado no solo se vea espectacular, sino que tambi\xe9n sea duradero y resistente al desgaste."})]}),(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 md:border-x lg:w-1/3",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Prendas personalizadas"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500",children:"Ofrecemos la posibilidad de dise\xf1ar y crear prendas \xfanicas a trav\xe9s de bordados y estampados personalizados, adapt\xe1ndonos a sus necesidades espec\xedficas para que cada pieza sea verdaderamente exclusiva."})]}),(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 lg:w-1/3 md:border-x",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Puntualidad"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500 ",children:"Cumplimos con nuestros compromisos de entrega, trabajando con eficiencia para asegurar que sus pedidos lleguen a tiempo y en perfectas condiciones."})]}),(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 lg:w-1/3 md:border-x",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Atenci\xf3n al cliente personalizada"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500",children:"Nos comprometemos a entender y satisfacer las necesidades espec\xedficas de cada cliente, brindando una atenci\xf3n personalizada y asesoramiento para asegurar que cada proyecto de bordado sea un \xe9xito."})]}),(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 lg:w-1/3 md:border-x",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Tecnolog\xeda avanzada"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500 ",children:"Utilizamos maquinaria y software de bordado de \xfaltima generaci\xf3n para garantizar precisi\xf3n y calidad en cada dise\xf1o, permiti\xe9ndonos crear bordados complejos y detallados con resultados impecables."})]}),(0,t.jsxs)("div",{className:"w-full p-8 md:w-1/2 lg:w-1/3 md:border-x",children:[(0,t.jsxs)("div",{className:"mb-6 flex items-center",children:[(0,t.jsx)(r(),{alt:"check",width:20,height:20,src:f,className:"h-6 w-6"}),(0,t.jsx)("div",{className:"ml-4 text-xl",children:"Precios competitivos"})]}),(0,t.jsx)("p",{className:"leading-loose text-gray-500 ",children:"Ofrecemos productos y servicios a precios asequibles sin comprometer la excelencia y la durabilidad."})]})]})]})})});let N=[{image:"/img/parches.jpeg",text:"Parches bordados"},{image:"/img/gorrasmit.png",text:"Gorras bordadas"},{image:"/img/dino.jpeg",text:"Bordados para ni\xf1os"},{image:"/img/dotacionesseg.png",text:"Bordados para dotaciones"},{image:"/img/toallasbordadas.jpeg",text:"Toallas bordadas"},{image:"/img/bordado.png",text:"Bordados computarizados"}];var y=()=>{var e,a,s,l,i,d,n,o,c,m,x,h,g,u,p,j,b,f,v,y,w,k,C,z;return(0,t.jsx)("section",{id:"portfolio",className:"bg-gradient-to-b from-slate-300 to-white pb-6",children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl p-4 sm:p-6 lg:p-8",children:(0,t.jsx)("div",{className:"container mx-auto bg-transparent p-6 px-6",children:(0,t.jsxs)("div",{className:"mb-16 text-center",children:[(0,t.jsx)("p",{className:"mt-2 text-5xl font-bold tracking-tight text-gray-900 lg:text-7xl",children:"Nuestro Portafolio"}),(0,t.jsxs)("div",{className:"my-12 flex flex-wrap",children:[(0,t.jsx)("div",{className:"w-full border-b p-8 md:w-1/2 md:border-r lg:w-1/3",children:(0,t.jsx)(r(),{src:null!==(g=null===(e=N[0])||void 0===e?void 0:e.image)&&void 0!==g?g:"",width:500,height:100,alt:null!==(u=null===(a=N[0])||void 0===a?void 0:a.text)&&void 0!==u?u:"",className:"m-auto my-2 rounded-md"})}),(0,t.jsx)("div",{className:"w-full border-b p-8 md:w-1/2 md:border-r lg:w-1/3 ",children:(0,t.jsx)(r(),{src:null!==(p=null===(s=N[1])||void 0===s?void 0:s.image)&&void 0!==p?p:"",width:500,height:100,alt:null!==(j=null===(l=N[1])||void 0===l?void 0:l.text)&&void 0!==j?j:"",className:"m-auto my-2 rounded-md"})}),(0,t.jsx)("div",{className:"w-full border-b p-8 md:w-1/2 md:border-r lg:w-1/3 lg:border-r-0",children:(0,t.jsx)(r(),{src:null!==(b=null===(i=N[2])||void 0===i?void 0:i.image)&&void 0!==b?b:"",width:500,height:100,alt:null!==(f=null===(d=N[2])||void 0===d?void 0:d.text)&&void 0!==f?f:"",className:"m-auto my-2 rounded-md"})}),(0,t.jsx)("div",{className:"w-full border-b p-8 md:w-1/2 md:border-r lg:w-1/3 lg:border-b-0",children:(0,t.jsx)(r(),{src:null!==(v=null===(n=N[3])||void 0===n?void 0:n.image)&&void 0!==v?v:"",width:500,height:100,alt:null!==(y=null===(o=N[3])||void 0===o?void 0:o.text)&&void 0!==y?y:"",className:"m-auto my-2 rounded-md"})}),(0,t.jsx)("div",{className:"w-full border-b p-8 md:w-1/2 md:border-r lg:w-1/3 lg:border-b-0",children:(0,t.jsx)(r(),{src:null!==(w=null===(c=N[4])||void 0===c?void 0:c.image)&&void 0!==w?w:"",width:500,height:100,alt:null!==(k=null===(m=N[4])||void 0===m?void 0:m.text)&&void 0!==k?k:"",className:"m-auto my-2 rounded-md"})}),(0,t.jsx)("div",{className:"w-full p-8 md:w-1/2 lg:w-1/3",children:(0,t.jsx)(r(),{src:null!==(C=null===(x=N[5])||void 0===x?void 0:x.image)&&void 0!==C?C:"",width:500,height:100,alt:null!==(z=null===(h=N[5])||void 0===h?void 0:h.text)&&void 0!==z?z:"",className:"m-auto my-2 rounded-md"})})]})]})})})})},w=e=>{let{width:a,height:s,widthChange:l,heightChange:r}=e,[i,d]=(0,g.useState)("".concat(1.2*a,"rem")),[n,o]=(0,g.useState)("".concat(1.2*s,"rem"));return(0,g.useEffect)(()=>{d("".concat(1.1*a,"rem")),o("".concat(1.1*s,"rem"))},[a,s]),(0,t.jsxs)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 md:py-12",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("p",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"\xbfQue dimensiones tiene su dise\xf1o?"})}),(0,t.jsxs)("div",{className:"grid w-full max-w-md grid-cols-2 items-center gap-4",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{htmlFor:"width",children:"Ancho (cm)"}),(0,t.jsx)("input",{type:"number",className:"h-10 w-full rounded-md p-2",id:"width",max:40,min:1,value:a||"",onChange:e=>l(Number(e.target.value)),placeholder:"Ingrese ancho del logo",onBlur:e=>{let a=Number(e.target.value);l(a=(a=a<1?1:a)>40?40:a)},autoComplete:"off"})]}),(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{htmlFor:"height",children:"Alto (cm)"}),(0,t.jsx)("input",{type:"number",className:"h-10 w-full rounded-md p-2",id:"width",max:30,min:1,value:s||"",onChange:e=>r(Number(e.target.value)),placeholder:"Ingrese ancho del logo",onBlur:e=>{let a=Number(e.target.value);r(a=(a=a<1?1:a)>30?30:a)},autoComplete:"off"})]})]}),(0,t.jsx)("div",{style:{width:i,height:n},className:"rounded-lg from-[#7e7a2a] to-[#373512] bg-gradient-to-tr transition-all duration-300 max-w-96 lg:max-w-screen-lg md:max-w-screen-md",id:"box"})]})};let k=[{name:"Parche",image:"parche.png",increment:500,selected:!1},{name:"Camisa",image:"camisa.png",increment:500,selected:!1},{name:"Camiseta",image:"camiseta.png",increment:500,selected:!1},{name:"Pantal\xf3n",image:"pantalon.png",increment:500,selected:!1},{name:"Chaqueta",image:"chaqueta.png",increment:1e3,selected:!1},{name:"Toalla",image:"toalla.png",increment:2e3,selected:!1},{name:"Gorra",image:"gorra.png",increment:1500,selected:!1},{name:"Uniforme",image:"uniforme.png",increment:1e3,selected:!1},{name:"Otro",image:"otro.png",increment:200,selected:!1}],C=[{name:"Muy relleno",image:"relleno.jpeg",increment:1e3,selected:!1},{name:"Medio relleno",image:"medio-relleno.jpeg",increment:500,selected:!1},{name:"Solo borde",image:"toalla.png",increment:500,selected:!1},{name:"Logo con letra",image:"logo-letra.png",increment:500,selected:!1},{name:"Solo letra",image:"letra.jpeg",increment:500,selected:!1},{name:"Solo logo",image:"logo.jpeg",increment:500,selected:!1}];var z=e=>{let{selectedTypes:a,setSelectedTypes:s,requiringClothes:l,setRequireClothes:i}=e,[d,n]=(0,g.useState)(a.length>0?a:k),o=e=>{let a=[...d];if(void 0!==a[e]){var t,l;a[e].selected=!(null===(t=a[e])||void 0===t?void 0:t.selected)}n(a),s(a)};return(0,t.jsx)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 md:py-12 lg:py-12",children:(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("h4",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"\xbfEn que tipo(s) de prenda desea bordar su logo?"})}),(0,t.jsx)("div",{className:"mt-8 grid grid-cols-2 gap-4 md:grid-cols-3 mx-auto max-w-6xl justify-items-center",children:d.map((e,a)=>(0,t.jsxs)("div",{className:"w-full max-w-sm rounded-lg overflow-hidden shadow-lg",onClick:()=>o(a),style:{opacity:e.selected?.8:1},children:[(0,t.jsx)(r(),{alt:e.name,className:"h-48 w-full rounded-t-lg object-cover",height:200,src:"/img/".concat(e.image),width:400,style:{aspectRatio:"400/200",objectFit:"cover",pointerEvents:"none"}}),(0,t.jsx)("div",{className:"space-y-2 p-4 rounded-b-lg",style:{backgroundColor:e.selected?"black":"white",color:e.selected?"white":"black"},children:(0,t.jsx)("h3",{className:"text-lg font-semibold text-center",children:e.name})})]},a))}),(0,t.jsxs)("div",{className:"grid grid-cols-1 justify-items-center space-x-2 pt-10",children:[(0,t.jsx)("input",{className:"h-5 w-5 rounded-md border-2 border-gray-400 transition-colors focus:border-gray-900 focus:ring-0",id:"require-clothes",type:"checkbox",checked:l,onChange:()=>i(!l)}),(0,t.jsx)("label",{className:"text-lg font-medium text-gray-900",htmlFor:"require-clothes",children:"Requiero que me suministren las prendas"})]})]})})},S=e=>{let{colors:a,colorsChange:s}=e;return(0,t.jsxs)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 md:py-12",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("p",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"\xbfCuantos colores tiene su dise\xf1o?"})}),(0,t.jsx)("div",{className:"grid w-full max-w-md grid-cols-1 items-center gap-4",children:(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{htmlFor:"colors"}),(0,t.jsx)("input",{type:"number",className:"w-full rounded-md h-10 p-2 text-center",id:"colors",max:9,min:1,onChange:e=>s(Number(e.target.value)),value:a||"",placeholder:"Cantidad de colores",onBlur:e=>{let a=Number(e.target.value);s(a=(a=a>9?9:a)<1?1:a)}})]})})]})},q=e=>{let{selectedTypes:a,setSelectedTypes:s}=e,[l,i]=(0,g.useState)(a.length>0?a:C);return(0,t.jsx)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 md:py-12 lg:py-12",children:(0,t.jsxs)("div",{className:"container",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("h4",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"\xbfQue caracter\xedsticas tiene su dise\xf1o bordado?"})}),(0,t.jsx)("div",{className:"mt-8 grid gap-3 grid-cols-2 md:grid-cols-3 mx-auto max-w-6xl justify-items-center",children:l.map((e,a)=>(0,t.jsxs)("div",{className:"w-full max-w-sm rounded-lg overflow-hidden shadow-lg",onClick:()=>(function(e){let a=[...l];if(void 0!==a[e]){var t,r;a[e].selected=!(null===(t=a[e])||void 0===t?void 0:t.selected)}i(a),s(a)})(a),style:{opacity:e.selected?.8:1},children:[(0,t.jsx)(r(),{alt:e.name,className:"h-48 w-full rounded-t-lg object-cover",height:200,src:"/img/".concat(e.image),width:400,style:{aspectRatio:"400/200",objectFit:"cover",pointerEvents:"none"}}),(0,t.jsx)("div",{className:"space-y-2 p-4 rounded-b-lg",style:{backgroundColor:e.selected?"black":"white",color:e.selected?"white":"black"},children:(0,t.jsx)("h3",{className:"text-lg font-semibold text-center",children:e.name})})]},a))})]})})};let T=e=>e.toLocaleString("es-CO",{style:"currency",currency:"COP",currencyDisplay:"narrowSymbol",minimumFractionDigits:0});var B=e=>{let{width:a,height:s,colors:l,designTypes:r,clothingTypes:i,requiringClothes:d,numItems:n,result:o,setResult:c}=e;(0,g.useEffect)(()=>{m()});let m=()=>{let e=a*s,t=0;switch(!0){case e>0&&e<=50:t=100;break;case e>50&&e<=100:t=50;break;case e>100&&e<=200:t=40;break;case e>200&&e<=400:t=30;break;case e>400:t=20;break;default:t=10}let d=e*t+200*l;r.forEach(e=>{e.selected&&(d+=e.increment)}),i.forEach(e=>{e.selected&&(d+=e.increment)}),c(d*(n>50?.8:1)*n)};return(0,t.jsxs)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 ",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("p",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"Resultado de la cotizaci\xf3n"})}),(0,t.jsx)("div",{className:"grid w-full max-w-md grid-cols-1 items-center gap-4",children:(0,t.jsxs)("div",{className:"rounded-lg border border-gray-200 bg-white p-5 shadow-sm dark:border-gray-800 dark:bg-gray-950",children:[(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Tama\xf1o"}),(0,t.jsxs)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:[a," x ",s," cm"]})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"N\xfamero de colores"}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:l})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"N\xfamero de unidades"}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:n})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Tipo de dise\xf1o"}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:r.filter(e=>e.selected).map(e=>e.name).join(", ")})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Tipo de prenda"}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:i.filter(e=>e.selected).map(e=>e.name).join(", ")})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Requiere prendas"}),(0,t.jsx)("span",{className:"text-sm font-medium text-gray-900 dark:text-gray-50",children:d?"Si":"No"})]})]}),(0,t.jsx)("hr",{className:"my-4 border-gray-200 dark:border-gray-800"}),(0,t.jsxs)("div",{className:"space-y-2 mt-4",children:[(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Servicio de bordado por prenda"}),(0,t.jsx)("span",{className:"text-sm font-bold text-gray-900 dark:text-gray-50",children:T(Math.trunc(o/n))})]}),(0,t.jsxs)("div",{className:"flex items-center justify-between",children:[(0,t.jsx)("span",{className:"text-sm font-medium text-gray-500 dark:text-gray-400",children:"Costo total aproximado"}),(0,t.jsx)("span",{className:"text-sm font-bold text-gray-900 dark:text-gray-50",children:T(o)})]})]}),(0,t.jsxs)("div",{className:"mt-4",children:[(0,t.jsx)("p",{className:"text-xs/3 font-thin text-gray-900 dark:text-gray-50",children:"* Los precios son aproximados y pueden variar seg\xfan la cantidad de unidades y el dise\xf1o."}),(0,t.jsx)("p",{className:"text-xs/3 font-thin text-gray-900 dark:text-gray-50",children:"* Esta es una cotizaci\xf3n aproximada. Por favor, cont\xe1ctenos para confirmar los detalles y recibir una cotizaci\xf3n exacta."}),(0,t.jsx)("p",{className:"text-xs/3 font-thin text-gray-900 dark:text-gray-50",children:"* Solicitamos un pago inicial del 50% y el restante 50% al momento de la entrega."})]})]})})]})},P=e=>{let{numItems:a,numItemsChange:s}=e;return(0,t.jsxs)("section",{className:"flex flex-col items-center justify-center gap-6 py-6 md:py-12",children:[(0,t.jsx)("div",{className:"space-y-4 text-center",children:(0,t.jsx)("p",{className:"text-xl font-bold tracking-tighter sm:text-2xl md:text-3xl",children:"\xbfCuantas unidades de prendas bordadas requiere?"})}),(0,t.jsx)("div",{className:"grid w-full max-w-md grid-cols-1 items-center gap-4",children:(0,t.jsxs)("div",{className:"space-y-2",children:[(0,t.jsx)("label",{htmlFor:"items"}),(0,t.jsx)("input",{type:"number",className:"w-full rounded-md h-10 p-2 text-center",id:"items",max:5e3,min:1,value:a||"",onChange:e=>s(Number(e.target.value)),placeholder:"Cantidad de unidades",onBlur:e=>{let a=Number(e.target.value);s(a=a<1?1:a)}})]})})]})},_=()=>{let[e,a]=(0,g.useState)(0),[s,l]=(0,g.useState)(5),[r,i]=(0,g.useState)(5),[d,n]=(0,g.useState)(1),[c,m]=(0,g.useState)([]),[x,h]=(0,g.useState)([]),[u,p]=(0,g.useState)(!1),[j,b]=(0,g.useState)(6),[f,v]=(0,g.useState)(0),N=[(0,t.jsx)(w,{height:r,width:s,heightChange:e=>{i(e)},widthChange:e=>{l(e)}},0),(0,t.jsx)(S,{colors:d,colorsChange:n},1),(0,t.jsx)(q,{selectedTypes:c,setSelectedTypes:m},2),(0,t.jsx)(z,{selectedTypes:x,setSelectedTypes:h,requiringClothes:u,setRequireClothes:p},3),(0,t.jsx)(P,{numItems:j,numItemsChange:b},4),(0,t.jsx)(B,{width:s,height:r,colors:d,designTypes:c,clothingTypes:x,requiringClothes:u,numItems:j,result:f,setResult:v},5)];return(0,t.jsx)("section",{className:"bg-gradient-to-b from-white to-slate-900 pb-6",children:(0,t.jsx)("div",{className:"mx-auto max-w-7xl p-4 sm:p-6 lg:p-8",children:(0,t.jsxs)("div",{className:"container mx-auto bg-transparent p-6 px-6",children:[(0,t.jsx)("div",{className:"mb-16 text-center",id:"quoting",children:(0,t.jsx)("p",{className:"mt-2 h-20 text-5xl font-bold tracking-tight text-gray-900 lg:text-7xl",children:"Cotizaci\xf3n en l\xednea"})}),(0,t.jsxs)("div",{className:"flex flex-col rounded-lg bg-[#ffffff8e] p-3 shadow-xl md:p-10 lg:m-11",children:[N[e],(0,t.jsxs)("section",{className:"flex items-center justify-center",children:[e>0?(0,t.jsx)("button",{onClick:()=>a(e=>e-1),className:"mx-1 rounded-md border-stone-300 bg-[#7e7a2a] px-4 py-2 text-md font-medium tracking-tight shadow-sm transition-colors text-slate-200 hover:bg-[#4d4a1b]",children:"Atras"}):(0,t.jsx)(t.Fragment,{}),e<N.length-1?(0,t.jsx)("button",{onClick:()=>a(e=>e+1),className:"mx-1 rounded-md border-stone-300 bg-[#7e7a2a] px-4 py-2 text-md font-medium tracking-tight shadow-sm transition-colors text-slate-200 hover:bg-[#4d4a1b]",children:"Siguiente"}):(0,t.jsx)(o,{className:"mx-1",buttonText:"Enviar a WhatsApp",phoneNumber:"573153154150",message:"Hola, me gustar\xeda cotizar un servicio de bordado con las siguientes caracter\xedsticas:\n    - Tama\xf1o: ".concat(s,"x").concat(r," cm\n    - Colores: ").concat(d,"\n    - Dise\xf1o: ").concat(c.filter(e=>e.selected).map(e=>e.name).join(", "),"\n    - Tipo de prenda: ").concat(x.filter(e=>e.selected).map(e=>e.name).join(", "),"\n    - \xbfRequiere prendas?: ").concat(u?"Si":"No","\n    - Cantidad: ").concat(j,"\n    - Precio por unidad bordada: ").concat(T(Math.trunc(f/j)),"\n    - Precio total cotizado: ").concat(T(f),"\n    ")})]})]})]})})})},A=s(9008),E=s.n(A);let M=[{label:"Productos y Servicios",href:"#services"},{label:"Portafolio",href:"#portfolio"},{label:"Cotiza en l\xednea",href:"#quoting"}],O=[{label:"Cont\xe1ctenos",href:"#contact"}],D=e=>{let{toggleMenu:a,showMenu:s}=e;return(0,t.jsxs)("button",{type:"button","aria-controls":"mobile-menu","aria-expanded":s,onClick:a,className:"p-2 text-gray-400",children:[(0,t.jsx)("span",{className:"sr-only",children:"Open menu"}),s?(0,t.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",width:24,height:24,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})}):(0,t.jsx)("svg",{className:"h-6 w-6",xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",stroke:"currentColor","aria-hidden":"true",width:24,height:24,children:(0,t.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 6h16M4 12h16M4 18h16"})})]})},R=()=>(0,t.jsxs)("div",{className:"md:hidden",children:[(0,t.jsx)("div",{className:"px-2 pt-2 pb-3 space-y-1 sm:px-3",children:M.map(e=>(0,t.jsx)("a",{href:e.href,className:"text-gray-500 block px-3 py-2 text-base font-medium",children:e.label},e.label))}),(0,t.jsx)("div",{className:"pt-4 pb-3 border-t border-gray-400",children:(0,t.jsx)("div",{className:"px-2 space-y-1",children:O.map(e=>(0,t.jsx)("a",{href:e.href,className:"block px-3 py-2 text-base font-medium text-gray-500",children:e.label},"mobile-".concat(e.label)))})})]});var F=()=>{let[e,a]=(0,g.useState)(!1);return(0,t.jsxs)("nav",{className:"bg-white",children:[(0,t.jsx)("div",{className:"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8",children:(0,t.jsxs)("div",{className:"flex items-center justify-between h-20",children:[(0,t.jsxs)("div",{className:"flex items-center",children:[(0,t.jsx)("div",{className:"flex-shrink-0",children:(0,t.jsx)(r(),{className:"h-16 w-16",src:"/img/zaa-logo.png",alt:"logo",width:48,height:48})}),(0,t.jsx)("div",{className:"hidden md:block",children:(0,t.jsx)("div",{className:"ml-10 flex items-baseline space-x-4",children:M.map(e=>(0,t.jsx)("a",{href:e.href,className:"text-gray-500 hover:text-gray-600 hover:underline underline-offset-4 transition-all px-3 py-2 rounded-md font-medium",children:e.label},e.label))})})]}),(0,t.jsx)("div",{className:"-mr-2 flex md:hidden",children:(0,t.jsx)(D,{showMenu:e,toggleMenu:()=>a(!e)})})]})}),e?(0,t.jsx)(R,{}):null]})},I=e=>{let{children:a}=e;return(0,t.jsxs)("div",{children:[(0,t.jsxs)(E(),{children:[(0,t.jsx)("link",{rel:"icon",href:"/img/zaa-logo.png"}),(0,t.jsx)("title",{children:"Bordados ZAA - Bordamos su idea - Servicio de bordados computarizados"}),(0,t.jsx)("meta",{name:"description",content:"Bordados ZAA - Bordamos su idea - Servicio de bordados computarizados"}),(0,t.jsx)("meta",{name:"description",content:"Ofrecemos servicios de bordados computarizados de alta calidad para personalizar ropa, accesorios y m\xe1s. Descubre c\xf3mo podemos ayudar a tu negocio a destacar con nuestros bordados precisos y detallados."}),(0,t.jsx)("meta",{name:"keywords",content:"bordados bogota, bordados colombia, bordados kennedy, bordados alqueria, bordados medellin, bordados computarizados, bordados personalizados, servicios de bordado, personalizaci\xf3n de ropa, bordados para empresas, dotaciones empresariales, dotaciones para empresas, bordados zaa"}),(0,t.jsx)("meta",{property:"og:title",content:"Servicios de Bordados Computarizados Profesionales | Bordados ZAA"}),(0,t.jsx)("meta",{property:"og:description",content:"Ofrecemos servicios de bordados computarizados de alta calidad para personalizar ropa, accesorios y m\xe1s."}),(0,t.jsx)("meta",{property:"og:image",content:"/img/zaa-logo.png"}),(0,t.jsx)("meta",{property:"og:url",content:"https://bordadoszaa.com.co"}),(0,t.jsx)("meta",{property:"og:type",content:"website"}),(0,t.jsx)("meta",{name:"robots",content:"index, follow"}),(0,t.jsx)("meta",{charSet:"UTF-8"})]}),(0,t.jsxs)("div",{className:"min-h-screen flex flex-col",children:[(0,t.jsx)(F,{}),a]})]})};function L(){return(0,t.jsxs)(I,{children:[(0,t.jsx)(h,{}),(0,t.jsxs)("main",{children:[(0,t.jsx)(b,{}),(0,t.jsx)(v,{}),(0,t.jsx)(y,{}),(0,t.jsx)(_,{})]}),(0,t.jsx)(x,{})]})}}},function(e){e.O(0,[365,217,888,774,179],function(){return e(e.s=8312)}),_N_E=e.O()}]);