forked from deriv-com/sinbad
-
Notifications
You must be signed in to change notification settings - Fork 2
/
component---src-pages-home-welcome-tsx-b33fb655f3e03e34516e.js.map
1 lines (1 loc) · 27.6 KB
/
component---src-pages-home-welcome-tsx-b33fb655f3e03e34516e.js.map
1
{"version":3,"file":"component---src-pages-home-welcome-tsx-b33fb655f3e03e34516e.js","mappings":"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","sources":["webpack://sinbad-dev/./src/common/components/containers/flex.ts","webpack://sinbad-dev/./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack://sinbad-dev/./src/themes/function.ts","webpack://sinbad-dev/./src/common/components/containers/main.ts","webpack://sinbad-dev/./src/images/svg/random.svg","webpack://sinbad-dev/./src/pages/home/welcome.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport device, { size } from 'themes/device'\nimport { Margins, Paddings } from 'themes/function'\n\nconst flexStyles = ({ jc, ai, fw, fd }) => css`\n justify-content: ${jc};\n align-items: ${ai};\n flex-wrap: ${fw};\n flex-direction: ${fd};\n`\n\nconst mediaqueries = Object.keys(size)\n .sort(function (a, b) {\n return size[b] - size[a]\n })\n .reduce((accumulator, label) => {\n accumulator[label] = (...args) => css`\n @media (max-width: ${size[label]}px) {\n ${css(...args)};\n }\n `\n return accumulator\n }, {})\n\nconst generateResponsiveStyles = (stylesGenerator) => (props) => {\n return Object.keys(mediaqueries).reduce((rules, mq) => {\n if (!props[mq]) return rules\n const styles = mediaqueries[mq]` \n ${stylesGenerator(props[mq])}\n `\n return [...rules, styles]\n }, [])\n}\n\nconst responsiveStyles = generateResponsiveStyles(flexStyles)\n\nconst baseStyles = ({\n m,\n mt,\n ml,\n mr,\n mb,\n p,\n pt,\n pl,\n pr,\n pb,\n min_width,\n max_width,\n min_height,\n max_height,\n width,\n height,\n}) => css`\n min-width: ${min_width};\n max-width: ${max_width};\n min-height: ${min_height};\n max-height: ${max_height};\n width: ${width};\n height: ${height};\n ${Margins({ m, mt, ml, mr, mb })}\n ${Paddings({ p, pt, pl, pr, pb })}\n`\n\nexport const Box = styled.div`\n width: ${(props) => (props.width ? props.width : '')};\n height: ${(props) => (props.height ? props.height : '')};\n min-height: ${(props) => (props.min_height ? props.min_height : '')};\n max-width: ${(props) => (props.max_width ? props.max_width : '')};\n position: ${(props) => (props.position ? props.position : '')};\n background: ${(props) => (props.background || props.bg ? props.background || props.bg : '')};\n ${baseStyles}\n ${responsiveStyles}\n`\n\nconst Flex = styled(Box)`\n display: flex;\n width: ${(props) => (props.width ? props.width : '100%')};\n height: ${(props) => (props.height ? props.height : '100%')};\n flex-wrap: ${(props) => (props.wrap || props.fw ? props.wrap || props.fw : '')};\n justify-content: ${(props) => (props.jc ? props.jc : 'center')};\n align-items: ${(props) => (props.ai ? props.ai : '')};\n flex-direction: ${(props) => (props.direction || props.fd ? props.direction || props.fd : '')};\n\n @media ${device.tablet} {\n flex-direction: ${(props) => (props.tablet_direction ? props.tablet_direction : '')};\n align-items: ${(props) => (props.tablet_ai ? props.tablet_ai : '')};\n justify-content: ${(props) => (props.tablet_jc ? props.tablet_jc : '')};\n flex-wrap: ${(props) => props.tablet_fw};\n }\n\n ${responsiveStyles}\n`\n\nexport default Flex\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n if (!raw) {\n raw = strings.slice(0);\n }\n\n strings.raw = raw;\n return strings;\n}","import { css } from 'styled-components'\n\ntype MarginsType = {\n m?: string\n mt?: string\n ml?: string\n mr?: string\n mb?: string\n}\n\ntype PaddingsType = {\n p?: string\n pt?: string\n pl?: string\n pr?: string\n pb?: string\n}\n\nexport const Margins = ({ m = '', mt = '', ml = '', mr = '', mb = '' }: MarginsType) => css`\n margin: ${m ? m : null};\n margin-top: ${mt ? mt : null};\n margin-right: ${mr ? mr : null};\n margin-bottom: ${mb ? mb : null};\n margin-left: ${ml ? ml : null};\n`\nexport const Paddings = ({ p = '', pt = '', pl = '', pr = '', pb = '' }: PaddingsType) => css`\n padding: ${p ? p : null};\n padding-top: ${pt ? pt : null};\n padding-bottom: ${pb ? pb : null};\n padding-right: ${pr ? pr : null};\n padding-left: ${pl ? pl : null};\n`\n","import styled from 'styled-components'\n\ntype HeaderProps = {\n font_size?: string\n font_weight?: string\n color?: string\n}\ntype TextProps = {\n font_size?: string\n width?: string\n text_align?: string\n padding?: string\n}\ntype ImageProps = {\n width?: string\n height?: string\n}\n\nexport const ContactUsButton = styled.button`\n width: fit-content;\n height: 25px;\n color: black;\n background-color: orange;\n border-radius: 10px;\n font-size: 10px;\n`\n\nexport const ImageContainer = styled.img<ImageProps>`\n width: ${(props) => (props.width ? props.width : '400px')};\n height: ${(props) => (props.height ? props.height : '100%')};\n`\n\nexport const Header = styled.div<HeaderProps>`\n font-size: ${(props) => (props.font_size ? props.font_size : '24px')};\n font-weight: ${(props) => (props.font_weight ? props.font_weight : 'bold')};\n text-align: left;\n padding: 10px 40px 10px 0;\n color: ${(props) => (props.color ? props.color : 'black')};\n`\nexport const Text = styled.div<TextProps>`\n font-size: ${(props) => (props.font_size ? props.font_size : '16px')};\n line-height: 22px;\n width: ${(props) => (props.width ? props.width : '300px')};\n text-align: ${(props) => (props.text_align ? props.text_align : 'left')};\n padding: ${(props) => (props.padding ? props.padding : '15px 0')};\n color: ${(props) => (props.color ? props.color : 'black')};\n`\n","var _g;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar SvgRandom = function SvgRandom(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 104,\n height: 104,\n xmlns: \"http://www.w3.org/2000/svg\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n stroke: \"#263238\",\n strokeWidth: 3.5,\n fill: \"#F7E07E\",\n fillRule: \"evenodd\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M50.386 101.86a49.818 49.818 0 0 1-12.87-2.022c-16.72-4.941-29.78-18.41-34.146-35.369H59.2l-20.554 35.6\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M87.277 87.277c-12.666 12.682-31.344 17.607-48.631 12.791L66.398 52l20.553 35.6h0a49.5 49.5 0 0 0 .326-.323h0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M100.19 39.088c4.65 17.31-.425 35.948-13.239 48.511h0L59.2 39.531h41.106a49.505 49.505 0 0 0-.116-.443h0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M64.912 3.81c17.316 4.629 30.92 18.342 35.393 35.72h0-55.504L65.354 3.933a49.505 49.505 0 0 0-.442-.121h0Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M65.354 3.932 37.602 52 17.049 16.4a49.5 49.5 0 0 0-.326.323C29.39 4.041 48.067-.884 65.354 3.932Z\"\n }), /*#__PURE__*/React.createElement(\"path\", {\n d: \"M3.694 64.47c-4.446-17.185.65-35.613 13.355-48.07L44.8 64.47H3.694h0Z\"\n }))));\n};\n\nexport { SvgRandom as ReactComponent };\nexport default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjEwNHB4IiBoZWlnaHQ9IjEwNHB4IiB2aWV3Qm94PSIwIDAgMTA0IDEwNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4KICAgIDwhLS0gVXBsb2FkZWQgdG8gU1ZHUmVwbyBodHRwczovL3d3dy5zdmdyZXBvLmNvbSAtLT4KICAgIDx0aXRsZT4xMS1tdWx0aW1lZGEtY2FtZXJhPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGRlZnM+PC9kZWZzPgogICAgPGcgaWQ9IjMuTXVsdGltZWRpYSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj4KICAgICAgICA8ZyBpZD0iTXVsdGltZWRpYS0oQ29sb3IpIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtOTguMDAwMDAwLCAtMzAwLjAwMDAwMCkiIHN0cm9rZT0iIzI2MzIzOCIgc3Ryb2tlLXdpZHRoPSIzLjUiIGZpbGw9IiNGN0UwN0UiPgogICAgICAgICAgICA8ZyBpZD0iMTEtbXVsdGltZWRhLWNhbWVyYSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgMzAyLjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTQ4LjM4NTczOSw5OS44NjAzMjQ5IEM0My45MjU0MDMxLDk5Ljc0NzEwMDggMzkuNjEwNjAzNiw5OS4wNDgzMjA2IDM1LjUxNTM0MjQsOTcuODM3OTg2MyBDMTguNzk1NTg2NCw5Mi44OTY1NDQ2IDUuNzM1MjA2NzgsNzkuNDI4MjYwOCAxLjM3MDIzODQyLDYyLjQ2OTE2OTYgTDEuMzcwMjM4NDIsNjIuNDY5MTY5NiBMNTcuMTk5MDc4NCw2Mi40NjkxNjk2IEwzNi42NDU5NDUxLDk4LjA2ODI0MDgiIGlkPSJMYXllci0xIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNODUuMjc2ODg0LDg1LjI3Njg4NCBDNzIuNjEwODU1NCw5Ny45NTg5MzI3IDUzLjkzMjkyNDYsMTAyLjg4MzkxNSAzNi42NDU5NDUxLDk4LjA2ODI0MDggTDY0LjM5ODE1NjksNTAgTDg0Ljk1MTI5MDIsODUuNTk5MDcxMiBMODQuOTUxMjkwMiw4NS41OTkwNzEyIEM4NS4wNjAzODI5LDg1LjQ5MjExNDMgODUuMTY4OTE0Niw4NS4zODQ3MTcgODUuMjc2ODg0LDg1LjI3Njg4MzkgTDg1LjI3Njg4NCw4NS4yNzY4ODQgWiIgaWQ9IkxheWVyLTIiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik05OC4xODkxMTk3LDM3LjA4Nzc2NDMgQzEwMi44MzkwODIsNTQuMzk3ODkxMSA5Ny43NjUyNzU3LDczLjAzNTk0NDYgODQuOTUxMjkwMiw4NS41OTkwNzEyIEw4NC45NTEyOTAyLDg1LjU5OTA3MTIgTDU3LjE5OTA3ODQsMzcuNTMwODMwNCBMOTguMzA1MzQ1MSwzNy41MzA4MzA0IEw5OC4zMDUzNDUxLDM3LjUzMDgzMDQgQzk4LjI2NzI2NCwzNy4zODI4NzQ5IDk4LjIyODUyMTEsMzcuMjM1MTg1MSA5OC4xODkxMTk3LDM3LjA4Nzc2NDMgTDk4LjE4OTExOTcsMzcuMDg3NzY0MyBaIiBpZD0iTGF5ZXItMyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTYyLjkxMjIzNTcsMS44MTA4ODAzNCBDODAuMjI4MjI2Myw2LjQzODk1ODQ2IDkzLjgzMjM1MTEsMjAuMTUyMDMwMSA5OC4zMDUzNDUxLDM3LjUzMDgzMDQgTDk4LjMwNTM0NTEsMzcuNTMwODMwNCBMNDIuODAwOTIxNiwzNy41MzA4MzA0IEw2My4zNTQwNTQ5LDEuOTMxNzU5MTUgQzYzLjIwNjg4MTEsMS44OTA3NjA2MSA2My4wNTk2MDY1LDEuODUwNDY4MDggNjIuOTEyMjM1NywxLjgxMDg4MDM0IEw2Mi45MTIyMzU3LDEuODEwODgwMzQgWiIgaWQ9IkxheWVyLTQiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik02My4zNTQwNTQ5LDEuOTMxNzU5MTUgTDM1LjYwMTg0MzEsNTAgTDE1LjA0ODcwOTgsMTQuNDAwOTI4OCBDMTQuOTM5NjE3MSwxNC41MDc4ODU3IDE0LjgzMTA4NTQsMTQuNjE1MjgzIDE0LjcyMzExNiwxNC43MjMxMTYxIEMyNy4zODkxNDQ2LDIuMDQxMDY3MzEgNDYuMDY3MDc1NCwtMi44ODM5MTQ1MiA2My4zNTQwNTQ5LDEuOTMxNzU5MTUgWiIgaWQ9IkxheWVyLTUiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xLjY5NDA1NzA3LDYyLjQ2OTE2OTYgQy0yLjc1MTk5NjA4LDQ1LjI4NDcxODIgMi4zNDM5ODE4OCwyNi44NTY5MzY3IDE1LjA0ODcwOTgsMTQuNDAwOTI4OCBMNDIuODAwOTIxNiw2Mi40NjkxNjk2IEwxLjY5NDA1NzA3LDYyLjQ2OTE2OTYgTDEuNjk0MDU3MDcsNjIuNDY5MTY5NiBaIiBpZD0iTGF5ZXItNiI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=\";","import React from 'react'\nimport styled from 'styled-components'\nimport { IconProps } from '../index'\nimport Random from 'images/svg/random.svg'\nimport Flex from 'common/components/containers/flex'\nimport { Text, Header, ImageContainer } from 'common/components/containers/main'\n\ntype TermProps = {\n index?: number\n border_left?: boolean\n}\nconst WelcomeContainer = styled.div`\n width: 100%;\n height: 100%;\n background-color: #f7cd43;\n`\nconst TextContainer = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 50px 0;\n`\n\nconst StyledFlex = styled(Flex)`\n @media (max-width: 930px) {\n flex-direction: column;\n align-items: center;\n width: unset;\n }\n`\nconst CardContainer = styled.div`\n display: flex;\n justify-content: center;\n padding-bottom: 25px;\n`\n\nconst Card = styled(Flex)`\n max-width: 324px;\n height: 290px;\n padding: 32px 44px 32px 32px;\n box-shadow: rgba(14, 14, 14, 0.1) 0 4px 8px 0;\n background-color: var(--color-white);\n margin: ${(props) => (props.margin ? props.margin : '0 40px 40px 0')};\n border-radius: 8px;\n justify-content: flex-end;\n\n @media (max-width: 930px) {\n order: ${(props) => (props.index === 2 ? 1 : props.index === 1 ? 2 : props.index)};\n margin: 0 0 19px;\n }\n`\n\nconst CardHeader = styled.div`\n font-size: 18px;\n padding: 20px;\n text-align: center;\n`\n\nconst CardText = styled.div`\n width: 240px;\n font-size: 14px;\n line-height: 20px;\n text-align: center;\n`\n\nconst OurTermsContainer = styled.div`\n display: flex;\n width: 1140px;\n height: 480px;\n text-align: center;\n justify-content: center;\n align-items: center;\n`\n\nconst TermsTextContainer = styled.div`\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: flex-start;\n align-content: center;\n width: 100%;\n height: 200px;\n padding: 30px 0 30px 150px;\n`\n\nconst OurTermsTable = styled.div`\n width: 140px;\n height: 340px;\n font-size: 20px;\n font-weight: bold;\n`\n\nconst OurTerms = styled.div`\n display: flex;\n flex-direction: row;\n padding: 15px;\n`\n\nconst OurTermsColumn = styled.div`\n display: flex;\n flex-direction: column;\n`\n\nconst TermImage = styled.img`\n width: 40px;\n height: 40px;\n padding-left: 10px;\n`\nconst TermText = styled.div`\n font-size: 14px;\n padding-left: 10px;\n font-weight: normal;\n`\n\nconst Term = styled.div<TermProps>`\n display: flex;\n align-items: center;\n height: 70px;\n padding: 10px;\n border-top: ${(props) =>\n props.index === 0 ? 'unset' : props.index === 4 ? 'unset' : '1px solid gray'};\n border-bottom: ${(props) =>\n props.index === 3 ? 'unset' : props.index === 7 ? 'unset' : '1px solid gray'};\n border-left: ${(props) => (props.border_left ? '1px solid gray' : 'unset')};\n`\n\nconst data = {\n our_service: {\n first: {\n header: 'App development & integration',\n text: 'We create desktop and mobile software and also manage complex integrations with existing systems',\n icon: Random,\n },\n other: [\n {\n header: 'Ideation',\n text: 'With research, analysis, ideation, and strategising, we translate our clients needs into opportunities for digital innovation',\n icon: Random,\n },\n {\n header: 'Quality assurance',\n text: 'Whatever we build goes through rigorous to make sure its quality and security meet our tough standarts',\n icon: Random,\n },\n {\n header: 'Product design',\n text: 'The journey from vision to intuitive software starts here. We design winning products for the fintech industry',\n icon: Random,\n },\n {\n header: 'Software maintenance',\n text: 'Offering lifetime maintenance and upgrading services, we continue to 0pxain our clients digital partner',\n icon: Random,\n },\n ],\n },\n our_terms: {\n first_column: [\n {\n icon: Random,\n text: 'Mobile App development',\n },\n {\n icon: Random,\n text: 'Full-stack Development',\n },\n {\n icon: Random,\n text: 'UI/UX',\n },\n {\n icon: Random,\n text: 'Business Intelligence',\n },\n ],\n\n second_column: [\n {\n icon: Random,\n text: 'Quantitative Analysis',\n },\n {\n icon: Random,\n text: 'Data Science',\n },\n {\n icon: Random,\n text: 'DevOps',\n },\n {\n icon: Random,\n text: 'Quality Assurance',\n },\n ],\n },\n}\n\nconst Welcome = ({ active, active_data }: any) => {\n return (\n <WelcomeContainer>\n <TextContainer>\n <Header>WELCOME TO THE SINBAD SOFTWARE</Header>\n <Text width=\"720px\" text_align=\"center\">\n Sinbad Software LLC provides software development services and IT solutions for\n the fintech industri. At every step of the way, we aim to give our clients the\n power to go beyond digital boundaires and surpass their competitors in the\n ever-evolving fintech landscape\n </Text>\n </TextContainer>\n <CardContainer>\n <Card direction=\"column\" ai=\"center\" jc=\"start\" margin=\"170px 0\">\n <img src={data.our_service.first.icon} alt=\"icon\" />\n <CardHeader>{data.our_service.first.header}</CardHeader>\n <CardText>{data.our_service.first.text}</CardText>\n </Card>\n <StyledFlex width=\"820px\" wrap=\"wrap\">\n {data.our_service.other.map(({ header, text, icon }, index) => (\n <Card key={index} index={index} direction=\"column\" ai=\"center\" jc=\"start\">\n <img src={icon} alt=\"icon\" />\n <CardHeader>{header}</CardHeader>\n <CardText>{text}</CardText>\n </Card>\n ))}\n </StyledFlex>\n </CardContainer>\n <OurTermsContainer>\n <TermsTextContainer>\n <Header color=\"red\">Sinbad Software</Header>\n <Header font_size=\"28px\">Revolutionising fintech needs amazing software</Header>\n <Text padding=\"15px 0 15px\">\n Our mission is to develop world-class fintech software solutions taht will\n give our clients a cutting edge.\n </Text>\n <Text padding=\"0 0 20px\">\n With a deep undestanding of the fintech industry and a talented team, we are\n ready to provide clients around the world with they need - from custom\n software to mobile applications, websites, web applications, information\n architecture, and more.\n </Text>\n <Header color=\"red\" font_size=\"18px\" font_weight=\"normal\">\n Where others see gaps, we see an opportunity to build a powerhouse\n </Header>\n </TermsTextContainer>\n {active_data.map(\n (current_item, index) =>\n index == active && <ImageContainer key={active} src={current_item.icon} />,\n )}\n <OurTermsTable>\n Our Terms\n <OurTerms>\n <OurTermsColumn>\n {data.our_terms.first_column.map((item, index) => (\n <Term key={index} index={index}>\n <TermImage src={item.icon} />\n <TermText>{item.text}</TermText>\n </Term>\n ))}\n </OurTermsColumn>\n <OurTermsColumn>\n {data.our_terms.second_column.map((item, index) => (\n <Term key={index} index={index} border_left={true}>\n <TermImage src={item.icon} />\n <TermText>{item.text}</TermText>\n </Term>\n ))}\n </OurTermsColumn>\n </OurTerms>\n </OurTermsTable>\n </OurTermsContainer>\n </WelcomeContainer>\n )\n}\n\nexport default Welcome\n"],"names":["stylesGenerator","mediaqueries","Object","keys","size","sort","a","b","reduce","accumulator","label","css","responsiveStyles","jc","ai","fw","fd","props","rules","mq","strings","raw","styles","_templateObject","slice","Box","styled","width","height","min_height","max_width","position","background","bg","m","mt","ml","mr","mb","p","pt","pl","pr","pb","min_width","max_height","Margins","Paddings","withConfig","wrap","direction","device","tablet_direction","tablet_ai","tablet_jc","tablet_fw","ContactUsButton","ImageContainer","Header","font_size","font_weight","color","Text","text_align","padding","WelcomeContainer","TextContainer","StyledFlex","Flex","CardContainer","Card","margin","index","CardHeader","CardText","OurTermsContainer","TermsTextContainer","OurTermsTable","OurTerms","OurTermsColumn","TermImage","TermText","Term","border_left","data","our_service","first","header","text","icon","Random","other","our_terms","first_column","second_column","active","active_data","React","src","alt","map","key","current_item","item"],"sourceRoot":""}