{"version":3,"sources":["webpack:///./src/components/ResourcesComponents/ResourcesCard.tsx","webpack:///./src/components/CustomerStories/CustomerTemplateLayout.tsx","webpack:///./src/components/CustomerStories/CustomerRightCol.tsx","webpack:///./src/templates/resourceIso.tsx","webpack:///./src/images/phone-midnight.png","webpack:///./src/components/shared/NavigationLanding.tsx","webpack:///./src/components/shared/IsolatedFooter/IsolatedSocialMedia.tsx","webpack:///./src/components/shared/IsolatedFooter/IsolatedDisclaimer.tsx","webpack:///./src/components/shared/IsolatedFooter/IsolatedLogoBanner.tsx","webpack:///./src/components/shared/IsolatedFooter/IsolatedFooter.tsx","webpack:///./src/components/LandingPagePromotionBanner.tsx","webpack:///./src/components/LayoutLanding.tsx"],"names":["getResourceCardColor","text","ResourcesItem","post","index","formatDate","date","formatedMonth","substring","featureImage","resources","featuredImage","localFile","childImageSharp","fluid","FirstPostContainer","FirstImageContainer","FirstImage","TextContainer","FirstPostInfoBar","Pill","color","category","Date","FirstPostTitle","title","FirstDescription","description","ReadMoreLink","to","appendUrlPartnerTracking","slug","src","Arrow","PostCard","SecondaryImage","TextContainerBackground","PostTitle","styled","h3","p","h5","div","Link","props","Img","span","CustomerTemplateLayout","children","Container","CustomerRightCol","resourceTemplate","data","wpPost","pageContext","featImg","mediaItemUrl","e","renderedBlocks","LazyBlocksFactory","lazy_data","console","log","noPaddingMobile","noPaddingTablet","backgroundMobile","style","marginBottom","downloadLink","DownloadLink","href","download","MainImage","map","v","a","module","exports","NavigationLanding","demoLink","guide","useState","showStickyNav","setShowStickyNav","scrollPostion","setScrollPosition","handleScroll","position","window","pageYOffset","useEffect","addEventListener","removeEventListener","TopNav","MainGrid","TopNavInner","className","logo","alt","height","width","PhoneNum","phoneImage","paddingRight","StickyBottomNab","TopLinks","undefined","Button","secondary","maxWidth","nav","theme","grey","keyline","getImageSrc","img","linkedin","twitter","youtube","facebook","SocialMedia","item","key","SocialMediaLink","url","target","brand","blue","second","socialMediaData","Disclaimer","Col","getFullYear","FooterLinks","LinkWrapper","StyledLink","length","Line","main","LogoBanner","Grid","Mask","order","imgSrc","logoBannerData","img3","img4","img5","Footer","LandingPagePromotionBanner","promoData","LargeGrid","BannerContainer","Header","promoBannerTitle","ListContainer","promoBannerListItemOne","promoBannerListItemTwo","promoBannerListItemThree","ButtonContainer","h2","ul","white","TemplateWrapper","Theme","name","content","guideLink","GlobalStyles"],"mappings":"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","file":"component---src-templates-resource-iso-tsx-f6a5f2598485b9f8feb6.js","sourcesContent":["import React from 'react'\nimport styled from 'styled-components'\nimport { Link } from 'gatsby'\nimport Img from 'gatsby-image'\nimport Arrow from '../../images/link-arrow.svg'\nimport { appendUrlPartnerTracking } from '../../util/url'\n\nexport function getResourceCardColor(text: string) {\n switch (text) {\n case 'Blog':\n return '#00A3C7'\n case 'Events':\n return '#66C1BF'\n case 'Downloads':\n return '#C70F55'\n case 'White Papers':\n return '#F7A823'\n default:\n return '#00A3C7'\n }\n}\n\n\ninterface ResourcesCardInterface {\n post: any\n index: number\n}\n\nexport const ResourcesItem: React.FC = ({\n post,\n index,\n}) => {\n\n\n function formatDate(date: string){\n const month = date.substring(5, 7)\n let formatedMonth =''\n switch (month){\n case '01':formatedMonth = 'January'\n break\n case '02':formatedMonth = 'February'\n break\n case '03':formatedMonth = 'March' \n break\n case '04':formatedMonth = 'April'\n break\n case '05':formatedMonth = 'May' \n break \n case '06':formatedMonth = 'June' \n break \n case '07':formatedMonth = 'July' \n break \n case '08':formatedMonth = 'August' \n break \n case '09':formatedMonth = 'September' \n break \n case '10':formatedMonth = 'October' \n break \n case '11':formatedMonth = 'November' \n break\n case '12':formatedMonth = 'December'\n break\n }\n\n const formatedDay = date.substring(8, 10) \n const formatedYear = date.substring(0, 4) \n \n const formatedDate = formatedDay + \" \" +formatedMonth + \", \" + formatedYear \n return formatedDate\n }\n let featureImage = null;\n\n if(post.resources.featuredImage){\n featureImage= post.resources.featuredImage.localFile.childImageSharp.fluid\n \n }\n if (index === 0) {\n return (\n \n {featureImage && }\n \n \n \n {post.resources.category}\n \n {formatDate(post.date)}\n \n {post.title}\n {post.resources.description}\n \n Read more \n \n \n \n )\n } else {\n return (\n \n {featureImage &&(\n\n \n )}\n \n \n \n {post.resources.category}\n \n {formatDate(post.date)}\n \n {post.title}\n

{post.resources.description}

\n \n \n )\n }\n}\n\nconst FirstPostTitle = styled.h3`\n font-weight: 700;\n line-height: 40px;\n padding-bottom: 16px;\n color: #1d1e22;\n`\nconst FirstDescription = styled.p`\n font-weight: 300;\n line-height: 30px;\n padding-bottom: 30px;\n color: #1d1e22;\n`\n\nconst PostTitle = styled.h5`\n font-weight: 700;\n font-size: 20px;\n line-height: 30px;\n padding-bottom: 16px;\n color: #1d1e22;\n`\nconst TextContainer = styled.div`\n flex: 1;\n \n width: 50%;\n @media (max-width: 768px ){\nwidth: 100%;\n}\n`\ninterface TextContainerBackground {\n color: string\n}\n\nconst ReadMoreLink = styled(Link)`\ndisplay: flex;\nflex-direction: row;\nheight: 20px;\n\nalign-items:center;\n& img{\nheight: 15px;\nmargin-left: 10px;\n}\n`\n\nconst TextContainerBackground = styled.div`\n flex: 1;\n background-color: #fafafa;\n padding-left: 30px;\n padding-right: 30px;\n padding-top: 20px;\n border-top: 3px solid ${(props) => props.color};\n min-height: 360px;\n \n /* max-height: 360px; */\n`\nconst FirstImageContainer = styled.div`\nwidth: 50%;\npadding-right: 49px;\ndisplay:flex;\nalign-items: center;\n@media (max-width: 768px ){\nwidth: 100%;\npadding-right: 0px;\n}\n`\nconst FirstImage = styled(Img)`\n width: 100%;\n\n`\n\nconst SecondaryImage = styled(Img)`\n //height: 270px;\n width:100%;\n // padding: 40px;\n /* min-width: 420px; */\n \n`\nconst FirstPostContainer = styled.div`\n display: flex;\n border-bottom: 1px solid #dadada;\n\n flex-direction: row;\n grid-area: 1 / 1 / 2 / 4;\n padding-bottom: 50px;\n margin-bottom: 50px;\n @media (max-width: 1024px) {\n grid-area: 1 / 1 / 2 / 3;\n }\n@media (max-width: 768px ){\nflex-direction: column;\n}\n \n`\n\nconst FirstPostInfoBar = styled.div`\n padding-top: 20px;\n padding-bottom: 20px;\n`\n\nconst PostCard = styled(Link)`\n &:hover {\n text-decoration: none;\n }\n`\n\ninterface PillBackground {\n color: string\n}\nconst Pill = styled.span`\n background-color: ${(props) => props.color};\n padding: 3px 8px;\n border-radius: 9px;\n color: white;\n font-size: 9px;\n text-transform: uppercase;\n margin-right: 9px;\n`\nconst Date = styled.span`\n font-size: 10px;\n font-weight: 700;\n color: #1d1e22;\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport MainGrid from '../styling/MainGrid'\n\nconst CustomerTemplateLayout: FunctionComponent = ({ children }) => {\n return (\n \n {children}\n \n )\n}\n\nexport default CustomerTemplateLayout\n\nconst Container = styled.div`\n display: flex;\n padding: 65px 0 0;\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\n\nconst CustomerRightCol: FunctionComponent = ({ children }) => {\n return {children}\n}\n\nexport default CustomerRightCol\n\nconst Container = styled.div`\n width: 100%;\n padding-left: 0;\n \n /* p {\n padding-bottom: 55px !important;\n } */\n h2 {\n padding-bottom: 20px !important;\n }\n @media (min-width: 1024px) {\n padding-left: 11%;\n }\n`\n","import React from 'react'\nimport { graphql, Link } from 'gatsby'\n// import TrackVisibility from 'react-on-screen'\nimport LayoutLanding from '../components/LayoutLanding'\nimport MainGrid from '../components/styling/MainGrid'\nimport Breadcrumb from '../components/shared/Breadcrumb/Breadcrumb'\nimport Img from 'gatsby-image'\nimport CustomerTemplateLayout from '../components/CustomerStories/CustomerTemplateLayout'\nimport CustomerRightCol from '../components/CustomerStories/CustomerRightCol'\nimport ResourceLeftCol from '../components/ResourcesComponents/ResourceLeftCol'\nimport { LazyBlocksFactory } from '../components/LazyBlocksFactory/LazyBlocksFactory'\nimport TrackVisibility from 'react-on-screen'\nimport PromotionBannerAnimation from '../components/PromotionBannerAnimation'\nimport { getResourceCardColor } from '../components/ResourcesComponents/ResourcesCard'\nimport styled from 'styled-components'\nimport Button from '../components/shared/Button/Button'\nimport { RichTextContainer } from '../components/RichTextContainer/RichTextContainer'\nimport { Helmet } from 'react-helmet'\n\ninterface Props {\n data: any\n pageContext: any\n}\nconst resourceTemplate = ({ data, pageContext }: Props) => {\n const { wpPost } = data\n const breadcrumbData = [\n {\n title: 'Home',\n url: '/',\n },\n {\n title: 'Resources',\n url: '/resources',\n },\n {\n title: wpPost.title,\n url: '/' + wpPost.slug,\n },\n ]\n // const { acfCourse2: courseData2 } = courseData\n let featImg = null\n try {\n featImg = wpPost.resources.featuredImage.mediaItemUrl\n } catch (e) {}\n\n const renderedBlocks = LazyBlocksFactory(\n wpPost.lazy_data,\n wpPost.title,\n featImg\n )\n function formatDate(date: string) {\n const month = date.substring(5, 7)\n let formatedMonth = ''\n switch (month) {\n case '01':\n formatedMonth = 'January'\n break\n case '02':\n formatedMonth = 'February'\n break\n case '03':\n formatedMonth = 'March'\n break\n case '04':\n formatedMonth = 'April'\n break\n case '05':\n formatedMonth = 'May'\n break\n case '06':\n formatedMonth = 'June'\n break\n case '07':\n formatedMonth = 'July'\n break\n case '08':\n formatedMonth = 'August'\n break\n case '09':\n formatedMonth = 'September'\n break\n case '10':\n formatedMonth = 'October'\n break\n case '11':\n formatedMonth = 'November'\n break\n case '12':\n formatedMonth = 'December'\n break\n }\n\n const formatedDay = date.substring(8, 10)\n const formatedYear = date.substring(0, 4)\n\n const formatedDate = formatedDay + ' ' + formatedMonth + ', ' + formatedYear\n return formatedDate\n }\n\n console.log(wpPost)\n\n return (\n \n \n {/* */}\n \n \n {/* */}\n {/* */}\n \n \n {wpPost.resources.category}\n \n\n

{wpPost.title}

\n {/* {formatDate(wpPost.date)} */}\n\n {wpPost.resources.downloadLink ? (\n \n \n \n ) : (\n ''\n )}\n {wpPost.resources.featuredImage && (\n \n )}\n {/* */}\n {renderedBlocks.map((v) => v)}\n {wpPost.resources.downloadLink ? (\n \n \n \n ) : (\n ''\n )}\n {/* Back to resources */}\n \n \n \n )\n}\n\nexport default resourceTemplate\n\nexport const pageQuery = graphql`\n query RescoureIsoById($id: String!) {\n wpPost(id: { eq: $id }) {\n id\n slug\n lazy_data\n date\n title\n resources {\n fieldGroupName\n downloadLink {\n mediaItemUrl\n }\n category\n description\n isolatedForLandingPage\n demoLink\n promoBannerTitle\n promoBannerListItemOne\n promoBannerListItemTwo\n promoBannerListItemThree\n featuredImage {\n mediaItemUrl\n localFile {\n childImageSharp {\n fluid(maxWidth: 1080, toFormat: WEBP) {\n ...GatsbyImageSharpFluid\n }\n }\n }\n }\n }\n }\n }\n`\n\nconst BackToResources = styled(Link)`\n font-weight: 900;\n`\n\ninterface PillBackground {\n color: string\n}\nconst Pill = styled.span`\n background-color: ${(props) => props.color};\n padding: 3px 8px;\n border-radius: 9px;\n color: white;\n font-size: 9px;\n text-transform: uppercase;\n margin-right: 9px;\n`\nconst Date = styled.span`\n font-size: 10px;\n font-weight: 700;\n color: #1d1e22;\n`\nconst MainImage = styled(Img)`\n width: 100%;\n margin: 25px 0;\n`\nconst DownloadLink = styled.a`\n max-width: 220px;\n margin: 37px 0 55px;\n`\n","module.exports = \"data:image/png;base64,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\"","import React, { FunctionComponent, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport { Link } from 'gatsby'\nimport logo from '../../images/bobs-business-logo.png'\nimport phoneImage from '../../images/phone-midnight.png'\nimport theme from '../styling/theme'\nimport MainGrid from '../styling/MainGrid'\nimport { appendUrlPartnerTracking } from '../../util/url'\nimport Button from './Button/Button'\nimport { LinkProps } from '@material-ui/core'\nimport TrustBox from '../Header/Trustpilot'\n\ninterface NavigationProps {\n demoLink: string\n guide?: string\n}\n\nconst NavigationLanding: FunctionComponent = ({\n demoLink,\n guide,\n}) => {\n const [showStickyNav, setShowStickyNav] = useState(false)\n const [scrollPostion, setScrollPosition] = useState(0)\n\n const handleScroll = () => {\n const position = window.pageYOffset\n setScrollPosition(position)\n }\n useEffect(() => {\n window.addEventListener('scroll', handleScroll)\n\n return () => {\n window.removeEventListener('scroll', handleScroll)\n }\n }, [])\n\n useEffect(() => {\n scrollPostion >= 1500 ? setShowStickyNav(true) : setShowStickyNav(false)\n }, [scrollPostion])\n\n return (\n \n \n \n \n {/* */}\n
\n \n
\n {/* */}\n \n \"Call\n 0330 058 3009\n \n \n \n \n\n {showStickyNav ? (\n \n \n \n \n \n \"Call\n 0330 058 3009\n \n \n {guide != null || guide != undefined ? (\n \n Download cybersecurity guide\n \n ) : null}\n {demoLink != null || demoLink != undefined ? (\n \n ) : null}\n \n \n \n \n ) : null}\n \n )\n}\n\nexport default NavigationLanding\n\nconst Container = styled.nav`\n width: 100%;\n display: flex;\n flex-direction: column;\n // padding: 0 20px;\n @media screen and (min-width: 1024px) {\n padding: 0;\n }\n`\n\nconst PhoneNum = styled.div`\n margin-top: auto;\n margin-bottom: auto;\n font-size: 22px;\n font-weight: bold;\n color: #1D253C;\n`\n\n\nconst TopNav = styled.div`\n border-bottom: 1px solid ${theme.grey.keyline};\n @media (max-width: 1024px) {\n }\n`\nconst TopNavInner = styled.div`\n display: flex;\n justify-content: space-between;\n padding: 1.3rem 0 1.3rem;\n`\n\nconst TopLinks = styled.div`\n display: flex;\n align-items: center;\n min-width: 150px;\n\n & a:not(:last-of-type) {\n margin-right: 2.2rem;\n font-weight: bold;\n }\n @media (max-width: 1024px) {\n display: none;\n }\n`\nconst StickyBottomNab = styled.div`\n border-top: 1px solid lightgrey;\n background: white;\n position: fixed;\n width: 100vw;\n bottom: 0;\n z-index: 70;\n border-bottom: 1px solid ${theme.grey.keyline};\n @media (max-width: 1024px) {\n }\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport facebook from '../../../images/social-media/facebook.svg'\nimport twitter from '../../../images/social-media/twitter.svg'\nimport linkedin from '../../../images/social-media/linkedin.svg'\nimport youtube from '../../../images/social-media/youtube.svg'\nimport theme from '../../styling/theme'\n\nconst getImageSrc = (title: string) => {\n if (title) {\n let img = ''\n switch (title) {\n case 'linkedin':\n img = linkedin\n break\n case 'twitter':\n img = twitter\n break\n case 'youtube':\n img = youtube\n break\n case 'facebook':\n img = facebook\n break\n default:\n img = facebook\n }\n return img\n }\n}\n\ninterface DataItem {\n title: string\n url: string\n}\ninterface SocialMediaProps {\n data: Array\n}\nconst SocialMedia: FunctionComponent = ({ data }) => {\n return (\n \n {data &&\n data.map((item, key) => {\n return (\n \n \n \n )\n })}\n \n )\n}\n\nexport default SocialMedia\n\nconst Container = styled.div`\n display: flex;\n @media (max-width: 767px) {\n margin-top: 20px;\n }\n`\n\nconst SocialMediaLink = styled.a`\n background: ${theme.brand.blue};\n height: 34px;\n width: 34px;\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: 100%;\n & img {\n width: 15px;\n height: 15px;\n }\n\n &:not(:last-of-type) {\n margin-right: 6px;\n }\n\n &:hover {\n background: ${theme.text.second};\n }\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport { Link } from 'gatsby'\nimport SocialMedia from './IsolatedSocialMedia'\nimport theme from '../../styling/theme'\nimport { appendUrlPartnerTracking } from '../../../util/url'\n\nconst socialMediaData = [\n {\n title: 'linkedin',\n url: 'https://www.linkedin.com/company/bobsbusinessuk/',\n },\n {\n title: 'youtube',\n url: 'https://www.youtube.com/channel/UCQaKyckI8G35cTcRyHben4g',\n },\n {\n title: 'twitter',\n url: 'https://twitter.com/BobsBusiness',\n },\n {\n title: 'facebook',\n url: 'https://www.facebook.com/BobsBusinessUK',\n },\n]\n\ninterface ILink {\n title: string\n url: string\n}\ninterface DisclaimerProps {\n data: Array\n}\n\nconst Disclaimer: FunctionComponent = ({ data }) => {\n return (\n \n \n

\n © {new Date().getFullYear()} Bob's Business®\n

\n

Company No. 06341794 | VAT. 917310152

\n \n {data &&\n data.map((item, key) => {\n return (\n \n \n {item.title}\n \n {key !== data.length - 1 && }\n \n )\n })}\n \n \n\n \n \n )\n}\n\nexport default Disclaimer\n\nconst Container = styled.div`\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin: 9rem 0 12rem;\n @media (max-width: 767px) {\n flex-direction: column;\n }\n`\n\nconst Col = styled.div`\n display: flex;\n align-items: center;\n & p {\n margin-right: 3rem;\n color: ${theme.text.main};\n font-weight: bold;\n }\n @media (max-width: 767px) {\n flex-direction: column;\n }\n`\nconst LinkWrapper = styled.div`\n display: flex;\n align-items: center;\n`\n\nconst FooterLinks = styled.div`\n display: flex;\n flex-direction: row;\n`\n\nconst StyledLink = styled(Link)`\n &,\n &:link,\n &:visited {\n font-size: 13px;\n line-height: 23px;\n color: ${theme.text.main};\n position: relative;\n margin-right: 1.5rem;\n overflow: hidden;\n }\n &:hover,\n &:active {\n color: ${theme.brand.blue};\n text-decoration: none !important;\n }\n &::before {\n position: absolute;\n content: ' ';\n height: 2px;\n width: 100%;\n bottom: -1px;\n left: 0;\n background: ${theme.brand.blue};\n margin: 0 auto;\n background: linear-gradient(\n 270deg,\n ${theme.brand.blue} 5%,\n rgba(0, 163, 199, 0.8) 10%,\n rgba(0, 163, 199, 0.1) 95%,\n ${theme.brand.blue}\n );\n transform-origin: left;\n transform: translateX(-100%);\n backface-visibility: hidden;\n }\n &:hover::before,\n &:active::before,\n &:focus::before {\n transition: transform 0.6s cubic-bezier(0.67, 0, 0.33, 1);\n transform: translateX(100%);\n }\n`\n\nconst Line = styled.div`\n width: 1px;\n height: 10px;\n background: ${theme.grey.keyline};\n margin-right: 1.5rem;\n`\n","import React, { FunctionComponent } from 'react'\nimport styled from 'styled-components'\nimport theme from '../../styling/theme'\n\ninterface Img {\n imgSrc: string\n alt: string\n}\ninterface LogoBannerProps {\n data: Array\n}\n\nconst LogoBanner: FunctionComponent = ({ data }) => {\n return (\n \n \n {data &&\n data.map((item, key) => {\n return (\n \n {item.alt}\n \n )\n })}\n \n \n )\n}\n\nexport default LogoBanner\n\nconst Container = styled.div`\n border-top: 1px solid ${theme.grey.keyline};\n padding: 0;\n\n margin-top: 26px auto 0;\n\n @media screen and (min-width: 768px) {\n padding: 7.7rem 0 5.5rem;\n border-top: none;\n margin-top: 0;\n }\n`\n\nconst Grid = styled.div`\n display: grid;\n align-items: center;\n margin: 0 auto;\n justify-content: space-between;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 1px;\n background: ${theme.grey.keyline};\n @media screen and (min-width: 768px) and (max-width: 1023px) {\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 4rem;\n grid-template-rows: 40px;\n background: white;\n }\n @media screen and (min-width: 1024px) {\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 9rem;\n grid-template-rows: 40px;\n background: white;\n }\n`\ninterface MaskProps {\n order: number\n}\nconst Mask = styled.div`\n display: flex;\n justify-content: center;\n align-items: center;\n background: white;\n height: 100%;\n padding: 30px 30px;\n\n @media (max-width: 1023px) {\n display: ${(props) =>\n props.order === 4 || props.order === 5 ? 'none' : 'flex'};\n }\n @media (min-width: 1024px) {\n padding: 0;\n height: 40px;\n }\n`\n\nconst Img = styled.img`\n height: auto;\n max-height: 100px;\n @media (min-width: 1024px) {\n /* max-height: 160px; */\n /* height: 40px; */\n /* background: red; */\n /* height: 100%; */\n /* max-height: auto; */\n }\n`\n","import React, { FunctionComponent } from 'react'\nimport MainGrid from '../../styling/MainGrid'\nimport Disclaimer from './IsolatedDisclaimer'\nimport LogoBanner from './IsolatedLogoBanner'\n//import img from '../../../images/logo-banner/crown-commercial-supplier.png'\n//import img2 from '../../../images/logo-banner/hm-treasury.png'\nimport img3 from '../../../images/logo-banner/NQA_ISO27001_BW.svg'\nimport img4 from '../../../images/logo-banner/NQA_ISO9001_BW.svg'\nimport img5 from '../../../images/logo-banner/global-cyber-alliance.png'\n\nconst logoBannerData = [\n {\n imgSrc: img3,\n alt: 'ISO27001',\n },\n {\n imgSrc: img4,\n alt: 'ISO9001',\n },\n {\n imgSrc: img5,\n alt: 'Global Cyber Alliance',\n },\n]\n\nconst Footer: FunctionComponent = () => {\n return (\n \n \n \n \n )\n}\n\nexport default Footer\n","import React from 'react'\nimport styled from 'styled-components'\nimport Button from './shared/Button/Button'\nimport LargeGrid from './styling/LargeGrid'\nimport MainGrid from './styling/MainGrid'\nimport theme from './styling/theme'\n\ninterface PromoProps {\n demoLink: string\n promoData: {\n promoBannerTitle: string\n promoBannerListItemOne: string\n promoBannerListItemTwo: string\n promoBannerListItemThree: string\n }\n}\n\nconst LandingPagePromotionBanner = ({ demoLink, promoData }: PromoProps) => {\n return (\n \n \n \n \n
{promoData.promoBannerTitle}
\n \n
  • {promoData.promoBannerListItemOne}
    • \n
  • {promoData.promoBannerListItemTwo}
    • \n
  • {promoData.promoBannerListItemThree}
    • \n     \n \n \n \n     \n     \n     \n     \n )\n}\n\nexport default LandingPagePromotionBanner\n\nconst BannerContainer = styled.div`\n background: ${theme.text.main};\n color: white;\n margin-top: 30px;\n`\n\nconst Grid = styled.div`\n display: grid;\n grid-template-rows: repeat(2 1fr);\n padding: 30px 0;\n @media (min-width: 1200px) {\n padding: 60px 0;\n grid-template-rows: 2;\n grid-template-columns: repeat(12, 1fr);\n justify-content: center;\n align-items: center;\n }\n`\n\nconst Header = styled.h2`\n color: white;\n @media (min-width: 1200px) {\n grid-column: 1/ 5;\n }\n`\n\nconst ListContainer = styled.ul`\n @media (min-width: 1200px) {\n grid-column: 6/13;\n }\n & li {\n color: ${theme.text.white};\n margin-bottom: 16px;\n\n &:last-of-type {\n margin-bottom: 0;\n }\n }\n`\nconst ButtonContainer = styled.div`\n padding-top: 20px;\n @media (min-width: 1200px) {\n grid-column: 6/8;\n }\n`\n","import React, { FunctionComponent, useEffect } from 'react'\nimport Helmet from 'react-helmet'\nimport NavigationLanding from './shared/NavigationLanding'\nimport Footer from './shared/IsolatedFooter/IsolatedFooter'\nimport './all.sass'\nimport './styling/layout.scss'\nimport Theme from './StyledComponents/Theme'\nimport GlobalStyles from './StyledComponents/GlobalStyles'\n\nimport LandingPagePromotionBanner from './LandingPagePromotionBanner'\n\ninterface LayoutInterface {\n data: any\n}\n\nconst TemplateWrapper: FunctionComponent = ({\n children,\n data,\n}) => {\n return (\n
    \n \n \n \n \n \n
    \n \n
    \n\n {children}\n\n \n
    \n )\n}\n\nexport default TemplateWrapper\n"],"sourceRoot":""}