{"version":3,"sources":["webpack:///./src/components/shared/section-title/section-title.stc.js","webpack:///./src/components/shared/section-title/index.js","webpack:///./src/containers/projects/banner/index.js","webpack:///./src/containers/projects/project/project.stc.js","webpack:///./src/containers/projects/project/index.js","webpack:///./src/pages/project.js","webpack:///./src/components/project/project.stc.js","webpack:///./src/components/project/index.js"],"names":["TitleWrapper","styled","div","SectionTitle","title","subtitle","titleStyle","subtitleStyle","defaultProps","fontSize","color","fontweight","responsive","xlarge","large","lineHeight","small","as","texttransform","letterspacing","display","mb","Banner","imageData","useStaticQuery","pagedataJson","banner_img","childImageSharp","fluid","className","alt","ProjectSectionWrap","section","props","backgroundColor","device","medium","ProjectSection","project","projectQueryData","projectSecData","homedataJson","projectsData","allProjectsJson","edges","map","data","i","isEven","key","node","id","image","featured_image","client","sector","mt","description","ProjectWrapper","css","Thumb","xsmall","ProjectBtnWrap","ProjectBtn","Link","theme","colors","primary","white","ProjectType","Project","projectImg","restProps","HeadingStyle","TextStyle","restStyles","fixed","src","to","data-wow-delay","data-wow-duration"],"mappings":"+IAEaA,E,UAAeC,EAAOC,IAAV,iFAAGD,CAAH,oBCInBE,EAAe,SAAC,GAAkD,IAAjDC,EAAgD,EAAhDA,MAAOC,EAAyC,EAAzCA,SAAUC,EAA+B,EAA/BA,WAAYC,EAAmB,EAAnBA,cAChD,OACI,kBAACP,EAAD,KACKK,GAAY,kBAAC,IAASE,EAAgBF,GACtCD,GAAS,kBAAC,IAAYE,EAAaF,KAWhDD,EAAaK,aAAe,CACxBF,WAAY,CACRG,SAAU,OACVC,MAAO,UACPC,WAAY,IACZC,WAAY,CACRC,OAAQ,CACJJ,SAAU,QAEdK,MAAO,CACHL,SAAU,OACVM,WAAY,WAEhBC,MAAO,CACHP,SAAU,UAItBF,cAAe,CACXU,GAAI,OACJP,MAAO,OACPC,WAAY,IACZF,SAAU,OACVS,cAAe,YACfC,cAAe,MACfC,QAAS,eACTC,GAAI,OACJN,WAAY,EACZH,WAAY,CACRC,OAAQ,CACJJ,SAAU,OACVY,GAAI,QAERP,MAAO,CACHL,SAAU,OACVY,GAAI,WAMLlB,O,kHClCAmB,EAxBA,WACX,IAeMC,EAfkBC,yBAAe,aAeLC,aAAaC,WAAWC,gBAAgBC,MAC1E,OACI,yBAAKC,UAAU,eACX,kBAAC,IAAD,CAAOD,MAAOL,EAAWO,IAAI,qB,gDCpB5BC,EAAqB9B,IAAO+B,QAAV,qFAAG/B,CAAH,yNACP,SAAAgC,GAAK,OAAIA,EAAMC,kBAE1BC,IAAOC,OAGPD,IAAOnB,MAIHmB,IAAOC,OAMPD,IAAOtB,QCZlBwB,EAAiB,SAAC,GAAwB,IAAvBL,EAAsB,EAAtBA,QAASM,EAAa,EAAbA,QACxBC,EAAmBf,yBAAe,cA4BlCgB,EAAiBD,EAAiBE,aAClCC,EAAeH,EAAiBI,gBAAgBC,MACtD,OACI,kBAACb,EAAuBC,EACpB,yBAAKH,UAAU,qBACX,yBAAKA,UAAU,kBACX,kBAAC,IAAD,CACIzB,MAAOoC,EAAepC,MACtBC,SAAUmC,EAAenC,YAIjC,yBAAKwB,UAAU,mBACVa,EAAaG,KAAI,SAACC,EAAMC,GACrB,IAAIC,EAASD,EAAE,GAAM,EACrB,OACI,kBAAC,IAAD,iBACQT,EADR,CAEIU,OAAQA,EACRC,IAAKH,EAAKI,KAAKC,GACfA,GAAIL,EAAKI,KAAKC,GACdC,MAAON,EAAKI,KAAKG,eAAe1B,gBAChCvB,MAAO0C,EAAKI,KAAK9C,MACjBkD,OAAQR,EAAKI,KAAKI,OAClBC,OAAQT,EAAKI,KAAKK,iBAelDlB,EAAe7B,aAAe,CAC1BwB,QAAS,CACLE,gBAAiB,WAErBI,QAAS,CACLkB,GAAI,QACJ5C,WAAY,CACRwB,OAAQ,CACJoB,GAAI,WAMLnB,QCnFA,4BACX,kBAAC,IAAD,KACI,kBAAC,IAAD,CACIjC,MAAM,wCACNqD,YAAW,+MAOf,kBAAC,EAAD,MACA,kBAAC,EAAD,S,4ICdKC,EAAiBzD,IAAOC,IAAV,6EAAGD,CAAH,wBACT,SAAAgC,GAAK,OAAIA,EAAMuB,MAC3B,SAAAvB,GAAK,OAAIA,EAAMrB,YAAc+C,YAApB,UACL,SAAA1B,GAAK,OAAIA,EAAMrB,WAAWwB,QAAUuB,YAA3B,gCACExB,IAAOC,QACE,SAAAH,GAAK,OAAIA,EAAMrB,WAAWwB,OAAOoB,YAMlDI,EAAQ3D,IAAOC,IAAV,oEAAGD,CAAH,yRAQLkC,IAAOtB,OAIPsB,IAAOnB,MAGPmB,IAAO0B,OAQH1B,IAAOtB,QAMXiD,EAAiB7D,IAAOC,IAAV,6EAAGD,CAAH,2EAIdkC,IAAOC,QAKP2B,EAAa9D,YAAO+D,QAAV,yEAAG/D,CAAH,gmBACL,SAAAgC,GAAK,OAAIA,EAAMgC,MAAMC,OAAOC,WAIjC,SAAAlC,GAAK,OAAIA,EAAMgC,MAAMC,OAAOE,QAO5BjC,IAAOnB,MAYHmB,IAAOnB,OA2BXqD,EAAcpE,IAAOC,IAAV,0EAAGD,CAAH,6FAEXkC,IAAOnB,MAIPmB,IAAO0B,Q,wBCpGdS,EAAU,SAAC,GAA8D,IAEvEC,EAFUnB,EAA4D,EAA5DA,MAAOD,EAAqD,EAArDA,GAAI/C,EAAiD,EAAjDA,MAAOkD,EAA0C,EAA1CA,OAAgBN,GAA0B,EAAlCO,OAAkC,EAA1BP,QAAWwB,EAAe,iEACnEC,EAA0CD,EAA1CC,aAAcC,EAA4BF,EAA5BE,UAAcC,EADuC,YACzBH,EADyB,8BAW1E,OAPID,EADDnB,EAAMwB,OAAgC,mBAAhBxB,EAAMwB,MACd,kBAAC,IAAD,CAAKA,MAAOxB,EAAMwB,MAAO9C,IAAK1B,IACrCgD,EAAMxB,MACC,kBAAC,IAAD,CAAOA,MAAOwB,EAAMxB,MAAOE,IAAK1B,IAEhC,yBAAKyE,IAAKzB,EAAMyB,IAAK/C,IAAK1B,IAIvC,kBAACsD,EAAmBiB,EAChB,yBAAK9C,UAAS,iBAAkBmB,EAAS,EAAI,IACzC,kBAACY,EAAD,KACI,yBAAKT,GAAIA,IAIG,kBAAC,OAAD,CAAM2B,GAAE,YAAc3B,GACjBoB,GAKjB,kBAACT,EAAD,KACI,kBAACC,EAAD,CAAYe,GAAE,YAAc3B,GACxB,uBAAGtB,UAAU,uBAK7B,yBAAKA,UAAS,iBAAkBmB,EAAS,EAAI,IACzC,yBAAKnB,UAAU,eACVzB,GACG,kBAACiE,EAAD,CAAaxC,UAAU,iBAAiBkD,iBAAe,QAAQC,oBAAkB,UAC7E,kBAAC,IAAYP,EAAb,oBACA,kBAAC,IAASC,EAAYtE,IAG7BkD,GACG,kBAACe,EAAD,CAAaxC,UAAU,iBAAiBkD,iBAAe,QAAQC,oBAAkB,UAC7E,kBAAC,IAAYP,EAAb,UACA,kBAAC,IAASC,EAAYpB,QAoBlDgB,EAAQ9D,aAAe,CACnBiE,aAAc,CACVxD,GAAI,KACJP,MAAO,UACPD,SAAU,OACVE,WAAY,IACZQ,cAAe,MACfE,GAAI,OACJT,WAAY,CACRI,MAAO,CACHG,cAAe,MACfE,GAAI,SAIhBqD,UAAW,CACPjE,SAAU,OACVU,cAAe,MACfE,GAAI,IAIGiD","file":"component---src-pages-project-js-a41cf842e0e27e77e6f1.js","sourcesContent":["import styled from 'styled-components';\r\n \r\nexport const TitleWrapper = styled.div `\r\n    line-height: 1;\r\n`;\r\n\r\n","import React from 'react'\r\nimport PropTypes from 'prop-types';\r\nimport Heading from '../heading'\r\nimport Text from '../text'\r\nimport {TitleWrapper} from './section-title.stc'\r\n\r\nconst SectionTitle = ({title, subtitle, titleStyle, subtitleStyle}) => {\r\n    return (\r\n        <TitleWrapper>\r\n            {subtitle && <Text {...subtitleStyle}>{subtitle}</Text>}\r\n            {title && <Heading {...titleStyle}>{title}</Heading>}\r\n        </TitleWrapper>\r\n    )\r\n}\r\n\r\nSectionTitle.propTypes = {\r\n    title: PropTypes.string,\r\n    subtitle: PropTypes.string,\r\n    titleStyle: PropTypes.object,\r\n    subtitleStyle: PropTypes.object\r\n}\r\nSectionTitle.defaultProps = {\r\n    titleStyle: {\r\n        fontSize: '36px',\r\n        color: 'primary',\r\n        fontweight: 600,\r\n        responsive: {\r\n            xlarge: {\r\n                fontSize: '28px'\r\n            },\r\n            large: {\r\n                fontSize: '24px',\r\n                lineHeight: 'initial'\r\n            },\r\n            small: {\r\n                fontSize: '16px'\r\n            }\r\n        }\r\n    },\r\n    subtitleStyle: {\r\n        as: 'span',\r\n        color: '#000',\r\n        fontweight: 500,\r\n        fontSize: '16px',\r\n        texttransform: 'uppercase',\r\n        letterspacing: '1px',\r\n        display: 'inline-block',\r\n        mb: '17px',\r\n        lineHeight: 1,\r\n        responsive: {\r\n            xlarge: {\r\n                fontSize: '14px',\r\n                mb: '25px'\r\n            },\r\n            large: {\r\n                fontSize: '12px',\r\n                mb: '10px'\r\n            }\r\n        }\r\n    }\r\n};\r\n\r\nexport default SectionTitle\r\n","import React from 'react'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Image from '../../../components/image'\r\n\r\nconst Banner = () => {\r\n    const bannerQueryData = useStaticQuery(graphql `\r\n        query ProjectBannerQuery {\r\n            pagedataJson(id: {eq: \"project_page_data\"}) {\r\n                banner_img {\r\n                    childImageSharp {\r\n                        fluid(maxWidth: 1920, maxHeight: 750, quality: 100) {\r\n                            ...GatsbyImageSharpFluid_withWebp\r\n                            presentationWidth\r\n                            presentationHeight\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        }      \r\n    `);\r\n    const imageData = bannerQueryData.pagedataJson.banner_img.childImageSharp.fluid\r\n    return (\r\n        <div className=\"banner-area\">\r\n            <Image fluid={imageData} alt=\"Project Banner\"/>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Banner\r\n ","import styled from 'styled-components';\r\nimport {device} from '../../../theme'\r\n\r\nexport const ProjectSectionWrap = styled.section `\r\n    background-color: ${props => props.backgroundColor};\r\n    padding: 130px 0;\r\n    @media ${device.medium}{\r\n        padding: 70px 0;\r\n    }\r\n    @media ${device.small}{\r\n        padding: 10vw 0;\r\n    }\r\n    .col-1.offset-1{\r\n        @media ${device.medium}{\r\n            max-width: 40vw;\r\n            flex: 0 0 40vw;\r\n        }\r\n    }\r\n    .col-4.offset-2, .col-3.offset-2{\r\n        @media ${device.xlarge}{\r\n            margin-left: 10vw;\r\n        }\r\n    }\r\n`;","import React from 'react'\r\nimport PropTypes from 'prop-types'\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport SectionTitle from '../../../components/shared/section-title'\r\nimport Project from '../../../components/project'\r\nimport {ProjectSectionWrap} from './project.stc'\r\n\r\nconst ProjectSection = ({section, project}) => {\r\n    const projectQueryData = useStaticQuery(graphql `\r\n    query ProjectPageDataQuery {\r\n      homedataJson(id: {eq: \"project_section_content\"}) {\r\n        id\r\n        title\r\n        subtitle\r\n      }\r\n      allProjectsJson(sort: {fields: id}) {\r\n        edges {\r\n          node {\r\n            id\r\n            title\r\n            sector\r\n            client\r\n            featured_image {\r\n              childImageSharp {\r\n                fluid(maxWidth: 1060, maxHeight: 600, quality: 100) {\r\n                    ...GatsbyImageSharpFluid_withWebp\r\n                    presentationWidth\r\n                    presentationHeight\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }  \r\n    `);\r\n    const projectSecData = projectQueryData.homedataJson;\r\n    const projectsData = projectQueryData.allProjectsJson.edges;\r\n    return (\r\n        <ProjectSectionWrap {...section}>\r\n            <div className=\"project-container\">\r\n                <div className=\"col-1 offset-1\">\r\n                    <SectionTitle\r\n                        title={projectSecData.title}\r\n                        subtitle={projectSecData.subtitle}\r\n                    />\r\n                </div>\r\n \r\n                <div className=\"project-wrapper\">\r\n                    {projectsData.map((data, i) => {\r\n                        let isEven = i%2 === 0;\r\n                        return(\r\n                            <Project \r\n                                {...project}\r\n                                isEven={isEven}\r\n                                key={data.node.id} \r\n                                id={data.node.id} \r\n                                image={data.node.featured_image.childImageSharp}\r\n                                title={data.node.title}\r\n                                client={data.node.client}\r\n                                sector={data.node.sector}\r\n                            />\r\n                        )\r\n                    })}\r\n                </div>\r\n            </div>\r\n        </ProjectSectionWrap>\r\n    )\r\n}\r\n\r\nProjectSection.propTypes = {\r\n    section: PropTypes.object,\r\n    project: PropTypes.object\r\n}\r\n\r\nProjectSection.defaultProps = {\r\n    section: {\r\n        backgroundColor: '#f8f8f8'\r\n    },\r\n    project: {\r\n        mt: '100px',\r\n        responsive: {\r\n            medium: {\r\n                mt: '50px'\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\nexport default ProjectSection\r\n","import React from \"react\"\r\nimport SEO from '../components/seo';\r\nimport Layout from '../containers/layout/layout'\r\nimport Banner from '../containers/projects/banner'\r\nimport Project from '../containers/projects/project'\r\n\r\nexport default () => (\r\n    <Layout>\r\n        <SEO \r\n            title=\"Ostrovsky-marketing: примеры проектов\"\r\n            description={\r\n                `Увеличить количество лидов в несезон, \r\n                поднять CTR на 42%, уменьшить CPC на 12% \r\n                а также многие другие примеры успеха от \r\n                компании Ostrovsky-marketing.`\r\n            }\r\n        />\r\n        <Banner/>\r\n        <Project/>\r\n    </Layout>\r\n)\r\n","import styled, {css} from 'styled-components';\r\nimport {Link} from 'gatsby'\r\nimport {device} from '../../theme'\r\n\r\nexport const ProjectWrapper = styled.div `\r\n    margin-top: ${props => props.mt};\r\n    ${props => props.responsive && css `\r\n        ${props => props.responsive.medium && css `\r\n            @media ${device.medium}{\r\n                margin-top: ${props => props.responsive.medium.mt};\r\n            }\r\n        `};\r\n    `}\r\n`;\r\n  \r\nexport const Thumb = styled.div `\r\n    position: relative;\r\n    z-index: 2;\r\n    margin-left: -50px;\r\n    display: inline-block;\r\n    margin-bottom: 46px;\r\n    width: 100%;\r\n    max-width: 1062px;\r\n    @media ${device.xlarge} {\r\n        margin-left: 0;\r\n        width: 100%;\r\n    }\r\n    @media ${device.small}{\r\n        margin-bottom: 30px;\r\n    }\r\n    @media ${device.xsmall}{\r\n        margin-bottom: 25px;\r\n    }\r\n    a{\r\n        display: block;\r\n    }\r\n    img{\r\n        border-radius: 5px;\r\n        @media ${device.xlarge}{\r\n            width: 100%;\r\n        }\r\n    }\r\n`;\r\n\r\nexport const ProjectBtnWrap = styled.div `\r\n    position: absolute !important;\r\n    right: -65px;\r\n    bottom: 0;\r\n    @media ${device.medium}{\r\n        right: 0;\r\n    }\r\n`;\r\n\r\nexport const ProjectBtn = styled(Link) `\r\n    background: ${props => props.theme.colors.primary};\r\n    width: 130px;\r\n    display: block;\r\n    height: 70px;\r\n    color: ${props => props.theme.colors.white};\r\n    text-align: center;\r\n    line-height: 75px;\r\n    font-size: 36px;\r\n    position: relative;\r\n    overflow: hidden;\r\n    border-radius: 4px;\r\n    @media ${device.small}{\r\n        width: 70px;\r\n        height: 45px;\r\n        line-height: 55px;\r\n        font-size: 12px;\r\n        border-radius: 0px;\r\n    }\r\n    i{\r\n        color: #ffffff;\r\n        transition: all .4s;\r\n        z-index: 5;\r\n        display: inline-block;\r\n        @media ${device.small}{\r\n            font-size: 20px;\r\n        }\r\n    }\r\n    &:before{\r\n        top: 0;\r\n        content: '';\r\n        height: 100%;\r\n        position: absolute;\r\n        left: 0;\r\n        width: 0;\r\n        z-index: 1;\r\n        transition: all .4s;\r\n        background: rgba(255,255,255,0.5);\r\n    }\r\n    &:hover{\r\n        &:before{\r\n            animation: slide-effect .7s cubic-bezier(.70,.15,.340,.870) both;\r\n            width: 100%;\r\n        }\r\n        i{\r\n            transform: translateX(10px);\r\n        }\r\n    }\r\n`;\r\n\r\n\r\nexport const ProjectType = styled.div `\r\n    flex-basis: 33.33%;\r\n    @media ${device.small}{\r\n        flex-basis: 100%;\r\n        padding: 15px 0;\r\n    }\r\n    @media ${device.xsmall}{\r\n        padding: 10px 0;\r\n    }\r\n`;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\nimport {Link} from 'gatsby'\r\nimport Img from 'gatsby-image'\r\nimport Image from '../image'\r\nimport {ProjectWrapper, Thumb, ProjectBtnWrap, ProjectBtn, ProjectType} from './project.stc'\r\nimport Heading from '../shared/heading'\r\nimport Text from '../shared/text'\r\n// import { Controller, Scene } from 'react-scrollmagic';\r\n  \r\nconst Project = ({image, id, title, client, sector, isEven, ...restProps}) => {\r\n    const {HeadingStyle, TextStyle, ...restStyles} = restProps\r\n    let projectImg;\r\n    if(image.fixed && typeof image.fixed !== 'function'){\r\n        projectImg = <Img fixed={image.fixed} alt={title}/>;\r\n    } else if(image.fluid){\r\n        projectImg = <Image fluid={image.fluid} alt={title}/>\r\n    } else{\r\n        projectImg = <img src={image.src} alt={title}/>\r\n    }\r\n    \r\n    return (\r\n        <ProjectWrapper {...restStyles}>\r\n            <div className={`col-4 offset-${isEven ? 1 : 2}`}>\r\n                <Thumb>\r\n                    <div id={id}></div>\r\n                    {/* <Controller> */}\r\n                        {/* <Scene classToggle=\"animated\" triggerElement={`#${id}`} triggerHook=\"onCenter\"> */}\r\n                            {/* <div className=\"rn_surface\"> */}\r\n                                <Link to={`/project/${id}`}>\r\n                                    {projectImg}\r\n                                </Link>\r\n                            {/* </div> */}\r\n                        {/* </Scene> */}\r\n                    {/* </Controller>  */}\r\n                    <ProjectBtnWrap>\r\n                        <ProjectBtn to={`/project/${id}`}>\r\n                            <i className=\"ti-arrow-right\"></i>\r\n                        </ProjectBtn>\r\n                    </ProjectBtnWrap>\r\n                </Thumb>\r\n            </div>\r\n            <div className={`col-3 offset-${isEven ? 1 : 2}`}>\r\n                <div className=\"content row\">\r\n                    {title && (\r\n                        <ProjectType className=\"wow fadeInLeft\" data-wow-delay=\"200ms\" data-wow-duration=\"1000ms\">\r\n                            <Heading {...HeadingStyle}>ОКАЗАННЫЕ УСЛУГИ</Heading>\r\n                            <Text {...TextStyle}>{title}</Text>\r\n                        </ProjectType>\r\n                    )}\r\n                    {client && (\r\n                        <ProjectType className=\"wow fadeInLeft\" data-wow-delay=\"200ms\" data-wow-duration=\"1000ms\">\r\n                            <Heading {...HeadingStyle}>КЛИЕНТ</Heading>\r\n                            <Text {...TextStyle}>{client}</Text>\r\n                        </ProjectType>\r\n                    )}\r\n                    {/* {sector && (\r\n                        <ProjectType className=\"wow fadeInLeft\" data-wow-delay=\"200ms\" data-wow-duration=\"1000ms\">\r\n                            <Heading {...HeadingStyle}>SECTOR</Heading>\r\n                            <Text {...TextStyle}>{sector}</Text>\r\n                        </ProjectType>\r\n                    )} */}\r\n                </div>\r\n            </div>\r\n        </ProjectWrapper>\r\n    )\r\n}\r\n\r\nProject.propTypes = {\r\n    HeadingStyle: PropTypes.object,\r\n    TextStyle: PropTypes.object\r\n}\r\n\r\nProject.defaultProps = {\r\n    HeadingStyle: {\r\n        as: 'h6',\r\n        color: '#001c43',\r\n        fontSize: '12px',\r\n        fontweight: 700,\r\n        letterspacing: '2px',\r\n        mb: '12px',\r\n        responsive: {\r\n            small: {\r\n                letterspacing: '1px',\r\n                mb: '5px'\r\n            }\r\n        }\r\n    },\r\n    TextStyle: {\r\n        fontSize: '12px',\r\n        letterspacing: '1px',\r\n        mb: 0\r\n    }\r\n}\r\n\r\nexport default Project;"],"sourceRoot":""}