{"version":3,"file":"component---src-pages-index-js-97dc69ce3072e12560ad.js","mappings":"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","sources":["webpack://gatsby-starter-default/./src/components/inputs/GoldenText.js","webpack://gatsby-starter-default/./src/components/monetize/index.js","webpack://gatsby-starter-default/./src/components/carousel/index.js","webpack://gatsby-starter-default/./src/components/hero/index.js","webpack://gatsby-starter-default/./src/components/intro/index.js","webpack://gatsby-starter-default/./src/components/benefits/index.js","webpack://gatsby-starter-default/./src/components/importance/index.js","webpack://gatsby-starter-default/./src/components/howto/index.js","webpack://gatsby-starter-default/./src/components/highlight/index.js","webpack://gatsby-starter-default/./src/pages/index.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.div`\n    font-family: 'Renogare-Regular';\n    font-size: ${props => `${props.fontSize}px`};\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    background-clip: text;\n    text-transform: uppercase;\n    -webkit-text-fill-color: transparent;\n`;\nexport default function GoldenText({ fontSize = 13.5, children }) {\n    return <Container fontSize={fontSize}>{children}</Container>;\n}\n","import React, { useState } from 'react';\nimport styled from 'styled-components';\nimport BackImg from './../../assets/images/wave.png';\nimport BackMobileImg from './../../assets/images/wave21-mobile.png';\nimport Ticker from 'react-ticker';\nimport PageVisibility from 'react-page-visibility';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nconst Container = styled.div`\n    padding: 80px 0 80px 0;\n    display: block;\n    background: url(${BackImg}) no-repeat bottom;\n    background-size: 100% 100%;\n    padding-bottom: 70px;\n    margin-bottom: 70px;\n    @media screen and (max-width: 767px) {\n        padding: 90px 0 40px 0;\n        margin-bottom: 100px;\n        background: url(${BackMobileImg}) no-repeat bottom;\n        background-size: 100%;\n    }\n`;\nconst Heading = styled.div`\n    font-family: 'Renogare-Regular';\n    text-align: center;\n    font-size: 36px;\n    line-height: 40px;\n    color: white;\n    width: 60%;\n    margin-left: 20%;\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n        width: calc(100% - 48px);\n        margin-left: 24px;\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 Monetize({ title, first_row, second_row }) {\n    const [pageIsVisible, setPageIsVisible] = useState(true);\n\n    const handleVisibilityChange = isVisible => {\n        setPageIsVisible(isVisible);\n    };\n\n    return (\n        <Container>\n            <Heading>{title}</Heading>\n\n            <Row1>\n                <PageVisibility onChange={handleVisibilityChange}>\n                    {pageIsVisible && (\n                        <React.Fragment>\n                            <Ticker speed={7} direction=\"toRight\">\n                                {({ index }) => (\n                                    <Logo>\n                                        <LazyLoadImage\n                                            src={\n                                                first_row[\n                                                    index % first_row.length\n                                                ].image\n                                            }\n                                            alt={\n                                                first_row[\n                                                    index % first_row.length\n                                                ].title\n                                            }\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                                        <LazyLoadImage\n                                            src={\n                                                second_row[\n                                                    index % second_row.length\n                                                ].image\n                                            }\n                                            alt={\n                                                second_row[\n                                                    index % second_row.length\n                                                ].title\n                                            }\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, useEffect } from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n    width: 450px;\n    height: auto;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    overflow: hidden;\n    position: relative;\n    margin: 25px 0 0 0;\n\n    @media screen and (max-width: 768px) {\n        width: 250px;\n        margin-top: 15px;\n    }\n\n    @media screen and (max-width: 440px) {\n        display: none;\n    }\n\n    @media screen and (max-height: 650px) {\n        display: none;\n    }\n`;\n\nconst SlideContainer = styled.div`\n    position: relative;\n    overflow: hidden;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 170px;\n`;\n\nconst CarouselItem = styled.div`\n    width: 100%;\n    height: 150px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    opacity: ${props => (props.current ? 1 : 0)};\n    transition: opacity 0.5s ease-in-out;\n\n    .carousel-img {\n        width: 100%;\n        height: 100%;\n        object-fit: contain;\n        filter: ${props => (props.current ? 'none' : 'blur(5px)')};\n        transition: filter 0.5s ease-in-out;\n    }\n`;\n\nconst Handler = styled.div`\n    width: 50%;\n    height: auto;\n    position: relative;\n    bottom: 10px;\n    display: flex;\n    justify-content: space-around;\n\n    @media screen and (max-width: 440px) {\n        display: none;\n    }\n`;\n\nconst Circle = styled.div`\n    border-radius: 50%;\n    width: 15px;\n    height: 15px;\n    background-color: ${p => (p.active ? '#ffffff' : '#919191')};\n    @media screen and (max-width: 1440px) {\n        width: 10px;\n        height: 10px;\n    }\n    @media screen and (max-width: 1040px) {\n        width: 12px;\n        height: 12px;\n    }\n    @media screen and (max-width: 767px) {\n        width: 11px;\n        height: 11px;\n    }\n    @media screen and (max-width: 480px) {\n        width: 10px;\n        height: 10px;\n    }\n    &:hover {\n        cursor: pointer;\n    }\n`;\n\nconst CarouselImg = styled.img`\n    width: 100%;\n    height: 100%;\n    object-fit: contain;\n`;\n\nconst Carousel = ({ data }) => {\n    const [current, setCurrent] = useState(0);\n\n    // Function to handle manual slide change\n    const handleControl = index => {\n        setCurrent(index);\n    };\n\n    // Function to handle autoslide\n    const handleAutoslide = () => {\n        setCurrent(current => (current + 1) % data.length);\n    };\n\n    useEffect(() => {\n        // Set autoslide interval to change slide every 5 seconds\n        const autoslideInterval = setInterval(handleAutoslide, 5000);\n\n        // Clear autoslide interval when component unmounts or when user manually changes slide\n        return () => {\n            clearInterval(autoslideInterval);\n        };\n    }, [current]);\n\n    return (\n        <Container>\n            <SlideContainer>\n                {data.map((d, i) => (\n                    <CarouselItem key={i} current={i === current}>\n                        <CarouselImg\n                            className=\"carousel-img\"\n                            src={d.image}\n                            alt={d.description}\n                        />\n                    </CarouselItem>\n                ))}\n            </SlideContainer>\n            <Handler>\n                {data.map((d, i) => (\n                    <Circle\n                        key={i}\n                        onClick={() => handleControl(i)}\n                        active={i === current}\n                    />\n                ))}\n            </Handler>\n        </Container>\n    );\n};\n\nexport default Carousel;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { Player, ControlBar } from 'video-react';\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\nconst Container = styled.div`\n    margin: 0;\n    color: white;\n    text-align: center;\n    background: white;\n    width: 100%;\n    height: 118vh;\n    position: relative;\n    @media screen and (max-width: 960px) {\n        height: 100vh;\n    }\n\n    @media screen and (max-width: 480px) {\n        height: 90vh;\n    }\n`;\n\nconst DesktopLayout = styled.div`\n    display: block;\n    position: relative;\n    /* padding-top: 56.25%;  */\n    width: auto;\n    overflow: hidden;\n    height: 100%;\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        .video-react-big-play-button {\n            display: none;\n        }\n    }\n    .video-react-poster {\n        background-size: cover !important;\n    }\n    /* min-height: 900px; */\n    background-color: #1d1b1e;\n    z-index: 0;\n    @media screen and (max-width: 1440px) {\n        /* min-height: 900px; */\n    }\n    @media screen and (max-width: 956px) {\n        display: none;\n    }\n`;\n\nconst MobileLayout = styled.div`\n    display: none;\n    @media screen and (max-width: 956px) {\n        display: block;\n        width: 100%;\n        height: 100%;\n        position: relative;\n        z-index: 0;\n    }\n`;\n\nconst Content = styled.div`\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n    margin-left: auto;\n    margin-right: auto;\n    text-align: center;\n    z-index: 1;\n    @media screen and (max-width: 956px) {\n        /* max-width: 500px; */\n        /* display: none; */\n    }\n`;\n\nconst Title = styled.div`\n    margin-top: auto;\n\n    font-family: 'Renogare-Regular';\n    font-size: 80px;\n    line-height: 80px;\n    font-weight: bold;\n    letter-spacing: -2px;\n    max-width: 864px;\n    margin-left: auto;\n    margin-right: auto;\n\n    & p {\n        margin: 0;\n    }\n\n    & img {\n        width: 100%;\n    }\n\n    @media screen and (max-width: 1440px) {\n        padding-top: 70px;\n        font-size: 70px;\n    }\n\n    @media screen and (max-width: 1024px) {\n        padding-top: 100px;\n        font-size: 60px;\n        max-width: 600px;\n    }\n    @media screen and (max-width: 767px) {\n        padding-top: 40px;\n        font-size: 44px;\n        line-height: 48px;\n        max-width: calc(100% - 48px);\n    }\n    @media only screen and (max-device-width: 480px) {\n        padding-top: 50px;\n    }\n`;\n\nconst Desc = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 32px;\n    line-height: 38px;\n    user-select: none;\n    margin: 0 auto;\n    width: 52%;\n    @media screen and (max-width: 767px) {\n        max-width: calc(100% - 48px);\n        margin-left: 24px;\n        margin-bottom: -40px;\n        width: auto;\n    }\n`;\n\nconst MaskContainer = styled.div`\n    width: 100%;\n    height: 100px;\n    margin-top: auto;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-end;\n    margin-bottom: -1px;\n    img {\n        object-fit: auto;\n    }\n    @media screen and (max-width: 767px) {\n        img {\n            object-fit: cover;\n        }\n    }\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`;\n\nexport default function Hero({\n    title,\n    description,\n    desktop_image,\n    mobile_image,\n    mask_image,\n    video_url,\n    children = {}\n}) {\n    const isWide = useMedia({ minWidth: 956 });\n\n    return (\n        <Container>\n            <Content>\n                <Title dangerouslySetInnerHTML={{__html: title}} />\n                <Desc>{description}</Desc>\n                {children}\n                <MaskContainer>\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        width=\"100%\"\n                        height={100}\n                        src={mask_image} // use normal <img> attributes as props\n                        style={{\n                            width: '100%',\n                            height: 100,\n                            marginTop: 'auto',\n                        }}\n                    />\n                </MaskContainer>\n            </Content>\n            {isWide ? (\n                <DesktopLayout>\n                    <Player\n                        poster={desktop_image}\n                        fluid={false}\n                        height={'100%'}\n                        width={'100%'}\n                        autoPlay={true}\n                        loop={true}\n                        preload=\"auto\"\n                    >\n                        <source src={video_url} width=\"100%\" />\n                        <ControlBar autoHide={false} />\n                    </Player>\n                </DesktopLayout>\n            ) : (\n                <MobileLayout>\n                    <Overlay />\n                    <LazyLoadImage\n                        alt={title}\n                        effect=\"blur\"\n                        width=\"100%\"\n                        height=\"100%\"\n                        src={mobile_image} // use normal <img> attributes as props\n                        style={{ objectFit: 'cover' }}\n                    />\n                </MobileLayout>\n            )}\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport BackImg from './../../assets/images/wave.png';\nimport BackMobileImg from './../../assets/images/wave-mobile.png';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nconst Container = styled.div`\n    margin-top: 54px;\n    display: block;\n    background: url(${BackImg}) no-repeat bottom;\n    background-size: 100%;\n    padding-bottom: 128px;\n    @media screen and (max-width: 767px) {\n        background: url(${BackMobileImg}) no-repeat bottom;\n        background-size: 100%;\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    margin-bottom: 56px;\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        margin-bottom: 34px;\n    }\n`;\nconst ImgContainer = styled.div`\n    width: 42%;\n    display: block;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        display: none;\n    }\n`;\nconst MobileImgContainer = styled.div`\n    width: 42%;\n    display: none;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        display: block;\n    }\n`;\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 42%;\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    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        letter-spacing: -0.92px;\n    }\n`;\nconst Subheading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 26px;\n    text-align: left;\n    color: white;\n    line-height: 34px;\n    letter-spacing: normal;\n    margin-top: 32px;\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    }\n`;\nconst Desc = styled.div`\n    margin-top: 32px;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    text-align: left;\n    letter-spacing: normal;\n    line-height: 24px;\n    color: white;\n    user-select: none;\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 FeatureContainer = styled.div`\n    margin-top: 16px;\n    margin-left: 64px;\n    margin-right: 64px;\n    width: calc(100% - 128px);\n    display: flex;\n    justify-content: space-around;\n    @media screen and (max-width: 768px) {\n        &::-webkit-scrollbar {\n            display: none;\n        }\n        margin-top: 16px;\n        margin-left: 0;\n        margin-right: 0;\n        display: block;\n        overflow-x: auto;\n        width: 100%;\n        display: flex;\n        justify-content: flex-start;\n    }\n`;\nconst FeatureContainer2 = styled(FeatureContainer)`\n    justify-content: center;\n`;\nconst Feature = styled.div`\n    border-radius: 4px;\n    background: #322f33;\n    padding: 33px 16px;\n    text-align: center;\n    width: calc(20% - 48px);\n    margin-right: 16px;\n    @media screen and (max-width: 768px) {\n        min-width: 248px;\n        margin-left: 24px;\n        margin-right: 0px;\n    }\n    &:last-child {\n        @media screen and (max-width: 768px) {\n            margin-right: 24px;\n        }\n    }\n`;\nconst FeatureTitle = styled.div`\n    background: linear-gradient(0.25turn, #996b3d, #ccaa66, #ccaa66);\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n    font-size: 19px;\n    user-select: none;\n    font-family: 'Renogare-Regular';\n`;\nconst FeatureDesc = styled.div`\n    font-size: 15px;\n    font-family: 'Neuzeit Grotesk';\n    letter-spacing: normal;\n    color: rgba(255, 255, 255, 0.7);\n    margin-top: 8px;\n    user-select: none;\n`;\nconst DesktopLayout = styled.div`\n    display: block;\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    }\n`;\n\nexport default function Intro({\n    title,\n    description,\n    subtitle,\n    image,\n    mobile_image,\n    features,\n    features_second_row,\n}) {\n    return (\n        <Container>\n            <IntroContainer>\n                <React.Fragment>\n                    <ImgContainer>\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                    <MobileImgContainer>\n                        <LazyLoadImage\n                            alt={title}\n                            effect=\"blur\"\n                            src={mobile_image} // use normal <img> attributes as props\n                            width={'100%'}\n                            height={'auto'}\n                            style={{ objectFit: 'contain' }}\n                        />\n                    </MobileImgContainer>\n                </React.Fragment>\n                <Content>\n                    <div>\n                        <Heading>{title}</Heading>\n                        {!!subtitle && <Subheading>{subtitle}</Subheading>}\n                        <Desc>{description}</Desc>\n                    </div>\n                </Content>\n            </IntroContainer>\n            <DesktopLayout>\n                <FeatureContainer>\n                    {features.map(item => {\n                        return (\n                            <Feature key={item.title}>\n                                <FeatureTitle>{item.title}</FeatureTitle>\n                                <FeatureDesc>{item.description}</FeatureDesc>\n                            </Feature>\n                        );\n                    })}\n                </FeatureContainer>\n                <FeatureContainer2>\n                    {features_second_row.map(item => {\n                        return (\n                            <Feature key={item.title}>\n                                <FeatureTitle>{item.title}</FeatureTitle>\n                                <FeatureDesc>{item.description}</FeatureDesc>\n                            </Feature>\n                        );\n                    })}\n                </FeatureContainer2>\n            </DesktopLayout>\n            <MobileLayout>\n                <FeatureContainer>\n                    {features.map(item => {\n                        return (\n                            <Feature key={item.title}>\n                                <FeatureTitle>{item.title}</FeatureTitle>\n                                <FeatureDesc>{item.description}</FeatureDesc>\n                            </Feature>\n                        );\n                    })}\n                    {features_second_row.map(item => {\n                        return (\n                            <Feature key={item.title}>\n                                <FeatureTitle>{item.title}</FeatureTitle>\n                                <FeatureDesc>{item.description}</FeatureDesc>\n                            </Feature>\n                        );\n                    })}\n                </FeatureContainer>\n            </MobileLayout>\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\nconst Container = styled.div`\n    display: block;\n    width: calc(100% - 128px);\n    margin-left: 64px;\n    margin-right: 64px;\n    margin-top: 68px;\n    @media screen and (max-width: 767px) {\n        width: calc(100% - 48px);\n        margin-left: 24px;\n        margin-right: 24px;\n        margin-top: 28px;\n    }\n`;\nconst Heading = styled.div`\n    color: #ffffff;\n    font-family: 'Renogare-Regular';\n    font-size: 36px;\n    letter-spacing: -1.5px;\n    line-height: 40px;\n    text-align: center;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n    }\n`;\nconst Content = styled.div`\n    margin-top: 32px;\n    display: flex;\n    flex-wrap: wrap;\n`;\nconst Benefit = styled.div`\n    width: calc(25% - 9px);\n    padding: 0 4px;\n    border-right: 1px rgba(255, 255, 255, 0.1) solid;\n    /* padding: 0 32px; */\n    text-align: center;\n    &:last-child {\n        border-right: none;\n    }\n    @media screen and (max-width: 767px) {\n        width: calc(50% - 9px);\n        &:nth-child(1) {\n            border-bottom: 1px rgba(255, 255, 255, 0.1) solid;\n        }\n        &:nth-child(2) {\n            border-bottom: 1px rgba(255, 255, 255, 0.1) solid;\n            border-right: none;\n        }\n    }\n`;\nconst BenefitIcon = styled.div`\n    height: 60px;\n    display: flex;\n    justify-content: center;\n    user-select: none;\n    @media screen and (max-width: 767px) {\n        margin-top: 24px;\n    }\n`;\nconst BenefitDesc = styled.div`\n    color: rgba(255, 255, 255, 0.9);\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    text-align: center;\n    user-select: none;\n    margin-top: 12px;\n    margin-left: 8px;\n    margin-right: 8px;\n    @media screen and (max-width: 767px) {\n        margin-left: 12px;\n        margin-right: 12px;\n        margin-bottom: 24px;\n    }\n`;\nconst Description = styled.div`\n    color: #ffffff;\n    font-family: 'Neuzeit Grotesk';\n    font-size: 24px;\n    letter-spacing: -1.5px;\n    line-height: 40px;\n    text-align: center;\n    margin-top: 12px;\n    @media screen and (max-width: 767px) {\n        font-size: 18px;\n    }\n`;\nexport default function Benefits({ features, description, title }) {\n    return (\n        <Container>\n            <Heading>{title}</Heading>\n            <Description>{description}</Description>\n            <Content>\n                {features.map(item => {\n                    return (\n                        <Benefit key={item.title}>\n                            <BenefitIcon>\n                                <LazyLoadImage\n                                    src={item.image}\n                                    alt={item.title}\n                                    style={{ objectFit: 'contain' }}\n                                    height=\"100%\"\n                                />\n                            </BenefitIcon>\n                            <BenefitDesc>{item.title}</BenefitDesc>\n                        </Benefit>\n                    );\n                })}\n            </Content>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport GoldenButton from 'components/buttons/GoldenButton';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nconst Container = styled.div`\n    margin-top: 92px;\n    display: block;\n    width: calc(100% - 256px);\n    margin-left: 64px;\n    margin-right: 64px;\n    padding: 64px;\n    border-radius: 8px;\n    background-color: #fafafa;\n    @media screen and (max-width: 768px) {\n        margin-top: 40px;\n        width: calc(100% - 48px);\n        border-radius: 0;\n        margin-left: 0;\n        margin-right: 0;\n        padding: 96px 24px;\n    }\n`;\nconst InnerContainer = styled.div`\n    flex-direction: row;\n    display: flex;\n    background-color: #fafafa;\n    justify-content: space-between;\n    @media screen and (max-width: 768px) {\n        flex-direction: column-reverse;\n    }\n`;\nconst Importances = styled.div`\n    display: flex;\n    flex-direction: column;\n    width: 45%;\n    margin-top: 0;\n    @media screen and (max-width: 767px) {\n        margin-top: 32px;\n        width: 100%;\n    }\n`;\nconst Item = styled.div`\n    display: flex;\n    padding-top: 23px;\n`;\nconst ItemImg = styled.div`\n    width: 56px;\n    margin-right: 16px;\n`;\nconst ItemContent = styled.div`\n    padding-bottom: 23px;\n    border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n    width: 100%;\n    ${Item}:last-child & {\n        border-bottom: none !important;\n    }\n`;\nconst ItemHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    font-size: 16px;\n    line-height: 24px;\n    letter-spacing: -0.2px;\n    color: #19171a;\n    user-select: none;\n`;\nconst ItemDesc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 15px;\n    line-height: 20px;\n    letter-spacing: normal;\n    margin-top: 5px;\n    color: rgba(25, 23, 26, 0.7);\n    user-select: none;\n`;\nconst Content = styled.div`\n    width: 45%;\n    display: flex;\n    flex-direction: column;\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: #19171a;\n    user-select: none;\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: auto;\n    font-size: 17px;\n    font-family: 'Neuzeit Grotesk';\n    line-height: 24px;\n    color: rgba(25, 23, 26, 0.9);\n    user-select: none;\n    white-space: pre-wrap;\n    @media screen and (max-width: 767px) {\n        margin-top: 32px;\n        font-size: 17px;\n        line-height: 24px;\n        letter-spacing: normal;\n    }\n\n    h1,\n    h2,\n    h3,\n    h4,\n    h5 {\n        font-weight: 600;\n        margin-bottom: 1em;\n        margin-top: 1.5em;\n    }\n\n    ul,\n    ol {\n        margin-bottom: 1.25em;\n\n        li {\n            margin-bottom: 0.25em;\n        }\n    }\n\n    p {\n        font-family: Georgia, Cambria, 'Times New Roman', Times, serif;\n        font-size: 1.25em;\n        line-height: 1.58;\n        margin-bottom: 1.25em;\n        font-weight: 400;\n        letter-spacing: -0.003em;\n    }\n\n    /* Responsive default image width */\n    img {\n        max-width: 100%;\n        height: auto;\n    }\n\n    /* Responsive floating */\n    @media only screen and (min-width: 720px) {\n        .butter-float-left {\n            float: left;\n            margin: 0px 10px 10px 0px;\n        }\n\n        .butter-float-right {\n            float: right;\n            margin: 0px 0px 10px 10px;\n        }\n    }\n\n    /* Image caption */\n    figcaption {\n        font-style: italic;\n        text-align: center;\n        color: #ccc;\n    }\n\n    p code {\n        padding: 2px 4px;\n        font-size: 90%;\n        color: #c7254e;\n        background-color: #f9f2f4;\n        border-radius: 4px;\n        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;\n    }\n\n    pre {\n        display: block;\n        padding: 1em;\n        margin: 0 0 2em;\n        font-size: 1em;\n        line-height: 1.4;\n        word-break: break-all;\n        word-wrap: break-word;\n        color: #333333;\n        background-color: #f5f5f5;\n        font-family: Menlo, Monaco, Consolas, 'Courier New', monospace;\n    }\n`;\nconst Footer = styled.div`\n    margin-top: 35px;\n    margin-bottom: 20px;\n    @media screen and (max-width: 767px) {\n        display: none;\n    }\n`;\nconst InnerFooter = styled.div`\n    display: none;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        margin-top: 16px;\n        justify-content: center;\n    }\n`;\n\nexport default function Importance({ features, title, description }) {\n    return (\n        <Container>\n            <InnerContainer>\n                <Importances>\n                    {features.map(item => {\n                        return (\n                            <Item key={item.title}>\n                                <ItemImg>\n                                    <LazyLoadImage\n                                        src={item.image}\n                                        alt={item.title}\n                                        style={{ objectFit: 'contain' }}\n                                        width=\"100%\"\n                                    />\n                                </ItemImg>\n                                <ItemContent>\n                                    <ItemHeading>{item.title}</ItemHeading>\n                                    <ItemDesc>{item.description}</ItemDesc>\n                                </ItemContent>\n                            </Item>\n                        );\n                    })}\n                </Importances>\n                <Content>\n                    <Heading>{title}</Heading>\n                    <Desc>{description}</Desc>\n                    <Footer>\n                        <GoldenButton type=\"request-demo\">\n                            REQUEST DEMO\n                        </GoldenButton>\n                    </Footer>\n                </Content>\n            </InnerContainer>\n            <InnerFooter>\n                <GoldenButton type=\"request-demo\">REQUEST DEMO</GoldenButton>\n            </InnerFooter>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport HollowButton from 'components/buttons/HollowButton';\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\n\nconst Container = styled.div`\n    margin-top: 120px;\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: 80px;\n        width: calc(100% - 48px);\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\n    @media screen and (max-width: 768px) {\n        font-size: 24px;\n        line-height: 28px;\n        color: white;\n    }\n`;\nconst Content = styled.div`\n    display: flex;\n    margin-top: 40px;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (max-width: 767px) {\n        flex-direction: column;\n    }\n`;\nconst Item = styled.div`\n    box-shadow: rgba(0, 0, 0, 0.5) 0 2px 4px;\n    border-radius: 8px;\n    width: 48.5%;\n    height: 320px;\n    background: url(${props => props.img}) no-repeat center;\n    background-size: cover;\n    position: relative;\n    @media screen and (max-width: 767px) {\n        width: 100%;\n        height: 240px;\n        margin-bottom: 8px;\n    }\n`;\nconst ItemOverlay = styled.div`\n    background: transparent;\n    text-align: center;\n    position: relative;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    transition: all 300ms ease-in-out;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    background: rgba(44, 31, 21, 0.5);\n    z-index: 1;\n    &:hover {\n        background: rgba(0, 0, 0, 0.7);\n    }\n`;\nconst ItemHeading = styled.div`\n    font-family: 'Renogare-Regular';\n    color: #ffffff;\n    line-height: 32px;\n    letter-spacing: -0.5px;\n    font-size: 20px;\n    user-select: none;\n`;\nconst ItemDesc = styled.div`\n    font-family: 'Neuzeit Grotesk';\n    font-size: 17px;\n    line-height: 24px;\n    letter-spacing: normal;\n    transition: all 300ms ease-in-out;\n    user-select: none;\n    margin-top: 8px;\n    transform: scaleY(0);\n    transform-origin: top;\n    margin-left: 48px;\n    margin-right: 48px;\n    color: white;\n    & > * {\n        display: none;\n    }\n    ${ItemOverlay}:hover > & {\n        transform: scaleY(1);\n        & > * {\n            display: block;\n        }\n    }\n`;\nconst ItemFooter = styled.div`\n    margin-top: 30px;\n    display: flex;\n    justify-content: center;\n`;\nconst ItemBackground = styled.div`\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n`;\nexport default function HowTo({ title, items }) {\n    return (\n        <Container>\n            <Heading>{title}</Heading>\n            <Content>\n                {items.map(item => {\n                    return (\n                        <Item key={item.title}>\n                            <ItemBackground>\n                                <LazyLoadImage\n                                    alt={title}\n                                    effect=\"blur\"\n                                    src={item.image} // use normal <img> attributes as props\n                                    width={'100%'}\n                                    height={'100%'}\n                                    style={{\n                                        objectFit: 'cover',\n                                        borderRadius: 8,\n                                    }}\n                                />\n                            </ItemBackground>\n                            <ItemOverlay>\n                                <ItemHeading>{item.title}</ItemHeading>\n                                <ItemDesc>\n                                    <div>{item.description}</div>\n                                </ItemDesc>\n                                <ItemFooter>\n                                    <HollowButton type=\"link\" url={item.url}>\n                                        {item.button_title}\n                                    </HollowButton>\n                                </ItemFooter>\n                            </ItemOverlay>\n                        </Item>\n                    );\n                })}\n            </Content>\n        </Container>\n    );\n}\n","import React from 'react';\nimport styled from 'styled-components';\nimport GoldenButton from 'components/buttons/GoldenButton';\nimport GoldenText from 'components/inputs/GoldenText';\n\nimport { LazyLoadImage } from 'react-lazy-load-image-component';\nimport 'react-lazy-load-image-component/src/effects/blur.css';\nconst Container = styled.div`\n    margin-top: 120px;\n    display: block;\n    background-color: #fafafa;\n    @media screen and (max-width: 767px) {\n        margin-top: 144px;\n    }\n`;\nconst IntroContainer = styled.div`\n    margin: 0;\n    display: flex;\n\n    margin-left: 80px;\n    margin-right: 80px;\n    padding-top: 40px;\n    padding-bottom: 40px;\n\n    color: white;\n    text-align: center;\n    flex-direction: row;\n    justify-content: space-between;\n    @media screen and (max-width: 768px) {\n        flex-direction: column-reverse;\n        margin-left: 24px;\n        margin-right: 24px;\n        width: calc(100% - 48px);\n    }\n`;\nconst ImgContainer = styled.div`\n    width: 50%;\n    @media screen and (max-width: 767px) {\n        margin-top: 40px;\n        width: 100%;\n    }\n`;\nconst Content = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    width: 40%;\n    z-index: 0;\n    @media screen and (max-width: 768px) {\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    margin-top: 10px;\n    @media screen and (max-width: 767px) {\n        font-size: 24px;\n        line-height: 28px;\n    }\n`;\n\nconst Desc = styled.div`\n    margin-top: 32px;\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    color: rgba(25, 23, 26, 0.7);\n    white-space: pre-wrap;\n    @media screen and (max-width: 767px) {\n        font-size: 17px;\n        line-height: 24px;\n    }\n`;\nconst Footer = styled.div`\n    display: block;\n    margin-top: 32px;\n    @media screen and (max-width: 767px) {\n        display: flex;\n        justify-content: center;\n    }\n`;\nexport default function Highlight({\n    name,\n    title,\n    description,\n    image,\n    button_title,\n    url,\n}) {\n    return (\n        <Container>\n            <IntroContainer>\n                <ImgContainer>\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                <Content>\n                    <div>\n                        <GoldenText>{name}</GoldenText>\n                        <Heading>{title}</Heading>\n                        <Desc>{description}</Desc>\n                        <Footer>\n                            <GoldenButton type=\"url\" url={url}>\n                                {button_title}\n                            </GoldenButton>\n                        </Footer>\n                    </div>\n                </Content>\n            </IntroContainer>\n        </Container>\n    );\n}\n","import React from 'react';\nimport { graphql } from 'gatsby';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Carousel from '../components/carousel';\nimport Hero from './../components/hero';\nimport Intro from './../components/intro';\nimport Benefits from './../components/benefits';\nimport Importance from './../components/importance';\nimport HowTo from './../components/howto';\nimport Highlight from './../components/highlight';\nimport Monetize from './../components/monetize';\nimport CTAComponent from './../components/cta';\n\nexport default function IndexPage({ data }) {\n    const {\n        seo_content,\n        hero,\n        awards_carousel_repeater,\n        home_intro,\n        features,\n        importance,\n        how_to_work,\n        highlight,\n        data_partners,\n        book_now,\n    } = data.butterPage;\n\n    return (\n        <Layout menu=\"home\">\n            <SEOComponent\n                title=\"\"\n                image={seo_content && seo_content.sharing_image}\n                description={seo_content && seo_content.seo_description}\n            />\n            \n            <Hero {...hero[0]} hasVideo={true} children ={<Carousel data={awards_carousel_repeater}/>} ></Hero>\n            <Intro {...home_intro[0]} />\n            <Benefits {...features[0]} />\n            <Importance {...importance[0]}></Importance>\n            <HowTo title={'How to Work with Us'} items={how_to_work}></HowTo>\n            <Highlight {...highlight[0]}></Highlight>\n            <Monetize {...data_partners[0]}></Monetize>\n            <CTAComponent {...book_now[0]} />\n        </Layout>\n    );\n}\nexport const indexPageQuery = graphql`\n    query {\n        butterPage(slug: { eq: \"home\" }) {\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                video_url\n            }\n            awards_carousel_repeater {\n                title\n                description\n                image\n            }\n            home_intro {\n                title\n                description\n                image\n                mobile_image\n                features {\n                    title\n                    description\n                }\n                features_second_row {\n                    title\n                    description\n                }\n            }\n            features {\n                title\n                description\n                features {\n                    title\n                    image\n                }\n            }\n            importance {\n                title\n                description\n                features {\n                    title\n                    description\n                    image\n                }\n            }\n            how_to_work {\n                title\n                description\n                image\n                url\n                button_title\n            }\n            highlight {\n                name\n                title\n                description\n                image\n                url\n                button_title\n            }\n            data_partners {\n                title\n                first_row {\n                    image\n                }\n                second_row {\n                    image\n                }\n            }\n            book_now {\n                title\n                button_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","fontSize","GoldenText","children","_jsx","BackImg","BackMobileImg","Heading","Row1","Logo","Monetize","title","first_row","second_row","pageIsVisible","setPageIsVisible","useState","_jsxs","PageVisibility","onChange","isVisible","React","Ticker","speed","direction","index","LazyLoadImage","src","length","image","alt","style","objectFit","width","height","SlideContainer","CarouselItem","current","Handler","Circle","p","active","CarouselImg","Carousel","data","setCurrent","handleAutoslide","useEffect","autoslideInterval","setInterval","clearInterval","map","d","i","className","description","onClick","DesktopLayout","MobileLayout","Content","Title","Desc","MaskContainer","Overlay","Hero","desktop_image","mobile_image","mask_image","video_url","isWide","useMedia","minWidth","dangerouslySetInnerHTML","__html","effect","marginTop","Player","poster","fluid","autoPlay","loop","preload","ControlBar","autoHide","IntroContainer","ImgContainer","MobileImgContainer","Subheading","FeatureContainer","FeatureContainer2","withConfig","Feature","FeatureTitle","FeatureDesc","Intro","subtitle","features","features_second_row","item","Benefit","BenefitIcon","BenefitDesc","Description","Benefits","InnerContainer","Importances","Item","ItemImg","ItemContent","ItemHeading","ItemDesc","Footer","InnerFooter","Importance","GoldenButton","type","img","ItemOverlay","ItemFooter","ItemBackground","HowTo","items","borderRadius","HollowButton","url","button_title","Highlight","name","IndexPage","seo_content","hero","awards_carousel_repeater","home_intro","importance","how_to_work","highlight","data_partners","book_now","butterPage","Layout","menu","SEOComponent","sharing_image","seo_description","hasVideo","CTAComponent"],"sourceRoot":""}