{"version":3,"sources":["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","webpack:///./src/pages/in-store-optimization.de.js"],"names":["Background","styled","div","props","src","FeatureComponent","data","featureComponentFirst","lng","featureComponent","Container","narrow","marginTop","Feature","feature","background","publicURL","padding","white","marginBottom","title","marginbottomonsmall","description","label","button","href","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","InStoreOptimizationComponent","rest","translatedData","useTranslated","pageContext","path","location","pathname","langKey","hasContainer","otherFeatures","strapiInStoreOptimization","metatags","showOurCustomers"],"mappings":"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","file":"component---src-pages-in-store-optimization-de-js-9430187a4975f5c36de7.js","sourcesContent":["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","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 InStoreOptimizationComponent = ({ 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.strapiInStoreOptimization.otherFeatures}\r\n            metatags={translatedData.strapiInStoreOptimization.metatags}\r\n            href=\"/in-store-optimization/\"\r\n            showOurCustomers={false}\r\n        >\r\n            <Feature\r\n                data={translatedData.strapiInStoreOptimization}\r\n                lng={rest.pageContext.langKey}\r\n                featureComponentFirst\r\n            />\r\n        </Layout>\r\n    );\r\n};\r\n\r\nInStoreOptimizationComponent.propTypes = {\r\n    data: PropTypes.shape({\r\n        strapiInStoreOptimization: PropTypes.shape({}).isRequired,\r\n    }).isRequired,\r\n};\r\n\r\nexport default InStoreOptimizationComponent;\r\n\r\nexport const query = graphql`\r\n    query InStoreOptimizationDe {\r\n        strapiInStoreOptimization {\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                title_en\r\n                title_de\r\n                description_en\r\n                description_de\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"],"sourceRoot":""}