{"version":3,"file":"component---src-pages-compradores-js-7b6767513d194718d51a.js","mappings":"mNA4BA,EAzBe,WACb,OACE,uBAAKA,UAAU,mBACb,uBAAKA,UAAU,kBACb,uBAAKA,UAAU,iCACb,uBAAKA,UAAU,4BACb,uBAAKA,UAAU,UACb,gBAAC,EAAAC,EAAD,CAAaC,IAAI,2BAA2BC,IAAI,GAAGH,UAAU,iBAA7D,wBAGJ,uBAAKA,UAAU,6CACb,sBAAIA,UAAU,0BAAd,wCAGA,qBAAGA,UAAU,+BAAb,qNACA,uBAAKA,UAAU,oCACX,qBAAGI,KAAMC,uDAAyCL,UAAU,sBAA5D,8BCahB,EA9BmB,WACjB,OACI,uBAAKA,UAAU,sDACb,sBAAIA,UAAU,6BAAd,uCAGA,uBAAKA,UAAU,yCACb,gBAACM,EAAD,CACEC,IAAI,MACJC,MAAM,aACNC,WAAW,UACXC,YAAY,gEAEd,gBAACJ,EAAD,CACEC,IAAI,MACJC,MAAM,oBACNC,WAAW,UACXC,YAAY,0EAEd,gBAACJ,EAAD,CACEC,IAAI,MACJC,MAAM,WACNC,WAAW,UACXC,YAAY,wFASlBJ,EAAO,SAAC,GAA2C,IAA1CE,EAAyC,EAAzCA,MAAOC,EAAkC,EAAlCA,WAAYC,EAAsB,EAAtBA,YAAaH,EAAS,EAATA,IAC7C,OACE,uBAAKP,UAAU,wDACb,sBAAIA,UAAU,iFACXO,GAEH,sBACEP,UAAU,gEACVW,MAAO,CAACC,MAAOH,IAEdD,GAEH,qBACER,UAAU,qEACVW,MAAO,CAACE,YAAa,QAEpBH,K,UCNT,EAvC0B,WACxB,OACE,uBAAKV,UAAU,2BACX,uBAAKA,UAAU,oFACb,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,0BACf,uBAAKA,UAAU,4BACX,sBAAIA,UAAU,uBAAd,kCAGA,qBAAGA,UAAU,mBAAb,iIAGF,gBAACc,EAAD,CAAMC,UAAU,WAAhB,QAA+B,qBAAGf,UAAU,mBAAb,WAA/B,uBACA,gBAACc,EAAD,CAAMC,UAAU,WAAhB,sBAA6C,qBAAGf,UAAU,mBAAb,iBAA7C,uBACA,gBAACc,EAAD,CAAMC,UAAU,WAAhB,iBAAwC,qBAAGf,UAAU,mBAAb,0BAAxC,KACA,gBAACc,EAAD,CAAMC,UAAU,WAAhB,aAAoC,qBAAGf,UAAU,mBAAb,SAApC,8BACA,uBAAKA,UAAU,2CACb,qBAAGI,KAAMC,uDAAyCL,UAAU,sBAA5D,sBAON,uBAAKA,UAAU,wBACb,gBAAC,EAAAC,EAAD,CACEC,IAAI,mCACJC,IAAI,UACJH,UAAU,4DACVgB,YAAY,UACZC,OAAO,QAAQC,OAAQ,IAAKC,MAAO,IALrC,0BAeNL,EAAO,SAAC,GAA2B,IAA1BM,EAAyB,EAAzBA,SAAUL,EAAe,EAAfA,UACvB,OACE,uBAAKf,UAAU,aACb,4BACE,gBAAC,MAAD,CAAgBA,UAAU,UAAUW,MAAO,CAACC,MAAOG,MAErD,wBAAMf,UAAU,4BACboB,K,oBC7BT,EAhBc,WACZ,OACE,2BACE,gBAAC,KAAD,KACE,gBAAC,EAAD,MACA,gBAAC,EAAD,MACA,gBAAC,EAAD,MACA,gBAACC,EAAA,EAAD,MACA,gBAACC,EAAA,EAAD,CAAcd,MAAM,uEACNe,OAAO,gBACPC,KAAMnB,4DCP5B,EARe,WACb,OACE,2BACE,gBAAC,EAAD,S","sources":["webpack://@startuponsale/website/./src/views/Buyers/Header.js","webpack://@startuponsale/website/./src/views/Buyers/BuyStartup.js","webpack://@startuponsale/website/./src/views/Buyers/LookingForProject.js","webpack://@startuponsale/website/./src/views/Buyers/index.js","webpack://@startuponsale/website/./src/pages/compradores.js"],"sourcesContent":["import React from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\nconst Header = () => {\n  return (\n    <div className=\"w-full bg-lblue\">\n      <div className=\"mx-auto  pt-10\">\n        <div className=\"flex text-center items-center\">\n          <div className=\"md:w-1/2 md:block hidden\">\n            <div className=\"w-full\">\n              <StaticImage src=\"../../images/buyerbg.png\" alt=\"\" className=\" w-full h-auto\" />\n            </div>\n          </div>\n          <div className=\"md:w-1/2 md:max-w-xl md:pl-6 text-center \">\n            <h1 className=\"text-6xl mx-auto pb-16\">\n              Compra un negocio digital en 30 días\n            </h1>\n            <p className=\" text-lg text-dpurple pb-16\">Encuentra entre el listado de proyectos los que encajen mejor en tu plan. Revisa las métricas clave y contacta directamente con el emprendedor. Todos los proyectos son revisados por el equipo de StartupOnSale.</p>\n            <div className=\"flex mb-10 md:mb-0 mx-auto w-fit\">\n                <a href={process.env.APP_URL + \"/registro/nuevo\"} className=\"blue-button w-auto\">Quiero ver proyectos</a>\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default Header;\n","import React from \"react\";\n\nconst BuyStartup = () => {\n  return (\n      <div className=\"max-w-6xl mx-auto py-14 justify-center text-center\">\n        <h3 className=\"text-4xl text-bblue pb-10\">\n          ¡Compra un proyecto en pocos pasos!\n        </h3>\n        <div className=\"grid grid-cols-1 md:grid-cols-3 gap-4\">\n          <Card\n            nmb=\"01.\"\n            title=\"Registrate\"\n            titleColor=\"#5769b1\"\n            description=\"Date de alta en nuestra plataforma para empezar el proceso.\"\n          />\n          <Card\n            nmb=\"02.\"\n            title=\"Busca tú proyecto\"\n            titleColor=\"#ee2163\"\n            description=\"Filtra el listado de proyectos hasta encontrar el que estás buscando.\"\n          />\n          <Card\n            nmb=\"03.\"\n            title=\"Contacta\"\n            titleColor=\"#170f2e\"\n            description=\"Envía un mensaje al emprendedor desde la plataforma para empezar la negociación.\"\n          />\n        </div>\n      </div>\n  );\n};\n\nexport default BuyStartup;\n\nconst Card = ({title, titleColor, description, nmb}) => {\n  return (\n    <div className=\"bg-white border-2 border-dgrey rounded-2xl px-5 py-4\">\n      <h1 className=\"text-4xl md:text-5xl opacity-20 font-bold text-dpurple nexaTextBold pb-2 pt-2\">\n        {nmb}\n      </h1>\n      <h1\n        className=\"text-2xl md:text-3xl font-bold text-dpurple nexaTextBold pb-4\"\n        style={{color: titleColor}}\n      >\n        {title}\n      </h1>\n      <p\n        className=\"text-lg md:text-xl text-dpurple font-normal NexaTextDemoLight pb-2\"\n        style={{wordSpacing: \"8px\"}}\n      >\n        {description}\n      </p>\n    </div>\n  );\n};\n","import React from \"react\";\nimport {GoPrimitiveDot} from \"react-icons/go\";\nimport { StaticImage } from \"gatsby-plugin-image\";\n\n\nconst LookingForProject = () => {\n  return (\n    <div className=\"max-w-6xl mx-auto py-10\">\n        <div className=\"flex flex-col md:flex-row justify-center items-center md:items-start gap-2 mb-20\">\n          <div className=\" md:max-w-2xl\">\n            <div className=\"pl-20 md:pr-20 md:pl-0\">\n            <div className=\"pb-16 w-fit text-dpurple\">\n                <h2 className=\"text-4xl text-bblue\">\n                  ¿Estás buscando un proyecto...\n                </h2>\n                <p className=\"text-lg justify\">Encontrar el proyecto perfecto es difícil y gestionar un proceso de compra transparente y fiable lo es aún más. Te ayudamos.</p>\n              </div>\n              \n              <Text iconColor=\"#5769b1\">para <p className=\"nexabold inline\">escalar</p> tu startup actual?</Text>\n              <Text iconColor=\"#5769b1\">pero el proceso de <p className=\"nexabold inline\">due diligence</p> se te hace pesado?</Text>\n              <Text iconColor=\"#5769b1\">no encuentras <p className=\"nexabold inline\">proyectos interesantes</p>?</Text>\n              <Text iconColor=\"#5769b1\">necesitas <p className=\"nexabold inline\">ayuda</p> en el proceso de compra?.</Text>\n              <div className=\"mx-auto justify-center flex w-6/12 pt-5\">\n                <a href={process.env.APP_URL + \"/registro/nuevo\"} className=\"blue-button w-auto\">\n                  Busco proyectos \n                </a>\n              </div>\n            </div>\n          </div>\n\n          <div className=\"rounded-lg shadow-xl\">\n            <StaticImage\n              src=\"../../images/Group 18 (copy).png\"\n              alt=\"project\"\n              className=\"rounded-2xl md:max-w-md object-cover shadow-xl projectimg\"\n              placeholder=\"blurred\"\n              layout=\"fixed\" height={500} width={500}\n            />\n          </div>\n        </div>\n      </div>\n  );\n};\n\nexport default LookingForProject;\n\nconst Text = ({children, iconColor}) => {\n  return (\n    <div className=\"flex pb-3\">\n      <span>\n        <GoPrimitiveDot className=\"w-7 h-7\" style={{color: iconColor}} />\n      </span>\n      <span className=\"text-lg nexalight pl-1.5\">\n        {children}\n      </span>\n    </div>\n  );\n};\n","import React from \"react\";\nimport { Layout } from \"@startuponsale/gatsby-shared-ui\";\nimport Header from \"./Header\";\nimport BuyStartup from \"./BuyStartup\";\nimport LookingForProject from \"./LookingForProject\";\nimport CallToAction from \"../../components/CallToAction\";\nimport Services from \"../../components/Services\"\n\nconst Index = () => {\n  return (\n    <div>\n      <Layout>\n        <Header />\n        <BuyStartup />\n        <LookingForProject />\n        <Services />\n        <CallToAction title=\"Únete a la primera la comunidad hispana de compra/venta de negocios.\" \n                      action=\"Darme de alta\" \n                      link={process.env.APP_URL + \"/registro/nuevo\"}/>\n      </Layout>\n    </div>\n  );\n};\n\nexport default Index;\n","import React from \"react\";\nimport Index from \"../views/Buyers\";\n\nconst Buyers = () => {\n  return (\n    <div>\n      <Index />\n    </div>\n  );\n};\n\nexport default Buyers;\n"],"names":["className","S","src","alt","href","process","Card","nmb","title","titleColor","description","style","color","wordSpacing","Text","iconColor","placeholder","layout","height","width","children","Services","CallToAction","action","link"],"sourceRoot":""}