{"version":3,"file":"component---src-pages-advertisers-data-platform-js-7566ca0b3dfb14695d9a.js","mappings":"0NAOA,MAAMA,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,qBAAAC,YAAA,eAAVF,CAAU,kIAGVG,GAASA,EAAMC,YAM3BC,EAAmBL,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,4BAAAC,YAAA,eAAVF,CAAU,yNAUbG,GACM,UAApBA,EAAMG,UAAwB,MAAQ,gBAMxCC,EAAkBP,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,2BAAAC,YAAA,eAAVF,CAAU,sJAW5BQ,EAAUR,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mBAAAC,YAAA,eAAVF,CAAU,iKAIbG,GAA4B,IAAlBA,EAAMM,QAAgB,mBAAqB,QAQ5DC,EAAUV,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mBAAAC,YAAA,eAAVF,CAAU,yRAiBpBW,EAAaX,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,sBAAAC,YAAA,eAAVF,CAAU,4KAWvBY,EAAOZ,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gBAAAC,YAAA,eAAVF,CAAU,oUAkBjBa,EAAiBb,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,0BAAAC,YAAA,eAAVF,CAAU,qOACpBG,GAA4B,IAAlBA,EAAMM,QAAgB,mBAAqB,QAgB5DK,EAAgBd,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,eAAVF,CAAU,kCAI1Be,EAAOf,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gBAAAC,YAAA,eAAVF,CAAU,qTAqBjBgB,EAAWA,EAAGC,YAEVA,IACEC,EAAAA,EAAAA,KAACJ,EAAa,CAAAK,SACTF,EAAKG,KAAIC,IACCH,EAAAA,EAAAA,KAACH,EAAI,CAAAI,SAAaE,GAAPA,OAMvB,SAASC,GAAQ,MAC5BC,EAAK,SACLC,EAAQ,YACRC,EAAW,MACXC,EAAK,UACLC,EAAS,UACTrB,EAAS,KACTsB,EAAI,UACJxB,EAAY,cAAa,QACzBK,EAAU,IAEV,OACIoB,EAAAA,EAAAA,MAAC9B,EAAS,CAACK,UAAWA,EAAUe,SAAA,EAC5BU,EAAAA,EAAAA,MAACxB,EAAgB,CAACC,UAAWA,EAAUa,SAAA,EACnCU,EAAAA,EAAAA,MAAChB,EAAc,CAACJ,QAASA,EAAQU,SAAA,CAC5BO,IACGR,EAAAA,EAAAA,KAACY,EAAAA,cAAa,CACVC,IAAKR,EACLS,OAAO,OACPC,IAAKP,EACLQ,MAAO,OACPC,OAAQ,OACRC,MAAO,CAAEC,UAAW,aAG3BV,IACGT,EAAAA,EAAAA,KAACoB,EAAAA,EAAW,CAACX,UAAWA,EAAWY,OAAQb,QAInDR,EAAAA,EAAAA,KAACV,EAAO,CAACC,QAASA,EAAQU,UACtBU,EAAAA,EAAAA,MAAA,OAAAV,SAAA,EACID,EAAAA,EAAAA,KAACR,EAAO,CAAAS,SAAEI,KACVL,EAAAA,EAAAA,KAACP,EAAU,CAAAQ,SAAEK,KACbN,EAAAA,EAAAA,KAACF,EAAQ,CAACC,KAAMW,KAChBV,EAAAA,EAAAA,KAACN,EAAI,CAAAO,SAAEM,aAInBI,EAAAA,EAAAA,MAACtB,EAAe,CAAAY,SAAA,EACZD,EAAAA,EAAAA,KAACR,EAAO,CAAAS,SAAEI,KACVM,EAAAA,EAAAA,MAAChB,EAAc,CAAAM,SAAA,CACVO,IAASR,EAAAA,EAAAA,KAAA,OAAKe,IAAKP,EAAOQ,MAAM,OAAOH,IAAKR,IAC5CI,IACGT,EAAAA,EAAAA,KAACoB,EAAAA,EAAW,CAACX,UAAWA,EAAWY,OAAQb,QAGnDR,EAAAA,EAAAA,KAACP,EAAU,CAAAQ,SAAEK,KACbN,EAAAA,EAAAA,KAACF,EAAQ,CAACC,KAAMW,KAChBV,EAAAA,EAAAA,KAACN,EAAI,CAACwB,MAAO,CAACI,WAAY,YAAYrB,SAAEM,SAIxD,C,yFC7MA,MAAM1B,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,2BAAAC,YAAA,gBAAVF,CAAU,8gBAQNG,GAAUA,EAAMsC,WAAa,QAAU,IAC1CtC,GAAUA,EAAMsC,WAAa,MAAQ,IAClCtC,GAASA,EAAMsC,aAEftC,GACM,YAApBA,EAAMG,UAA0B,cAAgB,QAO9BH,GAASA,EAAMuC,YAWnClC,EAAUR,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,gBAAVF,CAAU,uJAWpBU,EAAUV,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,gBAAVF,CAAU,oPAepBY,EAAOZ,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,sBAAAC,YAAA,gBAAVF,CAAU,oVACLG,GAAyB,IAAfA,EAAMwC,KAAa,OAAS,SAkBlDC,EAAoB5C,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mCAAAC,YAAA,gBAAVF,CAAU,wJAW9B6C,EAAU7C,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,gBAAVF,CAAU,oDAKpB8C,EAAa9C,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,4BAAAC,YAAA,gBAAVF,CAAU,gEAKvB+C,EAAiB/C,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gCAAAC,YAAA,gBAAVF,CAAU,0OAOdG,GAA4B,IAAlBA,EAAMM,QAAgB,OAAS,SAStDuC,EAAiBhD,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,gCAAAC,YAAA,gBAAVF,CAAU,qHACdG,GAA4B,IAAlBA,EAAMM,QAAgB,OAAS,SAQ7C,SAASwC,GAAc,MAClC1B,EAAK,YACLE,EAAW,SACXyB,EAAQ,WACRT,EAAU,UACVC,EAAS,UACTpC,EAAY,GAAE,KACdqC,EAAO,EAAC,QACRlC,EAAU,IAEV,OACIoB,EAAAA,EAAAA,MAAC9B,EAAS,CACN0C,WAAYA,EACZC,UAAWA,EACXpC,UAAWA,EAAUa,SAAA,EAErBD,EAAAA,EAAAA,KAACV,EAAO,CAAAW,UACJU,EAAAA,EAAAA,MAAA,OAAAV,SAAA,EACID,EAAAA,EAAAA,KAACR,EAAO,CAAAS,SAAEI,KACVL,EAAAA,EAAAA,KAACN,EAAI,CAAC+B,KAAMA,EAAKxB,SAAEM,UAG3BP,EAAAA,EAAAA,KAAC0B,EAAiB,CAAAzB,SACb+B,EAAS9B,KAAI+B,IAENtB,EAAAA,EAAAA,MAACuB,EAAAA,SAAc,CAAAjC,SAAA,EACXU,EAAAA,EAAAA,MAACgB,EAAO,CAAA1B,SAAA,EACJD,EAAAA,EAAAA,KAAC4B,EAAU,CAAA3B,UACPD,EAAAA,EAAAA,KAAA,OACIgB,MAAmB,IAAZzB,EAAgB,OAAS,OAChCwB,IAAKkB,EAAQzB,MACbK,IAAKoB,EAAQ5B,MACba,MAAO,CAAEC,UAAW,gBAG5BnB,EAAAA,EAAAA,KAAC6B,EAAc,CAACtC,QAASA,EAAQU,UAC7BD,EAAAA,EAAAA,KAAA,OAAAC,SAAMgC,EAAQ5B,cAGtBL,EAAAA,EAAAA,KAAC8B,EAAc,CAACvC,QAASA,MAdR0C,EAAQ5B,aAqBrD,C,2ECpKA,MAAMxB,EAAYC,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,yBAAAC,YAAA,gBAAVF,CAAU,67BAMDG,GAAUA,EAAMkD,WAAa,SAAW,KA0D7Df,EAAcA,EAChBX,YACAY,SACAc,aACAC,aACAC,kBAEA,IAAIC,EAAa,CACbC,UAAU,EACVxB,IAAKN,EACLY,UAEJ,GAAImB,OAAOC,KAAKL,GAAYM,OAAQ,CAChC,MAAM,MAAE1B,EAAK,OAAEC,GAlBA0B,EAACC,EAAWC,EAAU5B,EAAQD,KAAK,CACtDC,OAAQA,EAAS2B,EAAYA,EAAY3B,EACzCD,MAAOA,EAAQ6B,EAAWA,EAAW7B,IAgBP2B,CACtBP,EAAWQ,UACXR,EAAWS,SACXT,EAAWnB,OACXmB,EAAWpB,OAGfsB,EAAa,IAAKA,EAAYQ,MAAOV,EAAWU,MAAO7B,SAAQD,QACnE,CACA,OACIhB,EAAAA,EAAAA,KAACnB,EAAS,CAACsD,WAAYA,EAAWlC,UAC9BU,EAAAA,EAAAA,MAACoC,EAAAA,GAAM,IAAKT,EAAUrC,SAAA,EAClBD,EAAAA,EAAAA,KAACgD,EAAAA,GAAc,KACfhD,EAAAA,EAAAA,KAACiD,EAAAA,GAAa,CAACC,SAAS,YACxBlD,EAAAA,EAAAA,KAACmD,EAAAA,GAAU,CAACC,UAAU,EAAMC,mBAAoBhB,QAE5C,EAIpBjB,EAAYkC,aAAe,CACvBlB,WAAY,CAAC,EACbD,YAAY,EACZd,OAAQ,GACRgB,aAAa,GAGjBjB,EAAYmC,UAAY,CACpB9C,UAAW+C,EAAAA,OAAAA,WACXnC,OAAQmC,EAAAA,OACRrB,WAAYqB,EAAAA,KACZpB,WAAYoB,EAAAA,SAAmBA,EAAAA,KAC/BnB,YAAamB,EAAAA,MAGjB,K,uMCtGA,MAAMC,EAAQ3E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,mCAAAC,YAAA,eAAVF,CAAU,ySAiBlB4E,EAAe5E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,0CAAAC,YAAA,eAAVF,CAAU,yOAczB6E,EAAe7E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,0CAAAC,YAAA,eAAVF,CAAU,iHAQzB8E,EAAY9E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uCAAAC,YAAA,eAAVF,CAAU,+HAStB+E,EAAW/E,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,sCAAAC,YAAA,eAAVF,CAAU,yGASrBgF,EAAahF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,wCAAAC,YAAA,eAAVF,CAAU,gMAYvBiF,EAAYjF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,uCAAAC,YAAA,eAAVF,CAAU,+HAQtBkF,EAAOlF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,kCAAAC,YAAA,eAAVF,CAAU,2CAMjBmF,EAASnF,EAAAA,QAAAA,IAAAA,WAAU,CAAAC,YAAA,oCAAAC,YAAA,eAAVF,CAAU,6LAeV,SAASoF,GAAmB,KAAEnE,IACzC,MAAM,YACFoE,EAAW,KACXC,EAAI,MACJC,EAAK,SACLrC,EAAQ,SACRsC,EAAQ,aACRC,EAAY,SACZC,GACAzE,EAAK0E,WAET,OACI9D,EAAAA,EAAAA,MAAC+D,EAAAA,EAAM,CAACC,KAAK,kBAAiB1E,SAAA,EAC1BD,EAAAA,EAAAA,KAAC4E,EAAAA,EAAY,CACTvE,MAAM,gBACNG,MAAO2D,EAAYU,cACnBtE,YAAa4D,EAAYW,mBAE7B9E,EAAAA,EAAAA,KAAC+E,EAAAA,EAAI,IAAKX,EAAK,GAAI3C,KAAM,KACzBd,EAAAA,EAAAA,MAAC8C,EAAK,CAAAxD,SAAA,EACFD,EAAAA,EAAAA,KAAC0D,EAAY,CAAAzD,SAAEoE,EAAM,GAAGhE,SACxBL,EAAAA,EAAAA,KAAC2D,EAAY,CAAA1D,SACRoE,EAAM,GAAGrC,SAAS9B,KAAI8E,IAEfrE,EAAAA,EAAAA,MAACiD,EAAS,CAAA3D,SAAA,EACND,EAAAA,EAAAA,KAAC6D,EAAQ,CAAA5D,UACLD,EAAAA,EAAAA,KAAA,OACIe,IAAKiE,EAAIxE,MACTS,OAAO,OACPC,MAAO,CAAEC,UAAW,WACpBN,IAAKmE,EAAI3E,WAGjBL,EAAAA,EAAAA,KAAC8D,EAAU,CAAA7D,SAAE+E,EAAI3E,SACjBL,EAAAA,EAAAA,KAAC+D,EAAS,CAAA9D,SAAE+E,EAAIzE,gBAVJyE,EAAI3E,eAgBpCM,EAAAA,EAAAA,MAACqD,EAAI,CAAA/D,SAAA,EACDD,EAAAA,EAAAA,KAAC+B,EAAAA,EAAa,IACNC,EAAS,GACbT,WAAY0D,EAAAA,EACZzD,UAAW0D,EAAAA,EACXzD,KAAM,EACNlC,QAAS,KAEbS,EAAAA,EAAAA,KAACI,EAAAA,EAAO,IACAkE,EAAS,GACblF,UAAW,OACXG,QAAS,KAEbS,EAAAA,EAAAA,KAACiE,EAAM,CAAAhE,UACHD,EAAAA,EAAAA,KAACmF,EAAAA,GAAK,OAEVnF,EAAAA,EAAAA,KAACI,EAAAA,EAAO,IACAkE,EAAS,GACblF,UAAW,QACXG,QAAS,KAEbS,EAAAA,EAAAA,KAACiE,EAAM,CAAAhE,UACHD,EAAAA,EAAAA,KAACoF,EAAAA,GAAK,SAEN,IACLb,GAAgBA,EAAa7B,OAAS,GACrC1C,EAAAA,EAAAA,KAACqF,EAAAA,EAAW,IAAKd,EAAa,MAE9BvE,EAAAA,EAAAA,KAAA,WAEJA,EAAAA,EAAAA,KAACsF,EAAAA,EAAY,IAAKd,EAAS,OAGvC,C,uBC5LA,IAAe,IAA0B,2D","sources":["webpack://gatsby-starter-default/./src/components/article/index.js","webpack://gatsby-starter-default/./src/components/featuresPanel/index.js","webpack://gatsby-starter-default/./src/components/videoPlayer/index.js","webpack://gatsby-starter-default/./src/pages/advertisers-data-platform.js","webpack://gatsby-starter-default/./src/assets/images/wave21-mobile.png"],"sourcesContent":["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 VideoPlayer from '../videoPlayer';\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 SubHeading = styled.div`\n font-size: 23px;\n line-height: 32px;\n font-family: 'Neuzeit Grotesk';\n color: white;\n letter-spacing: normal;\n user-select: none;\n text-align: left;\n @media screen and (max-width: 768px) {\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 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 MediaContainer = styled.div`\n width: ${props => (props.spacing === 1 ? 'calc(50% - 25px)' : '40%')};\n display: flex;\n justify-content: center;\n align-items: center;\n height: fit-content;\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`;\nconst SpecContainer = styled.div`\n display: flex;\n flex-wrap: wrap;\n`;\nconst Spec = styled.div`\n text-align: left;\n color: rgba(255, 255, 255, 0.7);\n letter-spacing: normal;\n font-size: 17px;\n line-height: 24px;\n text-align: left;\n font-family: 'Neuzeit Grotesk';\n width: calc(50% - 24px);\n margin-left: 24px;\n &::before {\n content: '•';\n color: #a68353;\n font-size: 24px;\n display: inline-block;\n line-height: 24px;\n width: 24px;\n margin-left: -24px;\n }\n`;\n\nconst SpecList = ({ data }) => {\n return (\n !!data && (\n \n {data.map(item => {\n return {item};\n })}\n \n )\n );\n};\nexport default function Article({\n title,\n subtitle,\n description,\n image,\n video_url,\n direction,\n spec,\n backColor = 'transparent',\n spacing = 0,\n}) {\n return (\n \n \n \n {image && (\n attributes as props\n width={'100%'}\n height={'auto'}\n style={{ objectFit: 'contain' }}\n />\n )}\n {video_url && (\n \n )}\n \n\n \n
\n {title}\n {subtitle}\n \n {description}\n
\n \n \n \n {title}\n \n {image && {title}}\n {video_url && (\n \n )}\n \n {subtitle}\n \n {description}\n \n \n );\n}\n","import React from 'react';\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n display: flex;\n justify-content: space-between;\n background: transparent;\n padding-left: 176px;\n padding-right: 176px;\n width: calc(100% - 352px);\n /* padding-top: 196px; */\n padding-bottom: ${props => (props.desktopImg ? '215px' : 0)};\n padding-top: ${props => (props.desktopImg ? '5px' : 0)};\n background: url(${props => props.desktopImg}) no-repeat bottom;\n background-size: 100%;\n flex-direction: ${props =>\n props.direction === 'reverse' ? 'row-reverse' : 'row'};\n @media screen and (max-width: 1024px) {\n padding-left: 64px;\n padding-right: 64px;\n width: calc(100% - 128px);\n }\n @media screen and (max-width: 767px) {\n background: url(${props => props.mobileImg}) no-repeat bottom;\n background-size: 100%;\n /* padding-top: 90px; */\n /* padding-bottom: 160px; */\n padding-left: 24px;\n padding-right: 24px;\n width: calc(100% - 48px);\n flex-direction: column;\n }\n`;\n\nconst Content = styled.div`\n width: 50%;\n margin-top: 0;\n display: flex;\n flex-direction: column;\n justify-content: center;\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 Desc = styled.div`\n margin-top: ${props => (props.type === 1 ? '36px' : '90px')};\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 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 margin-top: 23px;\n }\n`;\nconst FeaturesContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 40%;\n @media screen and (max-width: 767px) {\n margin-left: 0;\n width: 100%;\n margin-top: 18px;\n }\n`;\nconst Feature = styled.div`\n display: flex;\n margin-top: 16px;\n user-select: none;\n`;\nconst FeatureImg = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: center;\n`;\nconst FeatureContent = styled.div`\n font-family: 'Neuzeit Grotesk';\n color: rgba(255, 255, 255, 0.9);\n text-align: left;\n letter-spacing: normal;\n font-size: 17px;\n line-height: 24px;\n margin-left: ${props => (props.spacing === 1 ? '20px' : '12px')};\n\n display: flex;\n flex-direction: column;\n justify-content: center;\n div {\n white-space: pre-wrap;\n }\n`;\nconst FeatureDivider = styled.div`\n margin-left: ${props => (props.spacing === 1 ? '75px' : '60px')};\n margin-top: 16px;\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n\n &:last-child {\n border-bottom: none;\n }\n`;\nexport default function FeaturesPanel({\n title,\n description,\n features,\n desktopImg,\n mobileImg,\n direction = '',\n type = 0,\n spacing = 0,\n}) {\n return (\n \n \n
\n {title}\n {description}\n
\n \n \n {features.map(feature => {\n return (\n \n \n \n \n \n \n
{feature.title}
\n \n \n \n \n );\n })}\n \n \n );\n}\n","import React from 'react';\nimport * as PropTypes from 'prop-types';\nimport { Player, ControlBar, BigPlayButton, LoadingSpinner } from 'video-react';\nimport 'video-react/dist/video-react.css';\n\nimport styled from 'styled-components';\n\nconst Container = styled.div`\n width: 100%;\n & > div {\n &.video-react {\n margin: 0 auto;\n position: relative;\n padding-top: ${props => (props.isStandard ? '56.35%' : '')};\n }\n .video-react-big-play-button {\n top: 50%;\n left: 50%;\n margin-top: -25px !important;\n margin-left: -25px !important;\n color: white;\n font-size: 36px !important;\n line-height: 1.3em;\n height: 50px;\n width: 50px;\n display: block;\n position: absolute;\n padding: 0;\n cursor: pointer;\n opacity: 1;\n border: 0.06666em solid #fff;\n background: linear-gradient(-30deg, #ccaa66 0%, #996b3d 100%);\n -webkit-border-radius: 50%;\n -moz-border-radius: 50%;\n border-radius: 50%;\n -webkit-transition: all 0.4s;\n -moz-transition: all 0.4s;\n -o-transition: all 0.4s;\n transition: all 0.4s;\n font-family: 'video-react' !important;\n speak: none;\n font-style: normal;\n font-weight: normal;\n font-variant: normal;\n text-transform: none;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n }\n .video-react-big-play-button:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n text-align: center;\n }\n\n video {\n outline: none;\n user-select: none;\n background: #fff;\n }\n }\n`;\n\nconst getVideoHeight = (maxHeight, maxWidth, height, width) => ({\n height: height > maxHeight ? maxHeight : height,\n width: width > maxWidth ? maxWidth : width,\n});\n\nconst VideoPlayer = ({\n video_url,\n poster,\n isStandard,\n ratioProps,\n showControl,\n}) => {\n let videoProps = {\n autoPlay: false,\n src: video_url,\n poster,\n };\n if (Object.keys(ratioProps).length) {\n const { width, height } = getVideoHeight(\n ratioProps.maxHeight,\n ratioProps.maxWidth,\n ratioProps.height,\n ratioProps.width\n );\n\n videoProps = { ...videoProps, fluid: ratioProps.fluid, height, width };\n }\n return (\n \n \n \n \n \n \n \n );\n};\n\nVideoPlayer.defaultProps = {\n ratioProps: {},\n isStandard: true,\n poster: '',\n showControl: true,\n};\n\nVideoPlayer.propTypes = {\n video_url: PropTypes.string.isRequired,\n poster: PropTypes.string,\n isStandard: PropTypes.bool,\n ratioProps: PropTypes.objectOf(PropTypes.any),\n showControl: PropTypes.bool,\n};\n\nexport default VideoPlayer;\n","import React from 'react';\nimport styled from 'styled-components';\nimport { graphql } from 'gatsby';\n\nimport Layout from '../layout/main';\nimport SEOComponent from '../components/seo';\nimport Hero from '../components/hero4';\n\nimport Article from '../components/article';\nimport FeaturesPanel from '../components/featuresPanel';\nimport Testimonial from '../components/testimonial';\nimport CTAComponent from '../components/cta';\nimport { Wave1, Wave3 } from '../components/wave';\n\nimport Wave22Img from './../assets/images/wave22.png';\nimport Wave22MobileImg from './../assets/images/wave22-mobile.png';\n\nconst Intro = styled.div`\n padding-left: 64px;\n padding-right: 64px;\n padding-top: 97px;\n padding-bottom: 76px;\n width: calc(100% - 128px);\n background: #fafafa;\n margin-bottom: 60px;\n @media screen and (max-width: 767px) {\n width: calc(100% - 48px);\n padding-left: 24px;\n padding-right: 24px;\n padding-top: 71px;\n padding-bottom: 93px;\n margin-bottom: 95px;\n }\n`;\nconst IntroHeading = styled.div`\n font-family: 'Renogare-Regular';\n font-size: 36px;\n line-height: 40px;\n letter-spacing: -1.5px;\n text-align: center;\n color: #19171a;\n @media screen and (max-width: 767px) {\n font-size: 24px;\n line-height: 28px;\n letter-spacing: -0.92px;\n text-align: center;\n }\n`;\nconst IntroContent = styled.div`\n display: flex;\n flex-direction: row;\n margin-top: 21px;\n @media screen and (max-width: 767px) {\n flex-direction: column;\n }\n`;\nconst IntroItem = styled.div`\n width: calc(33.33% - 80px);\n padding: 30px 40px;\n display: block;\n @media screen and (max-width: 767px) {\n width: 100%;\n padding: 12px 0;\n }\n`;\nconst IntroImg = styled.div`\n height: 240px;\n display: flex;\n justify-content: center;\n\n @media screen and (max-width: 767px) {\n height: 128px;\n }\n`;\nconst IntroTitle = styled.div`\n color: #19171a;\n font-family: 'Renogare-Regular';\n font-size: 20px;\n line-height: 32px;\n letter-spacing: -0.5px;\n text-align: center;\n margin-top: 25px;\n @media screen and (max-width: 767px) {\n margin-top: 15px;\n }\n`;\nconst IntroDesc = styled.div`\n margin-top: 12px;\n font-family: 'Neuzeit Grotesk';\n font-size: 17px;\n line-height: 24px;\n text-align: center;\n color: rgba(25, 23, 26, 0.7);\n`;\nconst Main = styled.div`\n /* margin-top: 136px; */\n @media screen and (max-width: 767px) {\n /* margin-top: 96px; */\n }\n`;\nconst Wave32 = styled.div`\n height: 100px;\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 AdDataPlatformPage({ data }) {\n const {\n seo_content,\n hero,\n intro,\n features,\n articles,\n testimonials,\n book_now,\n } = data.butterPage;\n\n return (\n \n \n \n \n {intro[0].title}\n \n {intro[0].features.map(val => {\n return (\n \n \n \n \n {val.title}\n {val.description}\n \n );\n })}\n \n \n
\n \n \n \n \n \n \n \n \n \n
{' '}\n {!!testimonials && testimonials.length > 0 ? (\n \n ) : (\n
\n )}\n \n \n );\n}\n\nexport const adDataPlatformPageQuery = graphql`\n query {\n butterPage(slug: { eq: \"ad-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 title\n type\n theme\n url\n }\n }\n intro {\n title\n features {\n title\n description\n image\n }\n }\n features {\n title\n description\n features {\n title\n description\n image\n }\n }\n articles {\n title\n description\n image\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/wave21-mobile-0d6397ea83b390716865d1b7cdaaee6c.png\";"],"names":["Container","styled","displayName","componentId","props","backColor","DesktopContainer","direction","MobileContainer","Content","spacing","Heading","SubHeading","Desc","MediaContainer","SpecContainer","Spec","SpecList","data","_jsx","children","map","item","Article","title","subtitle","description","image","video_url","spec","_jsxs","LazyLoadImage","alt","effect","src","width","height","style","objectFit","VideoPlayer","poster","whiteSpace","desktopImg","mobileImg","type","FeaturesContainer","Feature","FeatureImg","FeatureContent","FeatureDivider","FeaturesPanel","features","feature","React","isStandard","ratioProps","showControl","videoProps","autoPlay","Object","keys","length","getVideoHeight","maxHeight","maxWidth","fluid","Player","LoadingSpinner","BigPlayButton","position","ControlBar","autoHide","disableCompletely","defaultProps","propTypes","PropTypes","Intro","IntroHeading","IntroContent","IntroItem","IntroImg","IntroTitle","IntroDesc","Main","Wave32","AdDataPlatformPage","seo_content","hero","intro","articles","testimonials","book_now","butterPage","Layout","menu","SEOComponent","sharing_image","seo_description","Hero","val","Wave22Img","Wave22MobileImg","Wave3","Wave1","Testimonial","CTAComponent"],"sourceRoot":""}