{"version":3,"file":"component---src-pages-data-platform-js-1021ba399c690774eacf.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/buttons/GrayButton.js","webpack://gatsby-starter-default/./src/assets/images/icon-gray-arrow-up.svg","webpack://gatsby-starter-default/./src/components/accordianPanel/index.js","webpack://gatsby-starter-default/./src/components/dataPlatformIntro/index.js","webpack://gatsby-starter-default/./src/components/lifestyle/index.js","webpack://gatsby-starter-default/./src/components/dataScalePanel/index.js","webpack://gatsby-starter-default/./src/components/audigentCompliments/index.js","webpack://gatsby-starter-default/./src/components/creatingUnique/index.js","webpack://gatsby-starter-default/./src/components/halo/index.js","webpack://gatsby-starter-default/./src/pages/data-platform.js","webpack://gatsby-starter-default/./src/assets/images/wave-mobile.png","webpack://gatsby-starter-default/./src/assets/images/wave.png"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.a`\n    display: block;\n    font-family: 'Renogare-Regular';\n    cursor: pointer;\n    background: transparent;\n    height: 24px;\n    border-radius: 24px;\n    font-size: 11px;\n    letter-spacing: 0.7px;\n    line-height: 24px;\n    transition: all 200ms ease-in-out;\n    user-select: none;\n    padding: 9px 20px;\n    color: ${props => (props.disable ? 'gray' : '#ccaa66')};\n    width: fit-content;\n    text-transform: uppercase;\n    border: 1px solid ${props => (props.disable ? 'gray' : 'rgb(29, 27, 30)')};\n    font-weight: 100;\n    &:hover {\n        border: 1px solid #b38647;\n        /* color: white; */\n    }\n    &:active {\n        border: 1px solid #996b3d;\n        color: rgba(255, 255, 255, 0.7);\n    }\n    text-decoration: none;\n    a {\n    }\n    @media screen and (max-width: 767px) {\n        font-size: 12px;\n        color: white;\n        letter-spacing: 0.5px;\n        padding: 12px 18px;\n        border: 1px solid white;\n    }\n`;\n\nexport default function GrayButton({ children, disable, url }) {\n    return (\n        <Container disable={disable} href={url}>\n            {children}\n        </Container>\n    );\n}\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDYzLjEgKDkyNDUyKSAtIGh0dHBzOi8vc2tldGNoLmNvbSAtLT4KICAgIDx0aXRsZT5pY29uLWFycm93LXVwQDJ4PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9Imljb24tYXJyb3ctdXAiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik03LjIwOTcwNDYxLDUuMzg3MTAwNTYgTDcuMjkyODkzMjIsNS4yOTI4OTMyMiBMMTEuMjkyODkzMiwxLjI5Mjg5MzIyIEMxMS42NTMzNzcyLDAuOTMyNDA5MjU3IDEyLjIyMDYwODIsMC45MDQ2Nzk3MjIgMTIuNjEyODk5NCwxLjIwOTcwNDYxIEwxMi43MDcxMDY4LDEuMjkyODkzMjIgTDE2LjcwNzEwNjgsNS4yOTI4OTMyMiBDMTcuMDk3NjMxMSw1LjY4MzQxNzUxIDE3LjA5NzYzMTEsNi4zMTY1ODI0OSAxNi43MDcxMDY4LDYuNzA3MTA2NzggQzE2LjM0NjYyMjgsNy4wNjc1OTA3NCAxNS43NzkzOTE4LDcuMDk1MzIwMjggMTUuMzg3MTAwNiw2Ljc5MDI5NTM5IEwxNS4yOTI4OTMyLDYuNzA3MTA2NzggTDEzLDQuNDE1IEwxMywyMiBDMTMsMjIuNTUyMjg0NyAxMi41NTIyODQ3LDIzIDEyLDIzIEMxMS40ODcxNjQyLDIzIDExLjA2NDQ5MjgsMjIuNjEzOTU5OCAxMS4wMDY3Mjc3LDIyLjExNjYyMTEgTDExLDIyIEwxMSw0LjQxNSBMOC43MDcxMDY3OCw2LjcwNzEwNjc4IEM4LjM0NjYyMjgyLDcuMDY3NTkwNzQgNy43NzkzOTE3Niw3LjA5NTMyMDI4IDcuMzg3MTAwNTYsNi43OTAyOTUzOSBMNy4yOTI4OTMyMiw2LjcwNzEwNjc4IEM2LjkzMjQwOTI2LDYuMzQ2NjIyODIgNi45MDQ2Nzk3Miw1Ljc3OTM5MTc2IDcuMjA5NzA0NjEsNS4zODcxMDA1NiBaIiBpZD0iSWNvbiIgZmlsbD0icmdiYSgwLDAsMCwwLjUpIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==\"","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport GrayButton from './../buttons/GrayButton';\nimport { Wave1, Wave2 } from '../wave';\nimport UpIcon from 'assets/images/icon-gray-arrow-up.svg';\nimport DownIcon from 'assets/images/icon-gray-arrow-down.svg';\n\nconst Container = styled.div`\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n    @media screen and (max-width: 767px) {\n        margin-left: 0;\n        margin-right: 0;\n        width: 100%;\n        flex-direction: column;\n    }\n`;\nconst DesktopLayout = styled.div`\n    display: flex;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\n\nconst MobileLayout = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: block;\n    }\n`;\nconst ImageContainer = styled.div`\n    width: calc(50% - 25px);\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\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: -1.5px;\n    color: white;\n    text-align: left;\n    margin-bottom: 84px;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.9px;\n        margin-bottom: 48px;\n        margin-left: 24px;\n        margin-right: 24px;\n    }\n`;\nconst Content = styled.div`\n    width: calc(50% - 25px);\n    @media screen and (max-width: 767px) {\n        width: 100%;\n    }\n`;\nconst CollapsedTab = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    border: 1px solid #322f33;\n    border-radius: 4px;\n    padding: 24px;\n    line-height: 24px;\n    color: white;\n    opacity: 0.7;\n    margin-bottom: 8px;\n    display: flex;\n    cursor: pointer;\n`;\nconst TabContainer = styled.div`\n    margin-top: 85px;\n`;\nconst ExpandedTab = styled.div`\n    border-radius: 4px;\n    background: #fafafa;\n    padding: 24px;\n    margin-bottom: 8px;\n    display: flex;\n    &:before {\n    }\n`;\nconst TabHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    color: #19171a;\n    font-size: 16px;\n    line-height: 24px;\n    text-align: left;\n    display: flex;\n`;\nconst TabDesc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    margin-top: 12px;\n    font-size: 15px;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: rgba(25, 23, 26, 0.9);\n`;\nconst MobileContainer = styled.div`\n    margin-bottom: 35px;\n    margin-left: 24px;\n    margin-right: 24px;\n`;\nconst MobileHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    text-align: left;\n    color: white;\n`;\nconst MobileImgContainer = styled.div``;\nconst MobileDesc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    margin-top: 12px;\n    color: rgba(255, 255, 255, 0.7);\n    font-size: 17px;\n    line-height: 24px;\n    text-align: left;\n`;\nconst ExpandTabButton = styled.div`\n    margin-top: 20px;\n`;\nconst MobileItem = ({ heading, img, desc, type, button, url }) => {\n    return (\n        <MobileContainer>\n            {type === 0 ? (\n                <React.Fragment>\n                    <MobileHeading>{heading}</MobileHeading>\n                    <MobileImgContainer>\n                        <img src={img} width=\"100%\" alt={heading}></img>\n                    </MobileImgContainer>\n                </React.Fragment>\n            ) : type === 1 ? (\n                <React.Fragment>\n                    <MobileImgContainer>\n                        <img src={img} width=\"100%\" alt={heading}></img>\n                    </MobileImgContainer>\n                    <MobileHeading>{heading}</MobileHeading>\n                </React.Fragment>\n            ) : null}\n            <MobileDesc>{desc}</MobileDesc>\n            {button ? (\n                <ExpandTabButton>\n                    <GrayButton url={url}>{button}</GrayButton>\n                </ExpandTabButton>\n            ) : null}\n        </MobileContainer>\n    );\n};\nexport default function AccordianPanel({ title, features, type = 0 }) {\n    const [current, setCurrent] = useState(features[0]);\n    const onTabClick = heading => {\n        setCurrent(heading);\n    };\n    return (\n        <Container>\n            <DesktopLayout>\n                <ImageContainer>\n                    <img width=\"100%\" src={current.image} alt={current.title} />\n                </ImageContainer>\n                <Content>\n                    <Heading>{title}</Heading>\n                    <TabContainer>\n                        {features.map(item => {\n                            return item.title === current.title ? (\n                                <ExpandedTab\n                                    key={item.title}\n                                    onClick={() => onTabClick(item)}\n                                >\n                                    <div\n                                        style={{\n                                            display: 'flex',\n                                            flexDirection: 'column',\n                                            justifyContent: 'center',\n                                        }}\n                                    >\n                                        <div>\n                                            <div\n                                                style={{\n                                                    width: 20,\n                                                    height: 20,\n                                                    position: 'absolute',\n                                                    marginLeft: -32,\n                                                    background: '#fafafa',\n                                                    transform: 'rotate(45deg)',\n                                                    marginTop: -10,\n                                                }}\n                                            ></div>\n                                        </div>\n                                    </div>\n                                    <div>\n                                        <TabHeading>\n                                            {item.title}&nbsp;&nbsp;\n                                            <img src={UpIcon} alt=\"up icon\" />\n                                        </TabHeading>\n                                        <TabDesc>{item.description}</TabDesc>\n                                        {item.button ? (\n                                            <ExpandTabButton>\n                                                <GrayButton {...item}>\n                                                    {item.button}\n                                                </GrayButton>\n                                            </ExpandTabButton>\n                                        ) : null}\n                                    </div>\n                                </ExpandedTab>\n                            ) : (\n                                <CollapsedTab\n                                    key={item.title}\n                                    onClick={() => onTabClick(item)}\n                                >\n                                    {item.title}&nbsp;&nbsp;\n                                    <img src={DownIcon} alt={item.title} />\n                                </CollapsedTab>\n                            );\n                        })}\n                    </TabContainer>\n                </Content>\n            </DesktopLayout>\n            <MobileLayout>\n                <Heading>{title}</Heading>\n                {features.map((item, index) => {\n                    return (\n                        <React.Fragment key={item.title}>\n                            <MobileItem\n                                heading={item.title}\n                                subheading={''}\n                                desc={item.description}\n                                img={item.image}\n                                button={item.button}\n                                url={item.url}\n                                type={type}\n                            ></MobileItem>\n\n                            {type === 0 && index % 2 === 0 ? (\n                                <Wave1 />\n                            ) : type === 0 && index % 2 === 1 ? (\n                                <Wave2 />\n                            ) : null}\n                        </React.Fragment>\n                    );\n                })}\n            </MobileLayout>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: #fafafa;\n    padding-top: 72px;\n    padding-bottom: 90px;\n    @media screen and (max-width: 767px) {\n        padding-bottom: 92px;\n        padding-top: 8px;\n    }\n`;\nconst IntroContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n\n    color: white;\n    text-align: center;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\n\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 50%;\n    z-index: 0;\n    margin-top: 0;\n    @media screen and (max-width: 768px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: left;\n    color: white;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    color: #19171a;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: center;\n    }\n`;\nconst Desc = styled.div`\n    margin-top: 26px;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: rgba(25, 23, 26, 0.7);\n    user-select: none;\n    @media screen and (max-width: 768px) {\n        font-size: 17px;\n        font-family: 'Neuzeit Grotesk';\n        text-align: left;\n        letter-spacing: normal;\n        line-height: 24px;\n    }\n`;\nconst ImgContainer = styled.div`\n    width: 50%;\n    display: flex;\n    justify-content: center;\n    img {\n        width: 300px;\n        height: 100%;\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        padding: 0;\n        img {\n            width: 160px;\n        }\n    }\n`;\n\nexport default function DataPlatformIntro({ title, description, image }) {\n    return (\n        <Container>\n            <IntroContainer>\n                <ImgContainer>\n                    <img src={image} alt=\"\" style={{ objectFit: 'contain' }} />\n                </ImgContainer>\n\n                <Content>\n                    <div>\n                        <Heading>{title}</Heading>\n                        <Desc>{description}</Desc>\n                    </div>\n                </Content>\n            </IntroContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nconst Container = styled.div`\n    margin-top: 0px;\n    margin-bottom: 20px;\n    display: block;\n    width: calc(100% - 128px);\n    margin-left: 64px;\n    margin-right: 64px;\n    @media screen and (max-width: 768px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        margin-top: 60px;\n        width: calc(100% - 48px);\n    }\n`;\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n    }\n`;\nconst Heading = styled.div`\n    margin-top: 12px;\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\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        color: white;\n        margin-top: 0;\n    }\n`;\nconst SubHeading = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    margin-top: 14px;\n    font-size: 23px;\n    line-height: 32px;\n    letter-spacing: normal;\n    text-align: center;\n    color: rgba(255, 255, 255, 0.7);\n\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 32px;\n        color: white;\n        margin-top: 18px;\n    }\n`;\nconst FeatureContainer = styled.div`\n    margin-top: 76px;\n    display: flex;\n    flex-wrap: wrap;\n    @media screen and (max-width: 768px) {\n        margin-top: 44px;\n    }\n`;\nconst Feature = styled.div`\n    width: calc(25% - 41px);\n    text-align: center;\n    border-right: 1px solid rgba(255, 255, 255, 0.1);\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding: 20px 20px 35px 20px;\n    &:nth-child(4n) {\n        border-right: none;\n    }\n    &:nth-child(n + 5) {\n        padding: 35px 20px 20px 20px;\n        border-bottom: none;\n    }\n    @media screen and (max-width: 767px) {\n        width: calc(50% - 21px);\n        padding: 10px;\n        &:nth-child(2n) {\n            border-right: none;\n        }\n        &:nth-child(n + 5) {\n            padding: 10px;\n            border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n        }\n        &:nth-child(n + 7) {\n            border-bottom: none;\n        }\n    }\n`;\nconst FeatureImg = styled.div`\n    display: flex;\n    justify-content: center;\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst FeatureHeading = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    color: rgba(255, 255, 255, 0.9);\n    text-align: center;\n    margin-top: 16px;\n    @media screen and (max-width: 767px) {\n    }\n`;\nconst FeatureDesc = styled.div`\n    text-align: center;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    color: rgba(255, 255, 255, 0.7);\n    @media screen and (max-width: 767px) {\n    }\n`;\nexport default function Lifestyle({ title, subtitle, description, features }) {\n    return (\n        <Container>\n            <Content>\n                <Heading>{title}</Heading>\n                <SubHeading>{subtitle}</SubHeading>\n            </Content>\n            <FeatureContainer>\n                {features.map(feature => {\n                    return (\n                        <Feature key={feature.title}>\n                            <FeatureImg>\n                                <img\n                                    src={feature.image}\n                                    alt={feature.title}\n                                    width=\"60px\"\n                                    height=\"60px\"\n                                ></img>\n                            </FeatureImg>\n                            <FeatureHeading>{feature.title}</FeatureHeading>\n                            <FeatureDesc>{feature.description}</FeatureDesc>\n                        </Feature>\n                    );\n                })}\n            </FeatureContainer>\n        </Container>\n    );\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport Ticker from 'react-ticker';\nimport PageVisibility from 'react-page-visibility';\n\nimport BackImg from 'assets/images/wave.png';\nimport BackMobileImg from 'assets/images/wave-mobile.png';\nconst Container = styled.div`\n    padding: 54px 0 60px 0;\n    display: block;\n    background: url(${BackImg}) no-repeat bottom;\n    background-size: 100% 100%;\n    margin-bottom: 80px;\n    @media screen and (max-width: 767px) {\n        padding: 78px 0 140px 0;\n        margin-bottom: 128px;\n        background: url(${BackMobileImg}) no-repeat bottom;\n        background-size: 100%;\n    }\n`;\nconst Content = styled.div`\n    display: flex;\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\nconst Left = styled.div`\n    width: 40%;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n    }\n`;\nconst Desc = styled.div`\n    width: 50%;\n    color: rgba(255, 255, 255, 0.7);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    margin-top: 32px;\n    text-align: left;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        display: none;\n    }\n`;\nconst Top = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 13.4px;\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 Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    text-align: ${props => (props.type === 0 ? 'left' : 'center')};\n    width: ${props => (props.type === 0 ? 'auto' : '100%')};\n    font-size: 36px;\n    line-height: 40px;\n    color: white;\n    margin-top: 18px;\n    letter-spacing: -1.5px;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n    }\n`;\nconst Row1 = styled.div`\n    width: 100%;\n    margin-top: 53px;\n`;\nconst Logo = styled.div`\n    height: 128px;\n    width: 200px;\n    margin: 8px;\n    @media screen and (max-width: 767px) {\n        width: 125px;\n        height: 80px;\n        margin: 4px;\n    }\n`;\nexport default function DataScalePanel({\n    name = 'EXPAND THE WAYS YOU MONETIZE DATA AT SCALE',\n    title,\n    description,\n    type = 0,\n    first_row,\n    second_row,\n}) {\n    const [pageIsVisible, setPageIsVisible] = useState(true);\n\n    const handleVisibilityChange = isVisible => {\n        setPageIsVisible(isVisible);\n    };\n    return (\n        <Container>\n            <Content>\n                {type === 0 ? (\n                    <React.Fragment>\n                        <Left>\n                            <Top>{name}</Top>\n                            <Heading type={type}>{title}</Heading>\n                        </Left>\n                        <Desc>{description}</Desc>\n                    </React.Fragment>\n                ) : type === 1 ? (\n                    <Heading type={type}>{title}</Heading>\n                ) : null}\n            </Content>\n            <Row1>\n                <PageVisibility onChange={handleVisibilityChange}>\n                    {pageIsVisible && (\n                        <React.Fragment>\n                            <Ticker speed={7} direction=\"toRight\">\n                                {({ index }) => (\n                                    <Logo>\n                                        <img\n                                            src={\n                                                first_row[\n                                                    index % first_row.length\n                                                ].image\n                                            }\n                                            alt=\"logo\"\n                                            style={{ objectFit: 'contain' }}\n                                            width=\"100%\"\n                                            height=\"100%\"\n                                        />\n                                    </Logo>\n                                )}\n                            </Ticker>\n                            <Ticker speed={7}>\n                                {({ index }) => (\n                                    <Logo>\n                                        <img\n                                            src={\n                                                second_row[\n                                                    index % second_row.length\n                                                ].image\n                                            }\n                                            alt=\"logo\"\n                                            style={{ objectFit: 'contain' }}\n                                            width=\"100%\"\n                                            height=\"100%\"\n                                        />\n                                    </Logo>\n                                )}\n                            </Ticker>\n                        </React.Fragment>\n                    )}\n                </PageVisibility>\n            </Row1>\n        </Container>\n    );\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: transparent;\n    padding-bottom: 12px;\n    padding-top: 12px;\n    @media screen and (max-width: 767px) {\n        padding-bottom: 24px;\n        padding-top: 24px;\n    }\n`;\nconst DesktopContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n\n    color: white;\n    text-align: center;\n    flex-direction: ${props =>\n        props.direction === 'right' ? 'row' : 'row-reverse'};\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileContainer = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\n\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 50%;\n    height: 100%;\n    z-index: 0;\n    margin-top: auto;\n    margin-bottom: auto;\n    @media screen and (max-width: 768px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: left;\n    color: white;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n    }\n`;\nconst SubHeading = styled.div`\n    margin-top: 26px;\n    font-size: 17px;\n    line-height: 24px;\n    font-family: 'Neuzeit Grotesk';\n    color: rgba(255, 255, 255, 0.7);\n    letter-spacing: normal;\n    user-select: none;\n    text-align: left;\n    @media screen and (max-width: 768px) {\n        margin-top: 19px;\n    }\n`;\nconst Footer = styled.div`\n    display: flex;\n    margin-top: 44px;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        margin-top: 16px;\n    }\n`;\nconst ProgressBar = styled.div`\n    border-radius: 1px;\n    height: 4px;\n    width: 100%;\n    background: ${props =>\n        props.active ? '#a68353' : 'rgba(255, 255, 255, 0.1)'};\n`;\nconst Desc = styled.div`\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: rgba(255, 255, 255, 0.7);\n    user-select: none;\n    width: calc(50% - 1px);\n    @media screen and (max-width: 768px) {\n        font-size: 17px;\n        font-family: 'Neuzeit Grotesk';\n        text-align: left;\n        letter-spacing: normal;\n        line-height: 24px;\n    }\n`;\nconst DescContent = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    text-align: left;\n    letter-spacing: normal;\n    margin-top: 12px;\n    color: ${props =>\n        props.active ? 'rgba(255, 255, 255, 0.9)' : 'rgba(255, 255, 255, 0.5)'};\n    padding-right: 12px;\n    padding-left: 0px;\n    ${Desc}:last-child > & {\n        padding-left: 12px;\n        padding-right: 0px;\n    }\n`;\nconst ImgContainer = styled.div`\n    width: 40%;\n    height: 100%;\n    display: flex;\n    justify-content: flex-end;\n    padding: 0 12px;\n    & > * {\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        padding: 0;\n        margin-top: 24px;\n        & > * {\n        }\n    }\n`;\n\nexport default function AudigentCompliments({ article, features }) {\n    const [current, setCurrent] = useState(0);\n    const onClickDesc = index => {\n        setCurrent(index);\n    };\n    return (\n        <Container>\n            <DesktopContainer>\n                <ImgContainer>\n                    <img\n                        src={features[current].image}\n                        width=\"100%\"\n                        height=\"100%\"\n                        alt={features[current].title}\n                        style={{ objectFit: 'contain' }}\n                    ></img>\n                </ImgContainer>\n\n                <Content>\n                    <div>\n                        <Heading>{article.title}</Heading>\n                        <SubHeading>{article.description}</SubHeading>\n                        <Footer>\n                            {features.map((item, index) => {\n                                return (\n                                    <Desc key={item.title}>\n                                        <ProgressBar\n                                            active={index === current}\n                                        />\n                                        <DescContent\n                                            active={index === current}\n                                            onClick={() => onClickDesc(index)}\n                                        >\n                                            {item.title}\n                                        </DescContent>\n                                    </Desc>\n                                );\n                            })}\n                        </Footer>\n                    </div>\n                </Content>\n            </DesktopContainer>\n            <MobileContainer>\n                <Heading>{article.title}</Heading>\n                <SubHeading>{article.description}</SubHeading>\n                <ImgContainer>\n                    <img\n                        src={features[current].image}\n                        width=\"100%\"\n                        height=\"100%\"\n                        alt={features[current].title}\n                        style={{ objectFit: 'contain' }}\n                    ></img>\n                </ImgContainer>\n                <Footer>\n                    {features.map((item, index) => {\n                        return (\n                            <Desc key={item.title}>\n                                <ProgressBar active={index === current} />\n                                <DescContent active={index === current}>\n                                    {item.title}\n                                </DescContent>\n                            </Desc>\n                        );\n                    })}\n                </Footer>\n            </MobileContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: transparent;\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n    margin-bottom: 40px;\n    margin-top: 40px;\n    @media screen and (max-width: 767px) {\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        margin-bottom: 100px;\n    }\n`;\n\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: center;\n    color: white;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 768px) {\n        width: 100%;\n        font-size: 23px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: center;\n    }\n`;\nconst SubHeading = styled.div`\n    margin-top: 26px;\n    font-size: 17px;\n    line-height: 24px;\n    font-family: 'Neuzeit Grotesk';\n    color: rgba(255, 255, 255, 0.7);\n    letter-spacing: normal;\n    user-select: none;\n    text-align: center;\n    width: 640px;\n    margin-left: auto;\n    margin-right: auto;\n    @media screen and (max-width: 768px) {\n        margin-top: 19px;\n        width: 100%;\n    }\n`;\nconst Footer = styled.div`\n    display: flex;\n    margin-top: 40px;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        margin-top: 32px;\n    }\n`;\n\nconst Desc = styled.div`\n    user-select: none;\n    width: 40%;\n    @media screen and (max-width: 768px) {\n        width: 48%;\n    }\n`;\nconst DescHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 20px;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n    text-align: left;\n    color: white;\n    @media screen and (max-width: 767px) {\n        font-size: 16px;\n        line-height: 24px;\n        letter-spacing: -0.2px;\n        text-align: left;\n    }\n`;\nconst DescContent = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    text-align: left;\n    letter-spacing: normal;\n    margin-top: 12px;\n    color: rgba(255, 255, 255, 0.7);\n    padding-right: 12px;\n`;\nconst ImgContainer = styled.div`\n    width: 70%;\n    margin-left: auto;\n    margin-right: auto;\n    display: flex;\n    justify-content: center;\n    margin-top: 44px;\n    & > * {\n    }\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        padding: 0;\n        margin-top: 24px;\n        & > * {\n        }\n    }\n`;\n\nexport default function CreatingUnique({ article, features }) {\n    return (\n        <Container>\n            <Heading>{article.title}</Heading>\n            <SubHeading>{article.description}</SubHeading>\n            <ImgContainer>\n                <img\n                    width=\"100%\"\n                    height=\"100%\"\n                    src={article.image}\n                    alt={article.title}\n                    style={{ objectFit: 'contain' }}\n                ></img>\n            </ImgContainer>\n            <Footer>\n                {features.map((item, index) => {\n                    return (\n                        <Desc key={item.title}>\n                            <DescHeading>{item.title}</DescHeading>\n                            <DescContent>{item.description}</DescContent>\n                        </Desc>\n                    );\n                })}\n            </Footer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nimport GoldenButton from './../buttons/GoldenButton';\n\nconst Container = styled.div`\n    display: block;\n    background-size: 100%;\n    background: ${props => props.backColor};\n    @media screen and (max-width: 767px) {\n        padding-bottom: 24px;\n        padding-top: 24px;\n    }\n`;\nconst DesktopContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n\n    color: white;\n    text-align: center;\n    flex-direction: ${props =>\n        props.direction === 'right' ? 'row' : 'row-reverse'};\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst MobileContainer = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n        flex-direction: column;\n    }\n`;\n\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: ${props => (props.spacing === 1 ? 'calc(50% - 25px)' : '40%')};\n    z-index: 0;\n    margin-top: 0;\n    @media screen and (max-width: 768px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    text-align: left;\n    color: white;\n    line-height: 40px;\n    letter-spacing: -1.5px;\n    user-select: none;\n    margin-bottom: 26px;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        text-align: left;\n        margin-bottom: 0px;\n    }\n`;\nconst Desc = styled.div`\n    margin-top: 6px;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: rgba(255, 255, 255, 0.7);\n    user-select: none;\n    margin-bottom: 26px;\n    white-space: pre-wrap;\n    @media screen and (max-width: 768px) {\n        font-size: 17px;\n        font-family: 'Neuzeit Grotesk';\n        text-align: left;\n        letter-spacing: normal;\n        line-height: 24px;\n    }\n`;\nconst ImgContainer = styled.div`\n    width: ${props => (props.spacing === 1 ? 'calc(50% - 25px)' : '40%')};\n    display: flex;\n    justify-content: center;\n    height: fit-content;\n    & > * {\n    }\n    img {\n        object-fit: contain;\n    }\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n        width: 100%;\n        padding: 0;\n        margin-top: 24px;\n        margin-bottom: 24px;\n        & > * {\n        }\n    }\n`;\n\nexport default function Halo({\n    title,\n    subtitle,\n    description,\n    image,\n    direction,\n    spec,\n    backColor = 'transparent',\n    spacing = 0,\n    button,\n    url,\n}) {\n    return (\n        <Container backColor={backColor}>\n            <DesktopContainer direction={direction}>\n                <ImgContainer spacing={spacing}>\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        src={image} // use normal <img> attributes as props\n                        width={'100%'}\n                        height={'auto'}\n                        style={{ objectFit: 'contain' }}\n                    />\n                </ImgContainer>\n\n                <Content spacing={spacing}>\n                    <div>\n                        <Heading>{title}</Heading>\n                        <Desc>{description}</Desc>\n                        <GoldenButton type=\"url\" url={url}>\n                            {button}\n                        </GoldenButton>\n                    </div>\n                </Content>\n            </DesktopContainer>\n            <MobileContainer>\n                <Heading>{title}</Heading>\n                <ImgContainer>\n                    <img src={image} width=\"100%\" alt={title}></img>\n                </ImgContainer>\n                <Desc>{description}</Desc>\n                <GoldenButton type=\"url\" url={url}>\n                    {button}\n                </GoldenButton>\n            </MobileContainer>\n        </Container>\n    );\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport { graphql } from 'gatsby';\nimport { Controller, Scene } from 'react-scrollmagic';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Hero4 from '../components/hero4';\nimport DataPlatformIntro from '../components/dataPlatformIntro';\nimport PageTabs from '../components/pageTabs';\nimport Lifestyle from '../components/lifestyle';\nimport Article from '../components/article';\nimport Testimonial from 'components/testimonial';\nimport DataScalePanel from 'components/dataScalePanel';\nimport MonetizationScale from '../components/accordianPanel';\nimport FeaturesPanel from '../components/featuresPanel';\nimport AudigentCompliments from '../components/audigentCompliments';\nimport CreatingUnique from '../components/creatingUnique';\nimport Halo from '../components/halo';\nimport CTAComponent from '../components/cta';\nimport { Wave3, Wave1, Wave2 } from '../components/wave';\n\nimport Wave2Img from './../assets/images/wave2.png';\nimport Wave2MobileImg from './../assets/images/wave2-mobile.png';\n\nconst tabs = [\n    'AUDIENCE IDENTIFICATION',\n    'DATA MONETIZATION',\n    'Audience Extension',\n];\n\nconst TabSection = styled.div`\n    .tab-spacer {\n        padding: 0 !important;\n        min-width: auto !important;\n    }\n    margin-bottom: 72px;\n    @media screen and (max-width: 767px) {\n        margin-bottom: 36px;\n    }\n`;\n\nconst TabPanel = styled.div`\n    padding: 24px 64px 64px 64px;\n    width: calc(100% - 128px);\n    position: ${props => (props.stickyPosition ? 'fixed' : 'static')};\n    top: 0;\n    background: #1d1b1e;\n    z-index: 9;\n    @media screen and (max-width: 767px) {\n        padding: 16px 24px 24px 24px;\n        width: calc(100% - 48px);\n    }\n`;\n\nconst TabHeading = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    margin-top: 64px;\n    margin-bottom: 0px;\n    padding: 0 64px;\n    font-size: 24px;\n    line-height: 32px;\n    letter-spacing: normal;\n    color: white;\n    text-align: center;\n    @media screen and (max-width: 767px) {\n        margin-top: 44px;\n        margin-bottom: 0px;\n        padding: 0 24px;\n    }\n`;\nconst TabContent = styled.div`\n    margin-top: ${props => (props.stickyPosition ? '316px' : '0px')};\n`;\nconst Tab3 = styled.div`\n    margin-top: 20px;\n    @media screen and (max-width: 767px) {\n        margin-top: 8px;\n    }\n`;\nconst Wave32 = styled.div`\n    height: 120px;\n    & > * {\n        margin-top: -60px;\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`;\nexport default function DataPlatformPage({ data }) {\n    const [currentTab, setCurrentTab] = useState(tabs[0]);\n\n    const {\n        seo_content,\n        hero,\n        data_platform_intro,\n        halo,\n        lifestyle,\n        audience_articles,\n        data_partners,\n        data_monetization_features,\n        audience_features,\n        audience_article,\n        audience_section,\n        testimonials,\n        book_now,\n    } = data.butterPage;\n\n    // console.log('testimonials', testimonials);\n    return (\n        <Layout menu=\"FOR PUBLISHERS\">\n            <SEOComponent\n                title=\"Data Platform\"\n                image={seo_content.sharing_image}\n                description={seo_content.seo_description}\n            />\n            <Hero4 {...hero[0]} type={1}></Hero4>\n            <DataPlatformIntro {...data_platform_intro} />\n            {/*      \n        <VisibilitySensor\n          onChange={handleVisibilityChange}\n          partialVisibility={false}\n        >\n          <div style={{ height: 1 }}></div>\n        </VisibilitySensor>\n      */}\n            <TabSection>\n                <TabHeading>\n                    Audigent's tech stack solves three of the biggest hurdles\n                    faced by publishers\n                </TabHeading>\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\n                    <TabContent>\n                        {currentTab === tabs[0] ? (\n                            <React.Fragment>\n                                <Halo {...halo[0]} />\n                                <Wave3 />\n                                <Lifestyle {...lifestyle[0]} />\n                                <Wave2 />\n                                <Article\n                                    {...audience_articles[0]}\n                                    spec={[\n                                        '200+ Films',\n                                        '150+ Actors',\n                                        '190+ TV Shows',\n                                    ]}\n                                    direction={'right'}\n                                ></Article>\n                                <Wave1 />\n                                <Article\n                                    {...audience_articles[1]}\n                                    direction={'left'}\n                                ></Article>\n                                <Wave2 />\n                                <Article\n                                    {...audience_articles[2]}\n                                    spec={[\n                                        'Over 240 Individual Athletes',\n                                        '24 NFL Teams',\n                                        '20 NBA Teams',\n                                        '14 MLB teams',\n                                        'NASCAR',\n                                        'Soccer',\n                                        'NHL',\n                                        'Gaming Platforms and Consoles',\n                                    ]}\n                                    direction={'right'}\n                                ></Article>\n                                <Wave1 />\n                                <Article\n                                    {...audience_articles[3]}\n                                    direction={'left'}\n                                ></Article>\n                                <Wave2 />\n                            </React.Fragment>\n                        ) : currentTab === tabs[1] ? (\n                            <React.Fragment>\n                                <DataScalePanel\n                                    {...data_partners[0]}\n                                    type={0}\n                                />\n                                <MonetizationScale\n                                    {...data_monetization_features[0]}\n                                />\n                            </React.Fragment>\n                        ) : (\n                            <Tab3>\n                                <FeaturesPanel\n                                    {...audience_features[0]}\n                                    desktopImg={Wave2Img}\n                                    mobileImg={Wave2MobileImg}\n                                    type={1}\n                                />\n                                <Article\n                                    {...audience_article}\n                                    direction=\"right\"\n                                />\n                                <Wave32>\n                                    <Wave1 />\n                                </Wave32>\n\n                                <AudigentCompliments {...audience_section[0]} />\n                                <Wave32>\n                                    <Wave2 />\n                                </Wave32>\n\n                                <CreatingUnique {...audience_section[1]} />\n                            </Tab3>\n                        )}\n                    </TabContent>\n                    {!!testimonials && testimonials.length > 0 ? (\n                        <Testimonial {...testimonials[0]} />\n                    ) : (\n                        <div />\n                    )}\n                </Controller>\n            </TabSection>\n\n            <CTAComponent {...book_now[0]} />\n        </Layout>\n    );\n}\n\nexport const dataPlatformPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"data-platform\" }) {\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                buttons {\n                    type\n                    title\n                    theme\n                    url\n                }\n            }\n            data_platform_intro {\n                title\n                description\n                image\n            }\n            halo {\n                title\n                description\n                image\n                button\n                url\n            }\n            lifestyle {\n                title\n                subtitle\n                description\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n\n            audience_articles {\n                title\n                subtitle\n                description\n                image\n            }\n\n            data_partners {\n                name\n                title\n                description\n                first_row {\n                    title\n                    image\n                }\n                second_row {\n                    title\n                    image\n                }\n            }\n\n            data_monetization_features {\n                title\n                features {\n                    title\n                    description\n                    image\n                    button\n                    url\n                }\n            }\n\n            audience_features {\n                title\n                description\n                features {\n                    title\n                    image\n                }\n            }\n            audience_article {\n                title\n                description\n                image\n            }\n            audience_section {\n                article {\n                    title\n                    description\n                    image\n                }\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n\n            # testimonials {\n            #   title\n            #   testimonials {\n            #     author_name\n            #     author_job\n            #     author_image\n            #     company_logo\n            #     comment\n            #   }\n            # }\n            book_now {\n                button_title\n                title\n            }\n        }\n    }\n`;\n","export default __webpack_public_path__ + \"static/wave-mobile-f3012cda35c2abb10d244255d25f882e.png\";","export default __webpack_public_path__ + \"static/wave-c2cb9d43a8da95f163f12ee086130c7d.png\";"],"names":["Container","styled","displayName","componentId","props","disable","GrayButton","children","url","_jsx","href","DesktopLayout","MobileLayout","ImageContainer","Heading","Content","CollapsedTab","TabContainer","ExpandedTab","TabHeading","TabDesc","MobileContainer","MobileHeading","MobileImgContainer","MobileDesc","ExpandTabButton","MobileItem","heading","img","desc","type","button","_jsxs","React","src","width","alt","AccordianPanel","title","features","current","setCurrent","useState","onTabClick","image","map","item","onClick","style","display","flexDirection","justifyContent","height","position","marginLeft","background","transform","marginTop","UpIcon","description","DownIcon","index","subheading","Wave1","Wave2","IntroContainer","Desc","ImgContainer","DataPlatformIntro","objectFit","SubHeading","FeatureContainer","Feature","FeatureImg","FeatureHeading","FeatureDesc","Lifestyle","subtitle","feature","BackImg","BackMobileImg","Left","Top","Row1","Logo","DataScalePanel","name","first_row","second_row","pageIsVisible","setPageIsVisible","PageVisibility","onChange","isVisible","Ticker","speed","direction","length","DesktopContainer","Footer","ProgressBar","active","DescContent","AudigentCompliments","article","onClickDesc","DescHeading","CreatingUnique","backColor","spacing","Halo","spec","LazyLoadImage","effect","GoldenButton","tabs","TabSection","TabPanel","stickyPosition","TabContent","Tab3","Wave32","DataPlatformPage","data","currentTab","setCurrentTab","seo_content","hero","data_platform_intro","halo","lifestyle","audience_articles","data_partners","data_monetization_features","audience_features","audience_article","audience_section","testimonials","book_now","butterPage","Layout","menu","SEOComponent","sharing_image","seo_description","Hero4","Controller","Scene","duration","pin","pushFollowers","pinSettings","spacerClass","enabled","triggerHook","PageTabs","values","e","Wave3","Article","MonetizationScale","FeaturesPanel","desktopImg","Wave2Img","mobileImg","Wave2MobileImg","Testimonial","CTAComponent"],"sourceRoot":""}