{"version":3,"sources":["webpack:///./src/components/whoItsFor/ComingSoon.jsx","webpack:///./src/components/whoItsFor/IndustryDemoButton.jsx","webpack:///./src/components/whoItsFor/IndustryDemoContent.jsx","webpack:///./src/components/whoItsFor/IndustryDemo.jsx","webpack:///./src/components/whoItsFor/IndustryDemoMobile.jsx","webpack:///./src/components/whoItsFor/WhoForBanner.jsx","webpack:///./src/pages/who-its-for.jsx"],"names":["ComingSoon","className","src","FrontlineTeaser","alt","href","IndustryDemoButton","children","onClick","classNames","focusDemo","IndustryDemoContent","data","industry","description","require","imageName","IndustryDemo","useState","currentIndustrySelected","setCurrentIndustrySelected","map","industryDemo","key","id","find","IndustryDemoMobile","Banner","style","backgroundImage","PeopleImage","WhoItsFor","industryDemoData","allIndustryDemoJson","nodes","Helmet","charSet","name","content","rel","Layout"],"mappings":"iNAiCeA,EA7BI,WACjB,OACE,yBAAKC,UAAU,qEACb,yBAAKA,UAAU,uCAAqC,mBACpD,yBACEA,UAAU,gBACVC,IAAKC,IACLC,IAAI,qBAEN,yBAAKH,UAAU,yBAAuB,0SAMpC,6BACA,6BAAM,2NAMR,kBAAC,IAAe,KACd,uBAAGI,KAAK,gBAAc,mBCffC,EAVY,SAAH,GAA0C,IAApCC,EAAQ,EAARA,SAAUC,EAAO,EAAPA,QAChCC,EADkD,EAATC,UAE3C,mHACA,sIACJ,OACE,4BAAQT,UAAWQ,EAAYD,QAASA,GACrCD,ICYQI,EAlBa,SAAH,GAAkB,IAAZC,EAAI,EAAJA,KAC7B,OACE,yBAAKX,UAAU,oCACb,yBAAKA,UAAU,8CACZW,EAAKC,UAER,yBAAKZ,UAAU,iDACZW,EAAKE,aAGR,yBACEb,UAAU,qBACVC,IAAKa,UAAQ,KAAgBH,EAAKI,UAAS,QAC3CZ,IAAI,4BCgCGa,EA1CM,SAAH,GAAkB,IAIVJ,EAJFD,EAAI,EAAJA,KACtB,EAA8DM,mBAC5D,uCADKC,EAAuB,KAAEC,EAA0B,KAM1D,OACE,yBAAKnB,UAAU,uEACb,yBAAKA,UAAU,8BAA4B,qEAG3C,yBAAKA,UAAU,QACb,yBAAKA,UAAU,uBACZW,EAAKS,KAAI,SAACC,GAAY,OACrB,kBAAC,EAAkB,CACjBC,IAAKD,EAAaE,GAClBhB,QAAS,kBAAMY,EAA2BE,EAAaT,WACvDH,UAAWY,EAAaT,WAAaM,GAEpCG,EAAaT,cAIpB,6BACE,kBAAC,EAAmB,CAClBD,MAtBcC,EAsBOM,EArB7BP,EAAKa,MAAK,SAACH,GAAY,OAAKA,EAAaT,WAAaA,UAyBpD,yBAAKZ,UAAU,mCAAiC,mMAKhD,uBAAGI,KAAK,0CACN,kBAAC,IAAa,uBCTPqB,EA5BY,SAAH,GAAkB,IAAZd,EAAI,EAAJA,KAC5B,OACE,yBAAKX,UAAU,gEACb,yBAAKA,UAAU,wBAAsB,sDAGrC,yBAAKA,UAAU,aACb,yBAAKA,UAAU,iBACZW,EAAKS,KAAI,SAACC,GAAY,OACrB,kBAAC,EAAmB,CAClBC,IAAKD,EAAaE,GAClBZ,KAAMU,SAKd,yBAAKrB,UAAU,6BAA2B,mMAK1C,uBAAGI,KAAK,0CACN,kBAAC,IAAa,uB,qBCLPsB,EAjBA,WACb,OACE,yBACE1B,UAAU,2DACV2B,MAAO,CAAEC,gBAAgB,OAAQC,IAAW,MAE5C,yBAAK7B,UAAU,yCAAuC,6IAItD,uBAAGI,KAAK,0CACN,kBAAC,IAAe,wB,YCPT,SAAS0B,EAAU,GAAW,IACrCC,EADgC,EAAJpB,KACJqB,oBAAoBC,MAClD,OACE,oCACE,kBAACC,EAAA,EAAM,KACL,0BAAMC,QAAQ,UACd,yDACA,0BACEC,KAAK,cACLC,QAAQ,oIAEV,0BACED,KAAK,WACLC,QAAQ,ipBAEV,0BAAMC,IAAI,YAAYlC,KAAK,+BAE7B,kBAACmC,EAAA,EAAM,KACL,kBAAC,EAAM,MACP,kBAAC,EAAY,CAAC5B,KAAMoB,IACpB,kBAAC,EAAkB,CAACpB,KAAMoB,IAC1B,kBAAC,EAAU","file":"component---src-pages-who-its-for-jsx-1c448ce9d1790c9d5ef3.js","sourcesContent":["import React from \"react\"\nimport { SecondaryButton } from \"../Button\"\nimport FrontlineTeaser from \"../../images/FrontlineTeaser.png\"\n\nconst ComingSoon = () => {\n  return (\n    <div className=\"justify-center text-center bg-navy text-white py-24 px-4 lg:px-40\">\n      <div className=\"text-2xl font-medium mb-8 text-left\">Beyond Baseline</div>\n      <img\n        className=\"px-4 lg:px-16\"\n        src={FrontlineTeaser}\n        alt=\"frontline teaser\"\n      ></img>\n      <div className=\"text-base  mt-8 mb-12\">\n        Here at Baseline, we believe that building the right team makes all the\n        difference. That’s why we’re hard at work developing Frontline, a\n        version of Baseline for the NGO sector, so that emergency response\n        organizations can quickly and efficiently staff their projects where\n        they’re needed most. \n        <br />\n        <br />\n        We’re still in the early stages of development and are looking for\n        potential NGO partners to work toward this vision. If you’d like to find\n        out more, please drop us a line, we’d love to have a conversation about\n        it.\n      </div>\n      <SecondaryButton>\n        <a href=\"/contact-us/\">Get in touch</a>\n      </SecondaryButton>\n    </div>\n  )\n}\n\nexport default ComingSoon\n","import React from \"react\"\n\nconst IndustryDemoButton = ({ children, onClick, focusDemo }) => {\n  const classNames = focusDemo\n    ? \"flex-1 mx-4 p-6 shadow-md rounded bg-green text-white text-lg font-semibold w-16 break-words focus:outline-none \"\n    : \"flex-1 mx-4 p-6 bg-off-white text-black text-lg font-semibold active:bg-green active:text-white w-16 break-words focus:outline-none\"\n  return (\n    <button className={classNames} onClick={onClick}>\n      {children}\n    </button>\n  )\n}\nexport default IndustryDemoButton\n","import React from \"react\"\n\nconst IndustryDemoContent = ({ data }) => {\n  return (\n    <div className=\"flex flex-col px-4 mt-12 lg:mt-4\">\n      <div className=\"text-black text-lg font-semibold lg:hidden\">\n        {data.industry}\n      </div>\n      <div className=\"text-black text-lg font-light font-light mt-4\">\n        {data.description}\n      </div>\n\n      <img\n        className=\"mt-4 w-full h-auto\"\n        src={require(`../../images/${data.imageName}.png`)}\n        alt=\"industry demo content\"\n      />\n    </div>\n  )\n}\nexport default IndustryDemoContent\n","import React, { useState } from \"react\"\nimport { PrimaryButton } from \"../Button\"\nimport IndustryDemoButton from \"./IndustryDemoButton\"\nimport IndustryDemoContent from \"./IndustryDemoContent\"\n\nconst IndustryDemo = ({ data }) => {\n  const [currentIndustrySelected, setCurrentIndustrySelected] = useState(\n    \"Marketing / Communications / Events\"\n  )\n  const getDemoContent = (industry) =>\n    data.find((industryDemo) => industryDemo.industry === industry)\n\n  return (\n    <div className=\"hidden lg:block text-center justify-center bg-off-white py-24 px-40\">\n      <div className=\"text-2xl font-medium mb-12\">\n        Select an industry example and see how Baseline can benefit you. \n      </div>\n      <div className=\"mt-8\">\n        <div className=\"flex flex-row px-32\">\n          {data.map((industryDemo) => (\n            <IndustryDemoButton\n              key={industryDemo.id}\n              onClick={() => setCurrentIndustrySelected(industryDemo.industry)}\n              focusDemo={industryDemo.industry === currentIndustrySelected}\n            >\n              {industryDemo.industry}\n            </IndustryDemoButton>\n          ))}\n        </div>\n        <div>\n          <IndustryDemoContent\n            data={getDemoContent(currentIndustrySelected)}\n          ></IndustryDemoContent>\n        </div>\n      </div>\n      <div className=\"text-base text-black my-8 px-32\">\n        Immediately access information regarding capacity, availability, rates,\n        skills and interests within your talent pool and build the best teams\n        for that campaign to be launched in a few months.\n      </div>\n      <a href=\"https://app.baselineteams.com/register\">\n        <PrimaryButton>Sign up now</PrimaryButton>\n      </a>\n    </div>\n  )\n}\n\nexport default IndustryDemo\n","import React from \"react\"\nimport { PrimaryButton } from \"../Button\"\nimport IndustryDemoContent from \"./IndustryDemoContent\"\n\nconst IndustryDemoMobile = ({ data }) => {\n  return (\n    <div className=\"text-center justify-center bg-off-white py-24 px-4 lg:hidden\">\n      <div className=\"text-2xl font-medium\">\n        See how Baseline can benefit different industries.\n      </div>\n      <div className=\"mt-0 px-0\">\n        <div className=\"flex flex-col\">\n          {data.map((industryDemo) => (\n            <IndustryDemoContent\n              key={industryDemo.id}\n              data={industryDemo}\n            ></IndustryDemoContent>\n          ))}\n        </div>\n      </div>\n      <div className=\"text-base text-black my-8\">\n        Immediately access information regarding capacity, availability, rates,\n        skills and interests within your talent pool and build the best teams\n        for that campaign to be launched in a few months.\n      </div>\n      <a href=\"https://app.baselineteams.com/register\">\n        <PrimaryButton>Sign up now</PrimaryButton>\n      </a>\n    </div>\n  )\n}\n\nexport default IndustryDemoMobile\n","import React from \"react\"\nimport PeopleImage from \"../../images/People.png\"\nimport { SecondaryButton } from \"../Button\"\n\nconst Banner = () => {\n  return (\n    <div\n      className=\" py-60 text-center bg-primary-blue bg-no-repeat bg-cover\"\n      style={{ backgroundImage: `url(${PeopleImage})` }}\n    >\n      <div className=\"px-4 my-8 text-xl text-white lg:px-48\">\n        If your business involves building a team to service client’s needs,\n        Baseline could make that process cheaper, easier and more effective.\n      </div>\n      <a href=\"https://app.baselineteams.com/register\">\n        <SecondaryButton>Try for free</SecondaryButton>\n      </a>\n    </div>\n  )\n}\n\nexport default Banner\n","import React from \"react\";\nimport Layout from \"../components/layout/Layout\";\nimport ComingSoon from \"../components/whoItsFor/ComingSoon\";\nimport IndustryDemo from \"../components/whoItsFor/IndustryDemo\";\nimport IndustryDemoMobile from \"../components/whoItsFor/IndustryDemoMobile\";\nimport Banner from \"../components/whoItsFor/WhoForBanner\";\nimport { Helmet } from \"react-helmet\";\n\nexport default function WhoItsFor({ data }) {\n  const industryDemoData = data.allIndustryDemoJson.nodes;\n  return (\n    <>\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>Baseline | Who its for</title>\n        <meta\n          name=\"description\"\n          content=\"Baseline is an efficient and cost effective resource planning tool that builds and manages the optimal teams for your projects.\"\n        />\n        <meta\n          name=\"keywords\"\n          content=\"Saas, Cheap, Time Saving ,Team, Team Management,Mental Health,Best Team Management Tool, Best Project Management Tool,Easy to use Team Management Tool,Easy to use Project Management Tool,Monitoring profitability,Ways to improve profitability,Time management,How to improve mental health,How to build a successful team,Staffing tool,Utilization tool,HR tool or HR Software,Resource allocation,People first team creation,Hybrid workforce,Visualize department utilization,Collaborative team building,Hard and Soft skill data talent search,User friendly team management,Future workforce,Creating happy and profitable teams,How can I see burnout in my team,\"\n        />\n        <link rel=\"canonical\" href=\"https://baselineteams.com\" />\n      </Helmet>\n      <Layout>\n        <Banner />\n        <IndustryDemo data={industryDemoData} />\n        <IndustryDemoMobile data={industryDemoData} />\n        <ComingSoon />\n      </Layout>\n    </>\n  );\n}\nexport const query = graphql`\n  query IndustryDemoQuery {\n    allIndustryDemoJson {\n      nodes {\n        id\n        industry\n        description\n        imageName\n      }\n    }\n  }\n`;\n"],"sourceRoot":""}