{"version":3,"sources":["webpack:///./src/pages/foot-traffic.en.js","webpack:///./src/components/Pages/Feature/styled.js","webpack:///./src/components/Pages/Feature/index.js","webpack:///./src/components/global/Feature/styled.js","webpack:///./src/components/global/Feature/index.js"],"names":["FootTrafficComponent","data","rest","translatedData","useTranslated","pageContext","path","location","pathname","lng","langKey","hasContainer","otherFeatures","strapiFootTraffic","metatags","href","showOurCustomers","featureComponentFirst","Background","styled","div","props","src","FeatureComponent","featureComponent","Container","narrow","marginTop","Feature","feature","background","publicURL","padding","white","marginBottom","title","marginbottomonsmall","description","label","button","primary","sections","map","section","index","Section","key","id","alignment","smallTitle","defaultProps","FeaturesContainer","hasBoxShadow","css","Icon","img","bold","center","margin","gutter","xs","sm","md","length","icon","alt","sidenote"],"mappings":"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","file":"component---src-pages-foot-traffic-en-js-93bc14b33b8d82294437.js","sourcesContent":["import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { graphql } from 'gatsby';\r\n\r\n// components\r\nimport Layout from '../components/Layout';\r\nimport Feature from '../components/Pages/Feature';\r\n\r\n// hooks\r\nimport useTranslated from '../hooks/useTranslated';\r\n\r\nconst FootTrafficComponent = ({ data, ...rest }) => {\r\n    const { translatedData } = useTranslated(data, rest.pageContext);\r\n\r\n    return (\r\n        <Layout\r\n            path={rest.location.pathname}\r\n            lng={rest.pageContext.langKey}\r\n            hasContainer={false}\r\n            otherFeatures={translatedData.strapiFootTraffic.otherFeatures}\r\n            metatags={translatedData.strapiFootTraffic.metatags}\r\n            href=\"/foot-traffic/\"\r\n            showOurCustomers={false}\r\n        >\r\n            <Feature\r\n                data={translatedData.strapiFootTraffic}\r\n                lng={rest.pageContext.langKey}\r\n                featureComponentFirst\r\n            />\r\n        </Layout>\r\n    );\r\n};\r\n\r\nFootTrafficComponent.propTypes = {\r\n    data: PropTypes.shape({\r\n        strapiFootTraffic: PropTypes.shape({}).isRequired,\r\n    }).isRequired,\r\n};\r\n\r\nexport default FootTrafficComponent;\r\n\r\nexport const query = graphql`\r\n    query FootTrafficEn {\r\n        strapiFootTraffic {\r\n            metatags {\r\n                description_de\r\n                description_en\r\n                title_de\r\n                title_en\r\n            }\r\n            background {\r\n                publicURL\r\n            }\r\n            button {\r\n                href\r\n                label_en\r\n                label_de\r\n            }\r\n            description_en\r\n            description_de\r\n            feature {\r\n                feature {\r\n                    description_en\r\n                    description_de\r\n                    icon {\r\n                        publicURL\r\n                    }\r\n                    id\r\n                }\r\n            }\r\n            otherFeatures {\r\n                id\r\n                site_links {\r\n                    href\r\n                    iconDefault {\r\n                        publicURL\r\n                    }\r\n                    description_en\r\n                    description_de\r\n                    iconHover {\r\n                        publicURL\r\n                    }\r\n                    id\r\n                    label_en\r\n                    label_de\r\n                }\r\n                title_en\r\n                title_de\r\n            }\r\n            sections {\r\n                description_en\r\n                description_de\r\n                id\r\n                image_de {\r\n                    publicURL\r\n                }\r\n                image_en {\r\n                    publicURL\r\n                }\r\n                title_en\r\n                title_de\r\n            }\r\n            title_en\r\n            title_de\r\n        }\r\n    }\r\n`;\r\n","import styled from 'styled-components';\r\n\r\nexport const Background = styled.div`\r\n    background: url(${props => props.src});\r\n    padding: 200px 0;\r\n    background-size: cover;\r\n    margin-bottom: 130px;\r\n\r\n    @media all and (max-width: 1336px) {\r\n        padding: 150px 0;\r\n    }\r\n\r\n    @media all and (max-width: 1024px) {\r\n        margin-bottom: 28px;\r\n        padding: 5em 0;\r\n\r\n        a {\r\n            margin-bottom: 0;\r\n        }\r\n    }\r\n\r\n    @media all and (max-width: 601px) {\r\n        padding: 3em 0;\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport { Background } from './styled';\r\nimport Button from '../../global/ButtonLink';\r\nimport Container from '../../global/Container';\r\nimport Section from '../../global/Section';\r\nimport { Heading1, Paragraph } from '../../global/Typography';\r\nimport Feature from '../../global/Feature';\r\n\r\nconst FeatureComponent = ({ data, featureComponentFirst, lng }) => {\r\n    const featureComponent = (\r\n        <Container narrow={featureComponentFirst} marginTop={featureComponentFirst && '-170px'}>\r\n            <Feature data={data.feature} />\r\n        </Container>\r\n    );\r\n\r\n    return (\r\n        <>\r\n            <Background src={data.background.publicURL}>\r\n                <Container narrow padding=\"0 15% 0 20px\">\r\n                    <Heading1 white marginBottom=\"24px\">\r\n                        {data.title}\r\n                    </Heading1>\r\n                    <Paragraph white marginBottom=\"24px\" marginbottomonsmall=\"24px\">\r\n                        {data.description}\r\n                    </Paragraph>\r\n                    <Button\r\n                        label={data.button.label}\r\n                        href={data.button.href}\r\n                        lng={lng}\r\n                        primary={1}\r\n                        marginbottomonsmall=\"24px\"\r\n                    />\r\n                </Container>\r\n            </Background>\r\n            {featureComponentFirst && featureComponent}\r\n            <Container narrow>\r\n                {data.sections.map((section, index) => (\r\n                    <Section\r\n                        key={section.id}\r\n                        section={section}\r\n                        alignment={index % 2 === 0 ? 'left' : 'right'}\r\n                        lng={lng}\r\n                        smallTitle\r\n                    />\r\n                ))}\r\n            </Container>\r\n            {!featureComponentFirst && featureComponent}\r\n        </>\r\n    );\r\n};\r\n\r\nFeatureComponent.defaultProps = {\r\n    featureComponentFirst: false,\r\n};\r\n\r\nFeatureComponent.propTypes = {\r\n    data: PropTypes.shape({\r\n        background: PropTypes.shape({\r\n            publicURL: PropTypes.string.isRequired,\r\n        }).isRequired,\r\n        title: PropTypes.string.isRequired,\r\n        description: PropTypes.string.isRequired,\r\n        button: PropTypes.shape({\r\n            label: PropTypes.string.isRequired,\r\n            href: PropTypes.string.isRequired,\r\n        }).isRequired,\r\n        sections: PropTypes.arrayOf(PropTypes.shape({})).isRequired,\r\n        feature: PropTypes.shape({}).isRequired,\r\n    }).isRequired,\r\n    featureComponentFirst: PropTypes.bool,\r\n    lng: PropTypes.string.isRequired,\r\n};\r\n\r\nexport default FeatureComponent;\r\n","import styled, { css } from 'styled-components';\r\n\r\nexport const Container = styled.div`\r\n    border-radius: 10px;\r\n    margin-bottom: 70px;\r\n    background: white;\r\n\r\n    p {\r\n        margin-top: 24px;\r\n    }\r\n\r\n    @media all and (max-width: 768px) {\r\n        margin-bottom: 28px;\r\n    }\r\n`;\r\n\r\nexport const FeaturesContainer = styled.div`\r\n    border-radius: 10px;\r\n    ${({ hasBoxShadow }) =>\r\n        hasBoxShadow\r\n            ? css`\r\n                  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);\r\n                  padding: 40px 16px;\r\n              `\r\n            : css`\r\n                  padding: 40px 0px;\r\n\r\n                  h3 {\r\n                      font-size: 2.5rem;\r\n\r\n                      @media all and (max-width: 768px) {\r\n                          font-size: 1.125rem;\r\n                      }\r\n                  }\r\n              `}\r\n\r\n    h3 {\r\n        text-align: center;\r\n    }\r\n`;\r\n\r\nexport const Icon = styled.img`\r\n    display: block;\r\n    margin: 0 auto 20px;\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport { Col, Row } from 'react-simple-flex-grid';\r\n\r\nimport { Container, FeaturesContainer, Icon } from './styled';\r\nimport { Heading3, Paragraph } from '../Typography';\r\n\r\nconst Feature = ({ data, hasBoxShadow }) => {\r\n    return (\r\n        <Container>\r\n            <FeaturesContainer hasBoxShadow={hasBoxShadow}>\r\n                <Heading3 marginBottom={hasBoxShadow ? '40px' : '64px'}>{data.title}</Heading3>\r\n                <Paragraph bold center margin=\"40px 48px\" marginbottomonsmall=\"24px\">\r\n                    {data.description}\r\n                </Paragraph>\r\n                <Row gutter={24}>\r\n                    {data.feature.map(feature => (\r\n                        <Col\r\n                            key={feature.id}\r\n                            xs={12}\r\n                            sm={6}\r\n                            md={12 / data.feature.length === 3 ? 3 : 4}\r\n                        >\r\n                            {feature.icon ? (\r\n                                <Icon src={feature.icon.publicURL} alt=\"feature icon\" />\r\n                            ) : null}\r\n                            <Paragraph bold center marginbottomonsmall=\"24px\">\r\n                                {feature.description}\r\n                            </Paragraph>\r\n                        </Col>\r\n                    ))}\r\n                </Row>\r\n            </FeaturesContainer>\r\n            {data.sidenote ? <Paragraph center>{data.sidenote}</Paragraph> : null}\r\n        </Container>\r\n    );\r\n};\r\n\r\nFeature.defaultProps = {\r\n    hasBoxShadow: true,\r\n};\r\n\r\nFeature.propTypes = {\r\n    data: PropTypes.shape({\r\n        feature: PropTypes.arrayOf(\r\n            PropTypes.shape({\r\n                icon: PropTypes.shape({\r\n                    publicURL: PropTypes.string.isRequired,\r\n                }).isRequired,\r\n                description: PropTypes.string.isRequired,\r\n            })\r\n        ).isRequired,\r\n        title: PropTypes.string,\r\n        description: PropTypes.string,\r\n        sidenote: PropTypes.string,\r\n    }).isRequired,\r\n    hasBoxShadow: PropTypes.bool,\r\n};\r\n\r\nexport default Feature;\r\n"],"sourceRoot":""}