{"version":3,"sources":["webpack:///./src/components/home/OverviewBanner.jsx","webpack:///./src/components/home/FeaturesPreview.jsx","webpack:///./src/components/home/UserTestimonial.jsx","webpack:///./src/components/home/TestimonialSection.jsx","webpack:///./src/pages/index.jsx"],"names":["OverviewBanner","className","href","src","placeholder","alt","FeaturesPreview","data","map","featurePreview","key","id","title","subtitle","description","require","imageName","UserTestimonial","userTitle","company","dangerouslySetInnerHTML","__html","testimonial","TestimonialSection","console","log","settings","dots","infinite","speed","slidesToShow","slidesToScroll","mobileSettings","arrows","userTestimonial","Home","featuresPreviewData","allFeaturesPreviewJson","nodes","userTestimonialData","allUserTestimonialsJson","Layout"],"mappings":"mhCAkCeA,EA9BQ,WACrB,OACE,yBAAKC,UAAU,2DACb,yBAAKA,UAAU,8CAA4C,4CAG3D,yBAAKA,UAAU,4BAA0B,uHAIzC,uBAAGC,KAAK,0CACN,kBAAC,IAAa,sBAEhB,kBAAC,IAAW,CACVD,UAAU,2BACVE,IAAI,uCACJC,YAAY,UACZC,IAAI,SAAQ,wBAEd,kBAAC,IAAW,CACVJ,UAAU,4BACVE,IAAI,8CACJE,IAAI,SAAQ,wBAEd,uBAAGH,KAAK,0CACN,kBAAC,IAAa,uBCKPI,EAhCS,SAAH,GAAkB,IAAZC,EAAI,EAAJA,KACzB,OACE,yBAAKN,UAAU,iDACZM,EAAKC,KAAI,SAACC,GAAc,OACvB,yBACEC,IAAKD,EAAeE,GACpBV,UAAU,0GAEV,yBAAKA,UAAU,uCACb,0BAAMA,UAAU,kDACbQ,EAAeG,OAElB,wBAAIX,UAAU,yCACXQ,EAAeI,UAElB,uBAAGZ,UAAU,mCACVQ,EAAeK,cAGpB,yBAAKb,UAAU,SACf,yBAAKA,UAAU,uBACb,yBACEE,IAAKY,UAAQ,KAAgBN,EAAeO,UAAS,QACrDX,IAAI,2B,qBCLHY,G,oBAlBS,SAAH,GAAkB,IAAZV,EAAI,EAAJA,KACzB,OACE,yBAAKN,UAAU,8IACb,yBAAKA,UAAU,qDACb,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,uDACZM,EAAKW,WAER,yBAAKjB,UAAU,8CACZM,EAAKY,WAIZ,yBAAKC,wBAAyB,CAAEC,OAAQd,EAAKe,kBCgCpCC,EAzCY,SAAH,GAAkB,IAAZhB,EAAI,EAAJA,KAC5BiB,QAAQC,IAAIlB,GACZ,IAAMmB,EAAW,CACfC,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,GAEZC,EAAiB,CACrBC,QAAQ,EACRN,MAAM,EACNC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,GAGlB,OACE,yBAAK9B,UAAU,+DACb,yBAAKA,UAAU,wCAAsC,kCAGrD,yBAAKA,UAAU,mBACb,kBAAC,IAAWyB,EACTnB,EAAKC,KAAI,SAAC0B,GAAe,OACxB,kBAAC,EAAe,CAACxB,IAAKwB,EAAgBvB,GAAIJ,KAAM2B,SAItD,yBAAKjC,UAAU,aACb,kBAAC,IAAW+B,EACTzB,EAAKC,KAAI,SAAC0B,GAAe,OACxB,kBAAC,EAAe,CAACxB,IAAKwB,EAAgBvB,GAAIJ,KAAM2B,WCY7CC,UA3CF,SAAH,GAAkB,IAAZ5B,EAAI,EAAJA,KACR6B,EAAsB7B,EAAK8B,uBAAuBC,MAClDC,EAAsBhC,EAAKiC,wBAAwBF,MAEzD,OACE,kBAACG,EAAA,EAAM,KACL,kBAAC,EAAc,MACf,kBAAC,EAAkB,CAAClC,KAAMgC,IAC1B,kBAAC,EAAe,CAAChC,KAAM6B,IACvB,yBAAKnC,UAAU,4EACb,wBAAIA,UAAU,wCAAsC,sCAGpD,uBAAGC,KAAK,0CACN,kBAAC,IAAe,0B","file":"component---src-pages-index-jsx-e4a09134ece6eddb272d.js","sourcesContent":["import React from \"react\"\nimport { PrimaryButton } from \"../Button\"\nimport { StaticImage } from \"gatsby-plugin-image\"\n\nconst OverviewBanner = () => {\n  return (\n    <div className=\"mx-auto py-16 lg:px-16 text-center bg-primary-off-white\">\n      <div className=\"text-4xl font-bold  px-4 z-10 lg:font-bold\">\n        Focus on people and build the best teams\n      </div>\n      <div className=\"text-base my-8 px-4 z-10\">\n        An efficient and cost effective resource planning tool that builds and\n        manages the optimal teams for your projects.\n      </div>\n      <a href=\"https://app.baselineteams.com/register\">\n        <PrimaryButton>Try for free</PrimaryButton>\n      </a>\n      <StaticImage\n        className=\"hidden z-0 py-0 lg:block\"\n        src=\"../../images/OverviewBannerImage.png\"\n        placeholder=\"blurred\"\n        alt=\"banner\"\n      />\n      <StaticImage\n        className=\"z-0 px-12 py-10 lg:hidden\"\n        src=\"../../images/OverviewBannerImage_Mobile.png\"\n        alt=\"banner\"\n      />\n      <a href=\"https://app.baselineteams.com/register\">\n        <PrimaryButton>Sign up now</PrimaryButton>\n      </a>\n    </div>\n  )\n}\nexport default OverviewBanner\n","import React from \"react\"\n\nconst FeaturesPreview = ({ data }) => {\n  return (\n    <div className=\"justify-center bg-primary-off-white lg:py-16 \">\n      {data.map((featurePreview) => (\n        <div\n          key={featurePreview.id}\n          className=\"flex flex-col lg:flex-row even:flex-col even:bg-off-white lg:even:flex-row-reverse py-10 px-4 lg:px-24\"\n        >\n          <div className=\"flex flex-col justify-center flex-1\">\n            <span className=\"text-primary-blue font-semibold uppercase mb-2\">\n              {featurePreview.title}\n            </span>\n            <h2 className=\"text-black text-xl font-semibold mb-4\">\n              {featurePreview.subtitle}\n            </h2>\n            <p className=\"text-black text-base font-light\">\n              {featurePreview.description}\n            </p>\n          </div>\n          <div className=\"mx-6\" />\n          <div className=\"flex-1 mt-4 lg:mt-0\">\n            <img\n              src={require(`../../images/${featurePreview.imageName}.png`)}\n              alt=\"feature preview\"\n            />\n          </div>\n        </div>\n      ))}\n    </div>\n  )\n}\n\nexport default FeaturesPreview\n","import React from \"react\"\n\nconst UserTestimonial = ({ data }) => {\n  return (\n    <div className=\"flex flex-col items-start lg:flex-row  lg:items-center border border-light-gray rounded-xl bg-white py-6 px-6 lg:py-10 lg:px-24 text-black\">\n      <div className=\"flex flex-row mb-4 items-center  lg:mb-0 lg:mr-16\">\n        <div className=\"flex flex-col justify-center\">\n          <div className=\"w-48 text-base text-left font-semibold mb-2 lg:mb-4\">\n            {data.userTitle}\n          </div>\n          <div className=\"w-48 text-left text-base text-primary-blue\">\n            {data.company}\n          </div>\n        </div>\n      </div>\n      <div dangerouslySetInnerHTML={{ __html: data.testimonial }}></div>\n    </div>\n  )\n}\n\nexport default UserTestimonial\n","import React from \"react\"\nimport Slider from \"react-slick\"\nimport \"slick-carousel/slick/slick.css\"\nimport \"slick-carousel/slick/slick-theme.css\"\nimport UserTestimonial from \"./UserTestimonial\"\n\nconst TestimonialSection = ({ data }) => {\n  console.log(data)\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n  }\n  const mobileSettings = {\n    arrows: false,\n    dots: true,\n    infinite: true,\n    speed: 500,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n  }\n\n  return (\n    <div className=\"text-center justify-center bg-off-white py-16 px-4 lg:px-24\">\n      <div className=\"text-3xl lg:text-xl font-medium mb-6\">\n        Hear from our very first users\n      </div>\n      <div className=\"hidden lg:block\">\n        <Slider {...settings}>\n          {data.map((userTestimonial) => (\n            <UserTestimonial key={userTestimonial.id} data={userTestimonial} />\n          ))}\n        </Slider>\n      </div>\n      <div className=\"lg:hidden\">\n        <Slider {...mobileSettings}>\n          {data.map((userTestimonial) => (\n            <UserTestimonial key={userTestimonial.id} data={userTestimonial} />\n          ))}\n        </Slider>\n      </div>\n    </div>\n  )\n}\n\nexport default TestimonialSection\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../components/layout/Layout\"\nimport OverviewBanner from \"../components/home/OverviewBanner\"\nimport FeaturesPreview from \"../components/home/FeaturesPreview\"\nimport TestimonialSection from \"../components/home/TestimonialSection\"\nimport { SecondaryButton } from \"../components/Button\"\n\nconst Home = ({ data }) => {\n  const featuresPreviewData = data.allFeaturesPreviewJson.nodes\n  const userTestimonialData = data.allUserTestimonialsJson.nodes\n\n  return (\n    <Layout>\n      <OverviewBanner />\n      <TestimonialSection data={userTestimonialData} />\n      <FeaturesPreview data={featuresPreviewData} />\n      <div className=\"flex flex-col bg-primary-blue items-center px-12 py-16 lg:py-28 lg:px-24\">\n        <h1 className=\"text-3xl text-center text-white mb-6\">\n          Build the best teams with Baseline\n        </h1>\n        <a href=\"https://app.baselineteams.com/register\">\n          <SecondaryButton>Try for free</SecondaryButton>\n        </a>\n      </div>\n    </Layout>\n  )\n}\n\nexport const query = graphql`\n  query HomeQuery {\n    allFeaturesPreviewJson {\n      nodes {\n        id\n        title\n        subtitle\n        description\n        imageName\n      }\n    }\n    allUserTestimonialsJson {\n      nodes {\n        id\n        userTitle\n        company\n        testimonial\n      }\n    }\n  }\n`\n\nexport default Home\n"],"sourceRoot":""}