{"version":3,"file":"component---src-pages-data-agency-js-05a8e5b0de3de89cc9dc.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/hero4/index.js","webpack://gatsby-starter-default/./src/components/productsHighlight/index.js","webpack://gatsby-starter-default/./src/components/timelyAsset/index.js","webpack://gatsby-starter-default/./src/components/wave/index.js","webpack://gatsby-starter-default/./src/utils/getParameterByName.js","webpack://gatsby-starter-default/./src/components/videoModal/index.js","webpack://gatsby-starter-default/./src/pages/data-agency.js","webpack://gatsby-starter-default/./src/assets/images/wave2-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave2.png","webpack://gatsby-starter-default/./src/assets/images/wave21-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave21.png","webpack://gatsby-starter-default/./src/assets/images/wave22-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave22.png"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport useMedia from 'use-media';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nimport GoldenButton from 'components/buttons/GoldenButton';\nimport HollowButton from 'components/buttons/HollowButton';\n\nconst Container = styled.div`\n    margin: 0;\n    color: white;\n    text-align: center;\n    width: 100%;\n    height: 100vh;\n    position: relative;\n    @media screen and (max-width: 1440px) {\n    }\n`;\nconst Content = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n    height: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    z-index: 1;\n    @media screen and (max-width: 767px) {\n    }\n`;\n\nconst Title = styled.div`\n    margin-top: auto;\n    font-size: 80px;\n    line-height: 80px;\n    margin-bottom: 33px;\n\n    width: ${props => (props.img ? '440px' : 'auto')};\n    height: ${props => (props.img ? '114px' : 'auto')};\n    max-width: 740px;\n\n    background: url(${props => props.img}) no-repeat center;\n    background-size: contain;\n    margin-left: auto;\n    margin-right: auto;\n    font-family: 'Renogare-Regular';\n    user-select: none;\n    letter-spacing: -2px;\n    text-align: center;\n    @media screen and (max-width: 767px) {\n        font-size: 44px;\n        line-height: 48px;\n        letter-spacing: -2.29px;\n        margin-bottom: ${props => (props.type === 0 ? '98px' : '25px')};\n        max-width: 100%;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        background: url(${props => props.img}) no-repeat center;\n        background-size: contain;\n    }\n`;\nconst Desc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 23px;\n    line-height: 32px;\n    letter-spacing: normal;\n    user-select: none;\n    max-width: 720px;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 767px) {\n        max-width: 100%;\n        margin-left: 24px;\n        margin-right: 24px;\n    }\n`;\nconst ButtonsContainer = styled.div`\n    margin-top: 34px;\n    display: flex;\n    justify-content: center;\n    margin-bottom: -80px;\n    & > * {\n        margin: 0 8px;\n    }\n    @media screen and (max-width: 767px) {\n        margin-top: 34px;\n    }\n`;\n\nconst DesktopLayout = styled.div`\n    display: block;\n    width: 100%;\n    height: 100%;\n    position: relative;\n\n    & > div {\n        padding-top: 0 !important;\n        div {\n            display: none;\n        }\n        button {\n            display: none;\n        }\n        video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            outline: none;\n            user-select: none;\n        }\n    }\n\n    z-index: 0;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileLayout = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        z-index: 0;\n    }\n`;\nconst MaskContainer = styled.div`\n    width: 100%;\n    margin-top: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    img {\n        width: 100%;\n    }\n    @media screen and (max-width: 767px) {\n        img {\n            width: auto;\n            height: 100px;\n        }\n        margin-bottom: -1px;\n    }\n`;\nconst Overlay = styled.div`\n    background: rgba(0, 0, 0, 0.5);\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    z-index: 1;\n`;\nexport default function Hero4({\n    title,\n    description,\n    image,\n    buttons = [],\n    desktop_image,\n    mobile_image,\n    mask_image,\n    type = 0,\n    back = 'bright',\n}) {\n    const isWide = useMedia({ minWidth: 767 });\n\n    return (\n        <Container>\n            <Content>\n                <Title img={image} type={type}>\n                    {title}\n                </Title>\n                <Desc>{description}</Desc>\n                <ButtonsContainer>\n                    {buttons.map(button => {\n                        return (\n                            <React.Fragment key={button.title}>\n                                {button.theme === 'golden' ? (\n                                    <GoldenButton {...button}>\n                                        {button.title}\n                                    </GoldenButton>\n                                ) : button.theme === 'hollow' ? (\n                                    <HollowButton {...button}>\n                                        {button.title}\n                                    </HollowButton>\n                                ) : null}\n                            </React.Fragment>\n                        );\n                    })}\n                </ButtonsContainer>\n\n                <MaskContainer>\n                    <img\n                        src={mask_image}\n                        alt=\"\"\n                        style={{ objectFit: 'cover' }}\n                    />\n                </MaskContainer>\n            </Content>\n            {isWide ? (\n                <DesktopLayout>\n                    <Overlay />\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        src={desktop_image} // use normal <img> attributes as props\n                        width={'100%'}\n                        height={'100%'}\n                        style={{ objectFit: 'cover' }}\n                    />\n                </DesktopLayout>\n            ) : (\n                <MobileLayout>\n                    <Overlay />\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        src={mobile_image} // use normal <img> attributes as props\n                        width={'100%'}\n                        height={'100%'}\n                        style={{ objectFit: 'cover' }}\n                    />\n                </MobileLayout>\n            )}\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    margin-top: 30px;\n    margin-bottom: 70px;\n    display: block;\n    width: calc(100% - 128px);\n    margin-left: 64px;\n    margin-right: 64px;\n    user-select: none;\n    @media screen and (max-width: 768px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        margin-top: 30px;\n        margin-bottom: 30px;\n        width: calc(100% - 48px);\n    }\n`;\n\nconst Heading = styled.div`\n    font-size: 36px;\n    letter-spacing: -1.5px;\n    line-height: 40px;\n    text-align: center;\n    color: white;\n    font-family: 'Renogare-Regular';\n    max-width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-bottom: 30px;\n    white-space: pre-wrap;\n    @media screen and (max-width: 768px) {\n        font-size: 26px;\n        line-height: 32px;\n        letter-spacing: -1px;\n        color: white;\n        margin-top: 0;\n        margin-bottom: 23px;\n        text-align: left;\n    }\n`;\nconst FeatureContainer = styled.div`\n    margin-top: 29px;\n    display: flex;\n    flex-wrap: wrap;\n    @media screen and (max-width: 768px) {\n    }\n`;\nconst Feature = styled.div`\n    width: calc(33.33% - 66px);\n    text-align: left;\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    display: flex;\n    flex-direction: row;\n    padding: 32px;\n    padding: 20px 30px 30px 30px;\n    &:nth-child(3n) {\n        border-right: none;\n    }\n    &:nth-child(n + 4) {\n        border-bottom: none;\n        padding: 30px 30px 20px 30px;\n        @media screen and (max-width: 767px) {\n            padding: 0;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        border: none;\n        padding: 0;\n    }\n`;\nconst FeatureImg = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n    width: 64px;\n    @media screen and (max-width: 767px) {\n        min-width: 52px;\n    }\n`;\nconst FeatureContent = styled.div`\n    width: 100%;\n    margin-left: 20px;\n    @media screen and (max-width: 767px) {\n        /* margin: 0 0 30px 0; */\n        padding-bottom: 23px;\n        margin-bottom: 23px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        ${Feature}:last-child > & {\n            border-bottom: none;\n        }\n    }\n`;\nconst FeatureHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    color: white;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst FeatureDesc = styled.div`\n    margin-top: 8px;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    color: rgba(255, 255, 255, 0.7);\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst Desc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.7);\n    margin-top: 34px;\n    max-width: 640px;\n    text-align: center;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 767px) {\n        margin-top: 26px;\n        text-align: left;\n    }\n`;\n\nconst Highlight = ({ title, description, image }) => {\n    return (\n        <Feature>\n            <FeatureImg>\n                <img width=\"52px\" src={image} alt={title}></img>\n            </FeatureImg>\n            <FeatureContent>\n                <FeatureHeading>{title}</FeatureHeading>\n                <FeatureDesc>{description}</FeatureDesc>\n            </FeatureContent>\n        </Feature>\n    );\n};\nexport default function ProductsHighlight({ title, description, features }) {\n    return (\n        <Container>\n            <Heading>{title}</Heading>\n            {!!description && <Desc>{description}</Desc>}\n\n            <FeatureContainer>\n                {features.map(feature => {\n                    return <Highlight key={feature.title} {...feature} />;\n                })}\n            </FeatureContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport DownIcon from './../../assets/images/icon-gray-arrow-down.svg';\nconst Container = styled.div`\n    margin: 32px 64px;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        flex-direction: column;\n        margin: 24px;\n    }\n`;\n\nconst Content = styled.div`\n    width: 40%;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    line-height: 40px;\n    letter-spacing: -1px;\n    color: white;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n    }\n`;\nconst Desc = styled.div`\n    margin-top: 34px;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: rgba(255, 255, 255, 0.7);\n    text-align: left;\n    @media screen and (max-width: 767px) {\n        margin-top: 22px;\n    }\n`;\nconst Right = styled.div`\n    width: 55%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        flex-direction: column;\n    }\n`;\nconst Top = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    text-align: left;\n    color: white;\n    line-height: 24px;\n    letter-spacing: normal;\n    user-select: none;\n    background: linear-gradient(0.25turn, #996b3d, #ccaa66, #ccaa66);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n`;\nconst TimelineHeading = styled.div`\n    margin-top: 6px;\n    color: white;\n    font-size: 23px;\n    line-height: 32px;\n    text-align: left;\n    font-family: 'Neuzeit Grotesk';\n`;\nconst TimelineContent = styled.div`\n    margin-top: 18px;\n`;\nconst TimelineItem = styled.div`\n    display: flex;\n    padding: 8px 0;\n`;\nconst TimelineIndex = styled.div`\n    width: 32px;\n    height: 32px;\n    background: #464347;\n    color: white;\n    text-align: center;\n    font-family: 'Renogare-Regular';\n    font-size: 12px;\n    line-height: 32px;\n    border-radius: 16px;\n    margin-right: 16px;\n    margin-top: auto;\n    margin-bottom: auto;\n`;\nconst TimelineLabel = styled.div`\n    font-size: 15px;\n    line-height: 20px;\n    font-family: 'Neuzeit Grotesk';\n    color: rgba(255, 255, 255, 0.7);\n    text-align: left;\n    width: calc(100% - 48px);\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n`;\nconst TimelineArrow = styled.div`\n    padding-left: 4px;\n    &:last-child {\n        display: none;\n    }\n`;\nconst TimelineContainer = styled.div`\n    width: 49%;\n    margin-top: 0;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        margin-top: 30px;\n    }\n`;\nconst Timeline = ({ top, heading, data }) => {\n    return (\n        <TimelineContainer>\n            <Top>{top}</Top>\n            <TimelineHeading>{heading}</TimelineHeading>\n            <TimelineContent>\n                {data.map((item, index) => {\n                    return (\n                        <React.Fragment key={`key${index}`}>\n                            <TimelineItem>\n                                <TimelineIndex>{index + 1}</TimelineIndex>\n                                <TimelineLabel>\n                                    <div>{item.title}</div>\n                                </TimelineLabel>\n                            </TimelineItem>\n                            <TimelineArrow>\n                                <img src={DownIcon} alt=\"down icon\" />\n                            </TimelineArrow>\n                        </React.Fragment>\n                    );\n                })}\n            </TimelineContent>\n        </TimelineContainer>\n    );\n};\n\nexport default function TimelyAsset({ title, description, data }) {\n    return (\n        <Container>\n            <Content>\n                <Heading>{title}</Heading>\n                <Desc>{description}</Desc>\n            </Content>\n            <Right>\n                {data.map(item => {\n                    return <Timeline key={item.heading} {...item} />;\n                })}\n            </Right>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport Wave2Img from './../../assets/images/wave2.png';\nimport Wave2Mobile from './../../assets/images/wave2-mobile.png';\nimport Wave21 from './../../assets/images/wave21.png';\nimport Wave21Mobile from './../../assets/images/wave21-mobile.png';\nimport Wave22 from './../../assets/images/wave22.png';\nimport Wave22Mobile from './../../assets/images/wave22-mobile.png';\nconst Wave = styled.div`\n    margin: 4px 0;\n    & > img.desktop {\n        display: block;\n    }\n    & > img.mobile {\n        display: none;\n    }\n    @media screen and (max-width: 767px) {\n        & > img.mobile {\n            display: block;\n        }\n        & > img.desktop {\n            display: none;\n        }\n    }\n`;\n\nexport const Wave3 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave2Img}\n                className=\"desktop\"\n                alt=\"wave3-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave2Mobile}\n                className=\"mobile\"\n                alt=\"wave3-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave1 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave21}\n                className=\"desktop\"\n                alt=\"wave1-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave21Mobile}\n                className=\"mobile\"\n                alt=\"wave1-mobile\"\n            />\n        </Wave>\n    );\n};\nexport const Wave2 = () => {\n    return (\n        <Wave>\n            <img\n                width=\"100%\"\n                src={Wave22}\n                className=\"desktop\"\n                alt=\"wave2-desktop\"\n            />\n            <img\n                width=\"100%\"\n                src={Wave22Mobile}\n                className=\"mobile\"\n                alt=\"wave2-mobile\"\n            />\n        </Wave>\n    );\n};\n","const getParameterByName = (name, url) => {\n    const cleanName = name.replace(/[[\\]]/g, '\\\\$&');\n    const regex = new RegExp(`[?&]${cleanName}(=([^&#]*)|&|#|$)`);\n    const results = regex.exec(url);\n    if (!results) {\n        return null;\n    }\n    if (!results[2]) {\n        return '';\n    }\n    return decodeURIComponent(results[2].replace(/\\+/g, ' '));\n};\n\nexport default getParameterByName;\n","import React, { useEffect, useRef } from 'react';\nimport styled from 'styled-components';\nimport { MdClose } from 'react-icons/md';\nimport { Player, ControlBar, BigPlayButton } from 'video-react';\n\nconst Overlay = styled.div`\n    position: fixed;\n    top: 0;\n    background: rgba(29, 27, 30, 0.9);\n    padding: 16px;\n    width: calc(100% - 32px);\n    height: calc(100% - 32px);\n    flex-direction: column;\n    justify-content: center;\n    z-index: 9999;\n    & > div {\n        div {\n            display: none;\n        }\n\n        video {\n            width: 100%;\n            height: 100%;\n            object-fit: cover;\n            outline: none;\n            user-select: none;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        padding: 8px;\n        width: calc(100% - 16px);\n        height: calc(100% - 16px);\n    }\n`;\nconst CloseIcon = styled.div`\n    position: fixed;\n    top: 20px;\n    right: 16px;\n    z-index: 99999;\n    cursor: pointer;\n    @media screen and (max-width: 767px) {\n        right: 8px;\n        top: 12px;\n    }\n`;\nconst Comment = styled.div`\n    display: none;\n    @media screen and (max-width: 500px) {\n        display: block;\n        width: 100%;\n        position: fixed;\n        bottom: 25px;\n        text-align: center;\n        color: rgba(255, 255, 255, 0.7);\n        font-family: 'Neuzeit Grotesk';\n        font-size: 15px;\n        line-height: 20px;\n        letter-spacing: normal;\n    }\n`;\nexport default function VideoModal({\n    open,\n    onClose,\n    video_url,\n    posterImage,\n    isOnPageLoad,\n}) {\n    const videoRef = useRef(null);\n\n    useEffect(() => {\n        if (open && !isOnPageLoad) {\n            videoRef.current.play();\n        }\n        return () => {};\n    }, [open, isOnPageLoad]);\n\n    const handleClose = () => {\n        videoRef.current.pause();\n        onClose();\n    };\n\n    return (\n        <Overlay style={{ display: open ? 'flex' : 'none' }}>\n            <CloseIcon onClick={() => handleClose()}>\n                <MdClose size={16} color=\"white\" />\n            </CloseIcon>\n            <Player\n                ref={videoRef}\n                fluid={true}\n                autoPlay={false}\n                loop={true}\n                src={video_url}\n                poster={posterImage}\n            >\n                <BigPlayButton position=\"center\" />\n                <ControlBar autoHide={false} />\n            </Player>\n            <Comment>For better experience, turn device horizontally.</Comment>\n        </Overlay>\n    );\n}\n","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { graphql } from 'gatsby';\nimport { Controller, Scene } from 'react-scrollmagic';\n\nimport getParameterByName from '../utils/getParameterByName';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Hero4 from '../components/hero4';\n\nimport PageTabs from '../components/pageTabs';\nimport Article from '../components/article';\nimport FeaturesPanel from '../components/featuresPanel';\nimport TimelyAsset from '../components/timelyAsset';\nimport VideoModal from '../components/videoModal';\nimport ProductsHighlight from '../components/productsHighlight';\nimport CTAComponent from '../components/cta';\nimport { Wave3, Wave2 } from '../components/wave';\nimport GoldenButton from '../components/buttons/GoldenButton';\nimport { MdPlayArrow } from 'react-icons/md';\n\nimport Wave21Img from './../assets/images/wave21.png';\nimport Wave21MobileImg from './../assets/images/wave21-mobile.png';\nimport Wave22Img from './../assets/images/wave22.png';\nimport Wave22MobileImg from './../assets/images/wave22-mobile.png';\nimport Wave2Img from './../assets/images/wave2.png';\nimport Wave2MobileImg from './../assets/images/wave2-mobile.png';\n\nimport VideoPosterImage from './../assets/images/video-poster.png';\n\nconst Intro = styled.div`\n    background: #fafafa;\n    padding-top: 8px;\n    padding-bottom: 90px;\n    padding-left: 64px;\n    padding-right: 64px;\n    width: calc(100% - 128px);\n    @media screen and (max-width: 767px) {\n        padding-top: 8px;\n        padding-bottom: 114px;\n        padding-left: 24px;\n        padding-right: 24px;\n        width: calc(100% - 48px);\n    }\n`;\nconst DataStudio = styled.div`\n    margin-top: 180px;\n    display: block;\n    @media screen and (max-width: 767px) {\n        margin-top: 120px;\n    }\n`;\nconst DataStudioHeading = styled.div`\n    text-align: center;\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    line-height: 40px;\n    color: #19171a;\n    letter-spacing: -1.5px;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n    }\n`;\nconst DataStudioContent = styled.div`\n    display: flex;\n    flex-direction: row;\n    margin-top: 52px;\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n        margin-top: 24px;\n    }\n`;\nconst DataStudioItem = styled.div`\n    width: calc(25% - 65px);\n    padding: 16px 32px;\n    border-right: 1px solid rgba(0, 0, 0, 0.1);\n    &:last-child {\n        border: none;\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        border: none;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        padding: 24px 0;\n    }\n`;\nconst DataStudioItemImg = styled.div`\n    display: flex;\n    justify-content: center;\n`;\nconst DataStudioItemHeading = styled.div`\n    text-align: center;\n    margin-top: 20px;\n    font-size: 16px;\n    line-height: 24px;\n    color: #19171a;\n    font-family: 'Renogare-Regular';\n    letter-spacing: -0.2px;\n`;\nconst DataStudioItemDesc = styled.div`\n    letter-spacing: normal;\n    color: rgba(25, 23, 26, 0.7);\n    font-size: 15px;\n    line-height: 20px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: center;\n    margin-top: 8px;\n`;\nconst Main = styled.div`\n    margin-top: 80px;\n    @media screen and (max-width: 767px) {\n        margin-top: 96px;\n    }\n`;\nconst DataStudioFooter = styled.div`\n    margin-top: 20px;\n    display: flex;\n    justify-content: center;\n`;\nconst Audience = styled.div`\n    padding-left: 64px;\n    padding-right: 64px;\n    padding-top: 171px;\n    width: calc(100% - 128px);\n    background: #fafafa;\n    @media screen and (max-width: 767px) {\n        width: calc(100% - 48px);\n        padding-left: 24px;\n        padding-right: 24px;\n        padding-top: 104px;\n    }\n`;\nconst AudienceHeader = styled.div`\n    display: flex;\n    flex-direction: row;\n    padding: 0 112px;\n    justify-content: space-between;\n    @media screen and (max-width: 1024px) {\n        padding: 0;\n    }\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n        padding: 0;\n    }\n`;\nconst AudienceDesc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: rgba(25, 23, 26, 0.9);\n    text-align: left;\n    margin-top: 0;\n    width: 60%;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        margin-top: 22px;\n        text-align: center;\n    }\n`;\nconst AudienceHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    text-align: left;\n    color: #19171a;\n    width: 40%;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: center;\n    }\n`;\nconst AudienceContent = styled.div`\n    display: flex;\n    flex-direction: row;\n    margin-top: 21px;\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n    }\n`;\nconst AudienceItem = styled.div`\n    width: calc(33.33% - 80px);\n    padding: 30px 40px;\n    display: block;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        padding: 24px 0;\n    }\n`;\nconst AudienceImg = styled.div`\n    height: 240px;\n    display: flex;\n    justify-content: center;\n\n    @media screen and (max-width: 767px) {\n        height: 128px;\n    }\n`;\nconst AudienceTitle = styled.div`\n    color: #19171a;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 23px;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n    text-align: center;\n    margin-top: 25px;\n    @media screen and (max-width: 767px) {\n        margin-top: 15px;\n    }\n`;\nconst Tab1 = styled.div``;\n\nconst TabSection = styled.div`\n    .tab-spacer {\n        padding: 0 !important;\n    }\n`;\n\nconst TabPanel = styled.div`\n    padding: 16px 64px;\n    width: 100%;\n    position: ${props => (props.stickyPosition ? 'fixed' : 'absolute')};\n\n    background: transparent;\n    z-index: 999;\n    @media screen and (max-width: 767px) {\n        padding: 8px 24px 8px 24px;\n    }\n`;\nconst Wave32 = styled.div`\n    height: 200px;\n    & > * {\n        margin-top: 20px;\n        width: 100%;\n        position: absolute;\n        @media screen and (max-width: 767px) {\n            margin-top: 0;\n            position: relative;\n        }\n    }\n    @media screen and (max-width: 767px) {\n        height: auto;\n    }\n`;\n\nconst hasWindow = typeof window !== 'undefined';\n\nexport default function DataAgencyPage({ data }) {\n    const tabs = ['DATA AGENCY', 'DATA STUDIO'];\n    const [currentTab, setCurrentTab] = useState(tabs[0]);\n    const [videoModalOpen, setVideoModalOpen] = useState(false);\n    const [showVideoOnLoad, setShowVideoOnLoad] = useState(false);\n    const {\n        seo_content,\n        hero,\n        data_studio_intro,\n        data_studio_article,\n        data_studio_features,\n        timely_asset,\n        timely_asset_traditional_creative_agency,\n        timely_asset_traditional_streamlined_with_audigent,\n        managed_service_intro,\n        managed_service_feature,\n        book_now,\n    } = data.butterPage;\n\n    useEffect(() => {\n        const showVid = hasWindow\n            ? getParameterByName('showVideo', window.location) === 'true'\n            : false;\n        setVideoModalOpen(showVid);\n        setShowVideoOnLoad(showVid);\n        return () => {};\n    }, []);\n\n    const handleVideoModal = status => {\n        setVideoModalOpen(status);\n    };\n    return (\n        <Layout menu=\"FOR ADVERTISERS\">\n            <SEOComponent\n                title=\"Data Agency\"\n                image={seo_content.sharing_image}\n                description={seo_content.seo_description}\n            />\n            <Hero4 {...hero[0]}></Hero4>\n            <TabSection>\n                <Controller>\n                    <Scene\n                        duration={0}\n                        pin={{ pushFollowers: true }}\n                        pinSettings={{ spacerClass: 'tab-spacer' }}\n                        enabled={true}\n                        triggerHook={'onLeave'}\n                    >\n                        <TabPanel>\n                            <PageTabs\n                                values={tabs}\n                                onClick={e => setCurrentTab(e)}\n                                current={currentTab}\n                                type={1}\n                            />\n                        </TabPanel>\n                    </Scene>\n                    <Intro>\n                        {currentTab === tabs[1] ? (\n                            <DataStudio>\n                                <DataStudioHeading>\n                                    {data_studio_intro[0].title}\n                                </DataStudioHeading>\n                                <DataStudioContent>\n                                    {data_studio_intro[0].features.map(val => {\n                                        return (\n                                            <DataStudioItem key={val.title}>\n                                                <DataStudioItemImg>\n                                                    <img\n                                                        src={val.image}\n                                                        width=\"56px\"\n                                                        height=\"56px\"\n                                                        alt={val.title}\n                                                        style={{\n                                                            objectFit:\n                                                                'contain',\n                                                        }}\n                                                    />\n                                                </DataStudioItemImg>\n                                                <DataStudioItemHeading>\n                                                    {val.title}\n                                                </DataStudioItemHeading>\n                                                <DataStudioItemDesc>\n                                                    {val.description}\n                                                </DataStudioItemDesc>\n                                            </DataStudioItem>\n                                        );\n                                    })}\n                                </DataStudioContent>\n                                <DataStudioFooter>\n                                    <GoldenButton\n                                        type=\"none\"\n                                        onClick={() => handleVideoModal(true)}\n                                    >\n                                        <MdPlayArrow\n                                            size={24}\n                                            color={'white'}\n                                        />{' '}\n                                        <div>SEE IT IN ACTION</div>\n                                    </GoldenButton>\n                                </DataStudioFooter>\n                            </DataStudio>\n                        ) : (\n                            <Audience>\n                                <AudienceHeader>\n                                    <AudienceHeading>\n                                        {managed_service_intro[0].title}\n                                    </AudienceHeading>\n                                    <AudienceDesc>\n                                        {managed_service_intro[0].description}\n                                    </AudienceDesc>\n                                </AudienceHeader>\n                                <AudienceContent>\n                                    {managed_service_intro[0].features.map(\n                                        val => {\n                                            return (\n                                                <AudienceItem key={val.title}>\n                                                    <AudienceImg>\n                                                        <img\n                                                            src={val.image}\n                                                            height=\"100%\"\n                                                            width=\"100%\"\n                                                            alt={val.title}\n                                                            style={{\n                                                                objectFit:\n                                                                    'contain',\n                                                            }}\n                                                        />\n                                                    </AudienceImg>\n                                                    <AudienceTitle>\n                                                        {val.title}\n                                                    </AudienceTitle>\n                                                </AudienceItem>\n                                            );\n                                        }\n                                    )}\n                                </AudienceContent>\n                            </Audience>\n                        )}\n                    </Intro>\n                    <Main>\n                        {currentTab === tabs[1] ? (\n                            <Tab1>\n                                <Article\n                                    {...data_studio_article}\n                                    direction={'left'}\n                                    spacing={1}\n                                ></Article>\n                                <Wave3 />\n                                <FeaturesPanel\n                                    {...data_studio_features[0]}\n                                    desktopImg={Wave22Img}\n                                    mobileImg={Wave22MobileImg}\n                                    type={1}\n                                    spacing={1}\n                                />\n                                <FeaturesPanel\n                                    {...data_studio_features[1]}\n                                    desktopImg={Wave21Img}\n                                    mobileImg={Wave21MobileImg}\n                                    direction={'reverse'}\n                                    type={1}\n                                />\n                                <TimelyAsset\n                                    {...timely_asset[0]}\n                                    data={[\n                                        {\n                                            top: '2-3 WEEK TURNAROUND',\n                                            heading:\n                                                'Traditional Creative Agency',\n                                            data: timely_asset_traditional_creative_agency,\n                                        },\n                                        {\n                                            top: '2-3 DAY TURNAROUND',\n                                            heading:\n                                                'Streamlined with Audigent',\n                                            data: timely_asset_traditional_streamlined_with_audigent,\n                                        },\n                                    ]}\n                                />\n                            </Tab1>\n                        ) : (\n                            <React.Fragment>\n                                <FeaturesPanel\n                                    {...managed_service_feature[0]}\n                                    type={1}\n                                />\n                                {/**\n                  <Monetize {...data_partners[0]}></Monetize>\n                 */}\n                                <Wave32>\n                                    <Wave2></Wave2>\n                                </Wave32>\n                                <FeaturesPanel\n                                    {...managed_service_feature[1]}\n                                    desktopImg={Wave2Img}\n                                    mobileImg={Wave2MobileImg}\n                                    type={1}\n                                    direction=\"reverse\"\n                                />\n                                <ProductsHighlight\n                                    {...managed_service_feature[2]}\n                                />\n                            </React.Fragment>\n                        )}\n                    </Main>\n                </Controller>\n            </TabSection>\n\n            <CTAComponent {...book_now[0]} />\n            <VideoModal\n                {...data_studio_intro[0]}\n                open={videoModalOpen}\n                onClose={() => {\n                    handleVideoModal(false);\n                }}\n                posterImage={VideoPosterImage}\n                isOnPageLoad={showVideoOnLoad}\n            />\n        </Layout>\n    );\n}\n\nexport const dataAgencyPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"data-agency\" }) {\n            seo_content {\n                seo_description\n                sharing_image\n            }\n            hero {\n                title\n                description\n                desktop_image\n                mobile_image\n                mask_image\n            }\n            data_studio_intro {\n                title\n                features {\n                    title\n                    image\n                    description\n                }\n                video_url\n            }\n            data_studio_article {\n                title\n                description\n                image\n            }\n            data_studio_features {\n                title\n                description\n                features {\n                    title\n                    image\n                    description\n                }\n            }\n\n            timely_asset {\n                title\n                description\n            }\n            timely_asset_traditional_creative_agency {\n                title\n            }\n            timely_asset_traditional_streamlined_with_audigent {\n                title\n            }\n            managed_service_intro {\n                title\n                description\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n            managed_service_feature {\n                title\n                description\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n            data_partners {\n                title\n                first_row {\n                    title\n                    image\n                }\n                second_row {\n                    title\n                    image\n                }\n            }\n            book_now {\n                button_title\n                title\n            }\n        }\n    }\n`;\n","export default __webpack_public_path__ + \"static/wave2-mobile-f6d483843c8232fbe6086db103df6010.png\";","export default __webpack_public_path__ + \"static/wave2-87e6b527845f867e5852cb3aa7e643fe.png\";","export default __webpack_public_path__ + \"static/wave21-mobile-0d6397ea83b390716865d1b7cdaaee6c.png\";","export default __webpack_public_path__ + \"static/wave21-3151e64a7f13096488fdf673d2ee13b6.png\";","export default __webpack_public_path__ + \"static/wave22-mobile-3e0d599240fd10ee1e0443cef8ddee11.png\";","export default __webpack_public_path__ + \"static/wave22-f246565cd489180e3eebe957a6c4b4d5.png\";"],"names":["Container","styled","displayName","componentId","Content","Title","props","img","type","Desc","ButtonsContainer","DesktopLayout","MobileLayout","MaskContainer","Overlay","Hero4","title","description","image","buttons","desktop_image","mobile_image","mask_image","back","isWide","useMedia","minWidth","_jsxs","children","_jsx","map","button","React","theme","GoldenButton","HollowButton","src","alt","style","objectFit","LazyLoadImage","effect","width","height","Heading","FeatureContainer","Feature","FeatureImg","FeatureContent","FeatureHeading","FeatureDesc","Highlight","ProductsHighlight","features","feature","Right","Top","TimelineHeading","TimelineContent","TimelineItem","TimelineIndex","TimelineLabel","TimelineArrow","TimelineContainer","Timeline","top","heading","data","item","index","DownIcon","TimelyAsset","Wave","Wave3","Wave2Img","className","Wave2Mobile","Wave1","Wave21","Wave21Mobile","Wave2","Wave22","Wave22Mobile","getParameterByName","name","url","cleanName","replace","results","RegExp","exec","decodeURIComponent","CloseIcon","Comment","VideoModal","open","onClose","video_url","posterImage","isOnPageLoad","videoRef","useRef","useEffect","current","play","display","onClick","pause","MdClose","size","color","Player","ref","fluid","autoPlay","loop","poster","BigPlayButton","position","ControlBar","autoHide","Intro","DataStudio","DataStudioHeading","DataStudioContent","DataStudioItem","DataStudioItemImg","DataStudioItemHeading","DataStudioItemDesc","Main","DataStudioFooter","Audience","AudienceHeader","AudienceDesc","AudienceHeading","AudienceContent","AudienceItem","AudienceImg","AudienceTitle","Tab1","TabSection","TabPanel","stickyPosition","Wave32","hasWindow","window","DataAgencyPage","tabs","currentTab","setCurrentTab","useState","videoModalOpen","setVideoModalOpen","showVideoOnLoad","setShowVideoOnLoad","seo_content","hero","data_studio_intro","data_studio_article","data_studio_features","timely_asset","timely_asset_traditional_creative_agency","timely_asset_traditional_streamlined_with_audigent","managed_service_intro","managed_service_feature","book_now","butterPage","showVid","location","handleVideoModal","status","Layout","menu","SEOComponent","sharing_image","seo_description","Controller","Scene","duration","pin","pushFollowers","pinSettings","spacerClass","enabled","triggerHook","PageTabs","values","e","val","MdPlayArrow","Article","direction","spacing","FeaturesPanel","desktopImg","Wave22Img","mobileImg","Wave22MobileImg","Wave21Img","Wave21MobileImg","Wave2MobileImg","CTAComponent","VideoPosterImage"],"sourceRoot":""}