{"version":3,"file":"component---src-templates-index-js-15b507b326b356b979b9.js","mappings":"oNAgxCA,UAjwCqBA,IAAyB,IAAxB,KAAEC,EAAI,SAAEC,GAAUF,EACtC,MAAM,KACJG,EAAI,cACJC,EAAa,QACbC,EAAO,UACPC,EAAS,gBACTC,EAAe,WACfC,EAAU,QACVC,EAAO,WACPC,EAAU,YACVC,EAAW,QACXC,GACEX,EAAKY,eAIT,IAAIC,EAAsB,KAE1B,MAAM,EAACC,EAAO,EAACC,IAAaC,EAAAA,EAAAA,WAAS,GAE/BC,EAAM,CACVb,UACAC,YACAC,kBACAC,aACAW,MAAO,uBAA0C,SAAThB,EAAkB,IAAMA,IAChEiB,YAAY,GAGd,OACEC,EAAAA,cAACC,EAAAA,EAAM,CACLC,OAAQ,CAAEC,SAAU,YACpBtB,SAAUA,EACVC,KAAMA,EACNe,IAAKA,EACLH,OAAQA,EACRN,QAASA,GAETY,EAAAA,cAAA,KAAGI,KAAK,QAAQC,MAAM,uBAAuBC,UAAU,WAAU,wBAGjEN,EAAAA,cAACO,EAAAA,EAAU,CACTnB,QAASA,EACTC,WAAYA,EACZP,KAAMA,EACNa,UAAWA,EACXZ,cAAeA,IAEjBiB,EAAAA,cAAA,OAAKQ,GAAG,QACLjB,GACCA,EAAQkB,KAAI,CAACC,EAAUC,KAAW,IAADC,EAAAC,EAAAC,EAAAC,EAS/B,OARIJ,EAAQ,IAAMpB,EAAQyB,SACxBvB,EAAsBiB,EAASO,iBAQ/BjB,EAAAA,cAACkB,EAAAA,EAAa,CACZC,KAAMT,SAAgB,QAARE,EAARF,EAAUU,cAAM,IAAAR,GAAK,QAALC,EAAhBD,EAAkBS,WAAG,IAAAR,GAAa,QAAbC,EAArBD,EAAuBS,mBAAW,IAAAR,GAAK,QAALC,EAAlCD,EAAoCO,WAAG,IAAAN,OAA/B,EAARA,EAAyCP,GAC/Ce,MAAOb,EACPc,KAAMd,EAASc,KACfpC,QAASA,EACTqC,IAAKf,EAASF,IACd,IAGRR,EAAAA,cAAC0B,EAAAA,EAAM,CACLrC,WAAYA,EACZD,QAASA,EACT6B,gBAAiBxB,KAGpBH,GACCU,EAAAA,cAAC2B,EAAAA,EAAc,KACb3B,EAAAA,cAAAA,EAAAA,SAAA,KACEA,EAAAA,cAAC4B,EAAAA,EAAS,CAACL,MAAOjC,IAClBU,EAAAA,cAAA,OAAK6B,MAAO,CAAEC,QAAS,SAAUC,OAAQ,EAAGC,UAAW,SACrDhC,EAAAA,cAACiC,EAAAA,EAAI,CACHV,MAAO,CACLW,KAAM,WACNf,KAAM,QACNK,KAAM,KACNW,MAAO,WAGXnC,EAAAA,cAAA,KAAGI,KAAM,OAAOhB,EAAQgD,QAAS/B,MAAM,WACpCjB,EAAQgD,UAMZ,C","sources":["webpack://moonello-website/./src/templates/index.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { graphql } from \"gatsby\";\n\nimport Layout from \"../components/Layout\";\nimport Navigation from \"../components/Navigation\";\nimport ModuleWrapper from \"../components/ModuleWrapper\";\nimport Footer from \"../components/Footer\";\n\nimport \"../styles/tokens.css\";\nimport \"../styles/global.css\";\nimport \"../styles/section.css\";\nimport FloatingThingy from \"../components/FloatingThingy\";\nimport CopyBlock from \"../components/CopyBlock\";\nimport Icon from \"../components/Icon\";\n\nconst PageTemplate = ({ data, location }) => {\n const {\n slug,\n enableDarkNav,\n noIndex,\n pageTitle,\n pageDescription,\n shareImage,\n company,\n navigation,\n floatingCta,\n modules,\n } = data.contentfulPage;\n\n // const { edges } = data.allContentfulPost;\n\n let lastBackgroundColor = null;\n\n const [scroll, setScroll] = useState(false);\n\n const seo = {\n noIndex,\n pageTitle,\n pageDescription,\n shareImage,\n ogUrl: `${process.env.GATSBY_BASE_URL}${slug === \"home\" ? \"/\" : slug}`,\n isBlogPost: false,\n };\n\n return (\n \n \n Skip to main content\n \n \n
\n {modules &&\n modules.map((mWrapper, index) => {\n if (index + 1 === modules.length) {\n lastBackgroundColor = mWrapper.backgroundColor;\n }\n // console.log(\"+++++++++++++++++++++\");\n // console.log(\"+++++++++++++++++++++\");\n // console.log(\"mWrapper\", mWrapper);\n // console.log(\"+++++++++++++++++++++\");\n // console.log(\"+++++++++++++++++++++\");\n return (\n \n );\n })}\n \n
\n {floatingCta && (\n \n <>\n \n
\n \n \n {company.phone}\n \n
\n \n \n )}\n \n );\n};\n\nexport const query = graphql`\n query ($slug: String!) {\n contentfulPage(slug: { eq: $slug }) {\n name\n slug\n enableDarkNav\n noIndex\n pageTitle\n pageDescription\n shareImage {\n gatsbyImageData(width: 1500)\n description\n url\n }\n company {\n id\n name\n phone\n address {\n childMarkdownRemark {\n html\n }\n }\n email\n copyright\n socialLinks {\n platform\n icon {\n name\n isBrand\n size\n }\n link\n }\n footerNewsletter {\n id\n title\n type\n variant\n description {\n childMarkdownRemark {\n html\n }\n }\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n code\n buttonText\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n }\n floatingCta {\n id\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n enableHeadlineBottomBorder\n copy {\n raw\n }\n name\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n navigation {\n id\n name\n darkLogo {\n alt\n file {\n gatsbyImageData(width: 250)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n lightLogo {\n alt\n file {\n gatsbyImageData(width: 250)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n pages {\n navLabel\n slug\n pageTitle\n pageDescription\n shareImage {\n gatsbyImageData(width: 1000)\n }\n navSubPages {\n navLabel\n slug\n }\n }\n callToAction {\n navLabel\n slug\n }\n }\n modules {\n id\n name\n size\n isContainerFluid\n backgroundColor\n sectionId\n extraClasses\n headline\n headlineSize\n headlineHorizontalAlign\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n module {\n ... on ContentfulImage {\n id\n alt\n file {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulMinorCta {\n name\n headline\n backgroundColor\n copy {\n childMarkdownRemark {\n html\n }\n }\n button {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulVideo {\n name\n videoTitle\n youTubeVideoId\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulBillboard {\n contentHorizontalAlign\n contentVerticalAlign\n contentWidth\n backgroundOverlayColor\n backgroundImage {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n file {\n url\n }\n }\n copy {\n id\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n enableHeadlineBottomBorder\n copy {\n raw\n }\n name\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n logoRail {\n id\n name\n howManyLogosInARow\n logos {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulPageHeader {\n id\n name\n backgroundImage {\n file {\n gatsbyImageData\n description\n url\n publicUrl\n file {\n url\n }\n }\n }\n backgroundColor\n headline\n subHeadline\n details {\n childMarkdownRemark {\n html\n }\n }\n callsToActions {\n title\n to\n styleAsButton\n }\n textAlign\n benefit1\n benefit2\n benefit3\n benefit4\n pageHeaderImage {\n file {\n gatsbyImageData\n description\n url\n publicUrl\n file {\n url\n }\n }\n }\n introCopyBackgroundColor\n introCopyA {\n childMarkdownRemark {\n html\n }\n }\n enableLargeIntroCopyA\n introCopyB {\n childMarkdownRemark {\n html\n }\n }\n enableLargeIntroCopyB\n minimizePadding\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulAccordion {\n id\n name\n items {\n heading\n details {\n id\n copy {\n raw\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulForm {\n id\n name\n darkTheme\n type\n headline\n headlineLevel\n instructions\n defaultSelectedService\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulHeadlineBanners {\n id\n background\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n name\n banners {\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n name\n headline\n image {\n file {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n file {\n url\n }\n }\n }\n textAlignment\n destination\n }\n }\n ... on ContentfulHero {\n id\n name\n backgroundImage {\n gatsbyImageData(width: 3000)\n description\n url\n publicUrl\n }\n backgroundOverlay\n contentHorizontalAlign\n headline\n subHeadline\n heroCopy: copy\n cta {\n title\n to\n styleAsButton\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulSplitContent {\n id\n name\n layout\n backgroundColor\n verticalAlign\n contentLeft {\n components {\n ... on ContentfulLeadMagnet {\n id\n title\n type\n variant\n description {\n childMarkdownRemark {\n html\n }\n }\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n code\n buttonText\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulVideo {\n name\n videoTitle\n youTubeVideoId\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulImage {\n id\n alt\n file {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCopyBlock {\n id\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n enableHeadlineBottomBorder\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n copy {\n raw\n }\n name\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n }\n }\n contentRight {\n components {\n ... on ContentfulLeadMagnet {\n id\n title\n type\n variant\n description {\n childMarkdownRemark {\n html\n }\n }\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n code\n buttonText\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulVideo {\n name\n videoTitle\n youTubeVideoId\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulImage {\n id\n alt\n file {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulForm {\n id\n name\n type\n headline\n headlineLevel\n instructions\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulTiles {\n id\n name\n headline\n variant\n background\n tiles {\n title\n eyebrow\n body {\n body\n }\n destination\n iconName\n iconSource\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCopyBlock {\n id\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n enableHeadlineBottomBorder\n copy {\n raw\n }\n name\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulLink {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCards {\n id\n name\n background\n cardBackground\n variant\n cards {\n headline\n copy\n to\n opensInNewWindow\n backgroundColor\n backgroundImage {\n gatsbyImageData\n description\n url\n publicUrl\n file {\n url\n }\n }\n icon {\n name\n isBrand\n size\n hasBackground\n backgroundColor\n }\n\n cta {\n title\n to\n opensInNewWindow\n styleAsButton\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCta {\n id\n name\n headline\n subHeadline\n action {\n title\n to\n opensInNewWindow\n styleAsButton\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulTiles {\n id\n name\n headline\n variant\n background\n tiles {\n title\n eyebrow\n body {\n body\n }\n destination\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulTextGrid {\n id\n name\n background\n howManyCopyBlocksInARow\n style\n textCards {\n backgroundColor\n icon {\n name\n isBrand\n size\n hasBackground\n backgroundColor\n }\n copyBlock {\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n enableHeadlineBottomBorder\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n copy {\n raw\n references {\n __typename\n ... on ContentfulImage {\n contentful_id\n __typename\n id\n alt\n file {\n gatsbyImageData\n }\n }\n }\n }\n }\n headline\n copy\n cta {\n title\n to\n opensInNewWindow\n styleAsButton\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCarousel {\n items {\n textColor\n testimonial {\n testimonial\n }\n authorName\n authorTitle\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n name\n autoPlay\n dynamicHeight\n infiniteLoop\n interval\n showArrows\n showIndicators\n showStatus\n showThumbs\n stopOnHover\n swipeable\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n transitionTime\n useKeyboardArrows\n }\n ... on ContentfulLeadMagnet {\n id\n title\n type\n variant\n description {\n childMarkdownRemark {\n html\n }\n }\n image {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n code\n buttonText\n redirectTo {\n slug\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulCopyBlock {\n id\n icon {\n name\n isBrand\n size\n color\n hasBackground\n backgroundColor\n }\n centerAlignIcon\n centerAlignContent\n textColor\n headline\n headlineLevel\n enableHeadlineBottomBorder\n ctaButton {\n id\n title\n to\n opensInNewWindow\n styleAsButton\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n copy {\n raw\n }\n name\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulProjectCards {\n id\n name\n cards {\n backgroundImage {\n file {\n gatsbyImageData(width: 2000)\n description\n url\n publicUrl\n file {\n url\n }\n }\n }\n logo {\n file {\n gatsbyImageData(width: 500)\n description\n url\n publicUrl\n file {\n url\n }\n }\n }\n headline\n projectDetails {\n childMarkdownRemark {\n html\n }\n }\n stat1\n stat2\n stat3\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n ... on ContentfulLogoRail {\n id\n name\n howManyLogosInARow\n logos {\n alt\n file {\n gatsbyImageData(width: 1000)\n description\n url\n publicUrl\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n sys {\n contentType {\n sys {\n id\n }\n }\n }\n }\n }\n }\n }\n }\n`;\n\nexport default PageTemplate;\n"],"names":["_ref","data","location","slug","enableDarkNav","noIndex","pageTitle","pageDescription","shareImage","company","navigation","floatingCta","modules","contentfulPage","lastBackgroundColor","scroll","setScroll","useState","seo","ogUrl","isBlogPost","React","Layout","styles","position","href","title","className","Navigation","id","map","mWrapper","index","_mWrapper$module","_mWrapper$module$sys","_mWrapper$module$sys$","_mWrapper$module$sys$2","length","backgroundColor","ModuleWrapper","type","module","sys","contentType","props","size","key","Footer","FloatingThingy","CopyBlock","style","padding","margin","marginTop","Icon","name","color","phone"],"sourceRoot":""}