{"version":3,"sources":["webpack:///./src/pages/index.js","webpack:///./src/slices/Hero.js"],"names":["IndexPage","data","page","prismicHomepage","useBanner","type","body","map","item","slice_type","key","primary","items","JSON","stringify","query","LeftAlignedHero","style","background","bg_color","color","text_color","className","image","localFile","childImageSharp","fluid","alt","text","title","html","body_text","src","item_image","url","item_title","cta","isBroken","to","slug","isDark","CenterAlignedHero","Hero","text_align"],"mappings":"4FAAA,oKAgGeA,UArFG,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAEnB,OACE,YAAC,IAAD,CAAQC,KAAMD,EAAKE,gBAAiBC,WAAS,GAC3C,YAAC,IAAD,KACE,sBAAQC,KAAK,uBAAb,i+BA+BDJ,EAAKE,gBAAgBF,KAAKK,KAAKC,KAAI,SAACC,GAEnC,OAAOA,EAAKC,YACV,IAAK,OACH,OACE,YAAC,IAAD,CACEC,IAAKF,EAAI,WACTG,QAASH,EAAKG,QACdC,MAAOJ,EAAKI,QAIlB,IAAK,qBACH,OACE,YAAC,IAAD,CACEF,IAAKF,EAAI,WACTG,QAASH,EAAKG,QACdC,MAAOJ,EAAKI,QAIlB,IAAK,uBACH,OACE,YAAC,IAAD,CACEF,IAAKF,EAAI,WACTG,QAASH,EAAKG,QACdC,MAAOJ,EAAKI,QAIlB,IAAK,iBACH,OACE,YAAC,IAAD,CACEF,IAAKF,EAAI,WACTG,QAASH,EAAKG,QACdC,MAAOJ,EAAKI,QAIlB,QACE,OACE,mBAAKF,IAAKF,EAAI,YAAiBK,KAAKC,UAAUN,EAAM,KAAM,UAUjE,IAAMO,EAAK,a,kCClGlB,mFAMMC,EAAkB,SAAC,GAAsB,IAArBL,EAAoB,EAApBA,QAASC,EAAW,EAAXA,MACjC,OACE,uBAASK,MAAO,CAACC,WAAYP,EAAQQ,SAAUC,MAAOT,EAAQU,aAC5D,mBAAKC,UAAU,yCACb,mBAAKA,UAAU,wBACZX,EAAQY,MAAMC,UAAUC,iBACvB,YAAC,IAAD,CAAKH,UAAU,gBAAgBI,MAAOf,EAAQY,MAAMC,UAAUC,gBAAgBC,MAAOC,IAAKhB,EAAQY,MAAMI,OAG5G,mBAAKL,UAAU,8BACb,YAAC,IAAD,CAAeM,KAAMjB,EAAQkB,MAAMC,OACnC,mBAAKR,UAAU,QACb,YAAC,IAAD,CAAeM,KAAMjB,EAAQoB,UAAUD,QAEzC,mBAAKR,UAAU,4BACZV,EAAML,KAAI,SAACC,EAAME,GAChB,OACE,mBAAKA,IAAKA,EAAKY,UAAU,2BACvB,mBAAKA,UAAU,qBAAqBU,IAAKxB,EAAKyB,WAAWC,IAAKP,IAAI,SAClE,oBAAML,UAAU,wCAAwCd,EAAK2B,WAAWP,WAK9EjB,EAAQyB,MAAQzB,EAAQyB,IAAIC,UAC5B,YAAC,OAAD,CAAMC,GAAE,IAAM3B,EAAQyB,IAAIG,MACxB,YAAC,IAAD,CAAQC,OAA6B,YAArB7B,EAAQQ,gBAUhCsB,EAAoB,SAAC,GAAsB,IAArB9B,EAAoB,EAApBA,QAASC,EAAW,EAAXA,MACnC,OACE,uBAASU,UAAU,wCACjB,mBAAKA,UAAU,yBACb,mBAAKA,UAAU,gCACb,YAAC,IAAD,CAAeM,KAAMjB,EAAQkB,MAAMC,OAEnC,mBAAKR,UAAU,4CACZV,EAAML,KAAI,SAACC,EAAME,GAChB,OACE,mBAAKA,IAAKA,EAAKY,UAAU,4BACvB,mBAAKA,UAAU,qBAAqBU,IAAKxB,EAAKyB,WAAWC,IAAKP,IAAI,SAClE,oBAAML,UAAU,wCAAwCd,EAAK2B,WAAWP,WAK9EjB,EAAQyB,MAAQzB,EAAQyB,IAAIC,UAC5B,YAAC,OAAD,CAAMC,GAAE,IAAM3B,EAAQyB,IAAIG,MACxB,YAAC,IAAD,CAAQC,QAAM,OAKtB,mBAAKlB,UAAU,mCACb,YAAC,IAAD,CAAKA,UAAU,iBAAiBI,MAAOf,EAAQY,MAAMC,UAAUC,gBAAgBC,MAAOC,IAAKhB,EAAQY,MAAMI,SAgBlGe,IATF,SAAC,GAAsB,IAArB/B,EAAoB,EAApBA,QAASC,EAAW,EAAXA,MACtB,OAAGD,EAAQgC,WACF,YAAC3B,EAAD,CAAiBL,QAASA,EAASC,MAAOA,IAG5C,YAAC6B,EAAD,CAAmB9B,QAASA,EAASC,MAAOA","file":"component---src-pages-index-js-3dd45574b9110b2231e2.js","sourcesContent":["import React from \"react\"\nimport Layout from \"../templates/Layout\"\nimport { graphql } from \"gatsby\"\nimport Helmet from \"react-helmet\"\nimport Hero from \"../slices/Hero\"\nimport TwoColBlockList from \"../slices/TwoColBlockList\"\nimport ThreeColBlockList from \"../slices/ThreeColBlockList\"\nimport ThreeColGrid from \"../slices/ThreeColGrid\"\n\nimport \"react-unique-key\" ;\n\nconst IndexPage = ({ data }) => {\n\n  return (\n    <Layout page={data.prismicHomepage} useBanner>\n      <Helmet>\n        <script type=\"application/ld+json\">{`\n          { \"@context\": \"https://schema.org\",\n            \"@type\": \"Organization\",\n            \"name\": \"DUDOS\",\n            \"legalName\" : \"DUDOS Online Ltd\",\n            \"url\": \"https://dudos.co.uk\",\n            \"logo\": \"https://dudos.co.uk/dudos-logo-sqr.png\",\n            \"foundingDate\": \"2012\",\n            \"founders\": [\n            {\n              \"@type\": \"Person\",\n              \"name\": \"Mark A Hext\"\n            }],\n              \"address\": {\n              \"@type\": \"PostalAddress\",\n              \"streetAddress\": \"19 Saint Dominics Mews\",\n              \"addressLocality\": \"Bolton\",\n              \"addressRegion\": \"Greater Manchester\",\n              \"postalCode\": \"BL3 3NX\",\n              \"addressCountry\": \"UK\"\n            },\n              \"contactPoint\": {\n              \"@type\": \"ContactPoint\",\n              \"contactType\": \"sales\",\n              \"telephone\": \"[+44 (0)20 3920 9079]\",\n              \"email\": \"mark@dudos.co.uk\"\n            }}\n        `}</script>\n      </Helmet>\n\n\n      {data.prismicHomepage.data.body.map((item) => {\n\n        switch(item.slice_type){\n          case \"hero\":\n            return (\n              <Hero \n                key={item['unique_key']}\n                primary={item.primary}\n                items={item.items}\n              />\n            )\n\n          case \"two_col_block_list\":\n            return (\n              <TwoColBlockList \n                key={item['unique_key']}\n                primary={item.primary}\n                items={item.items}\n              />\n            )\n\n          case \"three_col_block_list\":\n            return (\n              <ThreeColBlockList \n                key={item['unique_key']}\n                primary={item.primary}\n                items={item.items}\n              />\n            )\n\n          case \"three_col_grid\":\n            return (\n              <ThreeColGrid \n                key={item['unique_key']}\n                primary={item.primary}\n                items={item.items}\n              />\n          )\n\n          default:\n            return (\n              <pre key={item['unique_key']}>{JSON.stringify(item, null, 4)}</pre>\n            )\n          }\n      })}\n    </Layout>\n  )\n}\n\nexport default IndexPage\n\nexport const query = graphql`\n{\n  prismicHomepage {\n    data {\n      body {\n        __typename\n        ... on PrismicHomepageBodyHero {\n          id\n          slice_type\n          items {\n            item_image {\n              url\n            }\n            item_title {\n              html\n              text\n            }\n          }\n          primary {\n            bg_color\n            text_align\n            text_color\n            title {\n              html\n            }\n            body_text {\n              html\n            }\n            cta {\n              isBroken\n              slug\n            }\n            image {\n              alt\n              localFile {\n                childImageSharp {\n                    fluid(quality: 100, maxWidth: 800) {\n                    ...GatsbyImageSharpFluid_withWebp\n                    }\n                  }\n              }\n            }\n          }\n        }\n        ... on PrismicHomepageBodyTwoColBlockList {\n          id\n          slice_type\n          primary {\n            bg_color\n            text_color\n            show_item_icons\n            show_body_icons\n            image {\n              alt\n              url\n              dimensions {\n                height\n                width\n              }\n              localFile {\n                childImageSharp {\n                    fluid(quality: 100, maxWidth: 300) {\n                    ...GatsbyImageSharpFluid_withWebp\n                    }\n                  }\n              }\n            }\n            title {\n              html\n            }\n            body_text {\n              html\n            }\n            cta {\n              isBroken\n              slug\n            }\n          }\n          items {\n            item_text {\n              html\n            }\n            item_icon {\n              url\n              alt\n            }\n            item_title {\n              html\n            }\n          }\n        }\n        ... on PrismicHomepageBodyThreeColBlockList {\n          id\n          slice_type\n          primary {\n            bg_image_place\n            text_color\n            body_text {\n              html\n            }\n            cta {\n              slug\n              isBroken\n            }\n            title {\n              html\n            }\n            bg_color\n            image {\n              alt\n              url\n              localFile {\n                childImageSharp {\n                    fluid(quality: 100, maxWidth: 1280) {\n                    ...GatsbyImageSharpFluid_withWebp\n                    }\n                  }\n              }\n            }\n          }\n          items {\n            item_icon {\n              url\n              alt\n            }\n            item_text {\n              html\n            }\n            item_title {\n              html\n            }\n          }\n        }\n        \n        ... on PrismicHomepageBodyThreeColGrid {\n          id\n          slice_type\n          primary {\n            bg_color\n            body_text {\n              html\n            }\n            cta {\n              url\n              slug\n              isBroken\n            }\n            image {\n              alt\n              url\n              dimensions {\n                height\n                width\n              }\n            }\n            show_body_icons\n            show_item_icons\n            text_color\n            title {\n              html\n              text\n            }\n          }\n          items {\n            item_icon {\n              alt\n              url\n            }\n            item_text {\n              html\n              text\n            }\n            item_title {\n              html\n              text\n            }\n          }\n        }\n      }\n      name {\n        html\n        text\n        raw\n      }\n      meta_title {\n        text\n      }\n      meta_description {\n        text\n      }\n    }\n  }\n}\n`\n","import React from 'react';\nimport FormattedText from \"../components/FormattedText\"\nimport Button from \"../components/button\"\nimport { Link } from \"gatsby\"\nimport Img from \"gatsby-image\";\n\nconst LeftAlignedHero = ({primary, items}) => {\n  return (\n    <section style={{background: primary.bg_color, color: primary.text_color}}>\n      <div className=\"container lg:flex lg:flex-row-reverse\">\n        <div className=\"flex-1 pt-16 lg:pt-0\">\n          {primary.image.localFile.childImageSharp && \n            <Img className=\"w-4/5 mx-auto\" fluid={primary.image.localFile.childImageSharp.fluid} alt={primary.image.alt} />\n          }\n        </div>\n        <div className=\"pt-4 lg:pt-24 pb-24 flex-1\">\n          <FormattedText text={primary.title.html} />\n          <div className=\"mt-4\">\n            <FormattedText text={primary.body_text.html} />\n          </div>\n          <div className=\"flex mt-12 lg:w-2/3 mb-8\">\n            {items.map((item, key) => {\n              return (\n                <div key={key} className=\"mr-4 flex-1 text-center\">\n                  <img className=\"block mx-auto mb-4\" src={item.item_image.url} alt=\"icon\" />\n                  <span className=\"hidden lg:block leading-none text-sm\">{item.item_title.text}</span>\n                </div>\n              )\n            })}\n          </div>\n          {(primary.cta && !primary.cta.isBroken) &&\n            <Link to={`/${primary.cta.slug}`}>\n              <Button isDark={primary.bg_color === \"#000000\"} />\n            </Link>\n          }\n        </div>\n        \n      </div>\n    </section>\n  )\n}\n\nconst CenterAlignedHero = ({primary, items}) => {\n  return (\n    <section className=\"bg-black text-white h-full lg:h-auto\">\n      <div className=\"container text-center\">\n        <div className=\"pt-32 pb-12 lg:w-3/4 mx-auto\">\n          <FormattedText text={primary.title.html} />\n          {/* <FormattedText text={primary.body_text.html} /> */}\n          <div className=\"flex mt-12 lg:w-3/4 mx-auto mb-4 lg:mb-8\">\n            {items.map((item, key) => {\n              return (\n                <div key={key} className=\"mt-0 lg:mt-8 mr-4 flex-1\">\n                  <img className=\"block mx-auto mb-4\" src={item.item_image.url} alt=\"icon\" />\n                  <span className=\"hidden lg:block leading-none text-sm\">{item.item_title.text}</span>\n                </div>\n              )\n            })}\n          </div>\n          {(primary.cta && !primary.cta.isBroken) &&\n            <Link to={`/${primary.cta.slug}`}>\n              <Button isDark />\n            </Link>\n          }\n        </div>\n      </div>\n      <div className=\"mt-4 container-lg bg-red w-full\">\n        <Img className=\"mx-auto h-auto\" fluid={primary.image.localFile.childImageSharp.fluid} alt={primary.image.alt} />\n      </div>\n    </section>\n  )\n}\n\n\nconst Hero = ({primary, items}) => {\n  if(primary.text_align) {\n    return <LeftAlignedHero primary={primary} items={items} />\n  }\n\n  return <CenterAlignedHero primary={primary} items={items} />\n};\n\n\nexport default Hero;\n\n\n"],"sourceRoot":""}