{"version":3,"file":"js/StartSteps-StartSteps-25bdfe1c93bef6179671.chunk.js","mappings":"kkBAIA,IAAMA,EAAQ,SAAHC,GAAA,IAAMC,EAAKD,EAALC,MAAOC,EAAWF,EAAXE,YAAgBC,EAAKC,EAAAJ,EAAAK,GAAA,OAC3CC,EAAAA,cAAA,OAAKC,UAAU,wEACbD,EAAAA,cAACE,EAAAA,EAAI,CAACD,UAAU,sEAAsEJ,EAAMM,QAC5FH,EAAAA,cAAA,OAAKC,UAAU,mDACbD,EAAAA,cAACE,EAAAA,EAAI,CAACD,UAAU,+CAA+CN,GAC/DK,EAAAA,cAACE,EAAAA,EAAI,CAACD,UAAU,4BAA4BL,IAE1C,EA+CR,QA5CmB,WAAH,OACdI,EAAAA,cAAA,OAAKC,UAAU,+GACbD,EAAAA,cAAA,OAAKC,UAAU,4BACbD,EAAAA,cAAA,OAAKC,UAAU,8BACbD,EAAAA,cAAA,OAAKC,UAAU,kHAAiH,gCAIlID,EAAAA,cAAA,OACEC,UAAU,4KAGVD,EAAAA,cAACP,EAAK,CACJU,OAAO,IACPR,MAAM,kBACNC,YAAY,wFAEdI,EAAAA,cAACP,EAAK,CACJU,OAAO,IACPR,MAAM,sBACNC,YAAY,kHAEdI,EAAAA,cAACP,EAAK,CACJU,OAAO,IACPR,MAAM,gBACNC,YAAY,iGAGhBI,EAAAA,cAAA,OAAKC,UAAU,+CACbD,EAAAA,cAACI,EAAAA,EAAkB,CACjBC,WAAW,OACXJ,UAAU,aACVK,MAAM,SACNC,UAAU,SACVC,OAAO,YACPC,KAAK,MACN,eAKD,C","sources":["webpack://printivity/./client/app/bundles/App/pages/HomePage/StartSteps/StartSteps.tsx"],"sourcesContent":["import * as React from 'react';\nimport ButtonAsNativeLink from 'styleguide/components/Button/ButtonAsNativeLink';\nimport Span from 'styleguide/components/Span/Span';\n\nconst Block = ({ title, description, ...props }) => (\n  <div className=\"flex items-start text-left -md:mt-14 -md:items-center -md:first:mt-0\">\n    <Span className=\"font-hvBold text-6xl text-shades-0 -xs:text-5xl -xs:leading-[58px]\">{props.number}</Span>\n    <div className=\"ml-4 max-w-[280px] text-shades-0 -md:max-w-full\">\n      <Span className=\"sub-heading-bold mb-4 block tracking-normal\">{title}</Span>\n      <Span className=\"paragraph-medium-desktop\">{description}</Span>\n    </div>\n  </div>\n);\n\nconst StartSteps = () => (\n  <div className=\"relative mx-auto mt-24 flex justify-center bg-blue bg-contain bg-center bg-no-repeat py-24 md:px-4 md:pb-20\">\n    <div className=\"relative z-10 max-w-base\">\n      <div className=\"flex w-full justify-center\">\n        <div className=\"mx-0 mt-0 max-w-xl text-center font-hvBold text-4xl text-shades-0 md:py-0 md:text-5xl lg:text-6xl -md:max-w-md\">\n          Let&apos;s get down to business.\n        </div>\n      </div>\n      <div\n        className=\"mx-auto mt-16 grid w-full justify-items-center sm:grid-cols-1 md:grid-cols-3 md:gap-x-10\n      xl:gap-x-16 -md:flex -md:flex-col -md:items-center -md:px-28 -sm:px-5 -xs:mt-10\"\n      >\n        <Block\n          number=\"1\"\n          title=\"Start a project\"\n          description=\"Select a product to learn about features and get a quote for your project deadline.\"\n        />\n        <Block\n          number=\"2\"\n          title=\"Upload your designs\"\n          description=\"Send us your files via our uploader. After checkout, we'll review your designs to make sure things are right.\"\n        />\n        <Block\n          number=\"3\"\n          title=\"Approve proof\"\n          description=\"Check your email to approve your digital proof and confirm order details. Project complete!\"\n        />\n      </div>\n      <div className=\"mt-16 w-full text-center -sm:px-5 -xs:mt-10\">\n        <ButtonAsNativeLink\n          buttonType=\"link\"\n          className=\"-sm:w-full\"\n          color=\"orange\"\n          textStyle=\"medium\"\n          target=\"/products\"\n          size=\"sm\"\n        >\n          Start Now\n        </ButtonAsNativeLink>\n      </div>\n    </div>\n  </div>\n);\n\nexport default StartSteps;\n"],"names":["Block","_ref","title","description","props","_objectWithoutProperties","_excluded","React","className","Span","number","ButtonAsNativeLink","buttonType","color","textStyle","target","size"],"sourceRoot":""}