{"version":3,"file":"component---src-templates-product-page-tsx-579a73fab0cb9caf4a8b.js","mappings":"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","sources":["webpack://norion-landing/./src/pages-components/product/Activation/Activation.tsx","webpack://norion-landing/./src/pages-components/product/Activation/styles.ts","webpack://norion-landing/./node_modules/@mui/material/CardMedia/cardMediaClasses.js","webpack://norion-landing/./node_modules/@mui/material/CardMedia/CardMedia.js","webpack://norion-landing/./src/pages-components/product/Ecosystem/Ecosystem.tsx","webpack://norion-landing/./src/pages-components/product/Ecosystem/styles.ts","webpack://norion-landing/./src/pages-components/product/Heading/Heading.tsx","webpack://norion-landing/./src/pages-components/product/Heading/styles.ts","webpack://norion-landing/./src/pages-components/product/Payments/Payments.tsx","webpack://norion-landing/./src/pages-components/product/Payments/styles.ts","webpack://norion-landing/./src/pages-components/product/Platforms/Platforms.tsx","webpack://norion-landing/./src/pages-components/product/Platforms/styles.ts","webpack://norion-landing/./src/pages-components/product/Tokens/Tokens.tsx","webpack://norion-landing/./src/pages-components/product/Tokens/styles.ts","webpack://norion-landing/./src/templates/ProductPage.tsx"],"sourcesContent":["import React from 'react';\nimport clsx from 'clsx';\n// gatsby\nimport { graphql, useStaticQuery } from 'gatsby';\n// material\nimport { styled } from '@mui/material/styles';\n// components\nimport { ContentBox, FeaturedBoxList } from 'components';\n// hooks\nimport { useLocales } from 'hooks';\n//\nimport { stylesRoot } from './styles';\n\ninterface ActivationProps {\n  header?: string;\n  subheader?: string;\n  description?: string;\n  smallScreen?: boolean;\n}\n\ninterface ActivationAllProps extends ActivationProps {\n  className?: string;\n}\n\nconst PREFIX = 'Activation';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Activation = (props: ActivationAllProps) => {\n  const { className: classNameProp, header, subheader, description, smallScreen } = props;\n  const { translate: t } = useLocales();\n\n  const data = useStaticQuery(graphql`\n    query {\n      stakingImage: file(relativePath: { eq: \"product/activation/staking.png\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n      farmingAndLendingImage: file(\n        relativePath: { eq: \"product/activation/farming-and-lending.png\" }\n      ) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n      votingImage: file(relativePath: { eq: \"product/activation/voting.png\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n    }\n  `);\n\n  const items = [\n    {\n      title: t('pages.product.activation.items.staking.title'),\n      description: t('pages.product.activation.items.staking.description'),\n      image: data.stakingImage,\n    },\n    {\n      title: t('pages.product.activation.items.farmingAndLending.title'),\n      description: t('pages.product.activation.items.farmingAndLending.description'),\n      image: data.farmingAndLendingImage,\n    },\n    {\n      title: t('pages.product.activation.items.voting.title'),\n      description: t('pages.product.activation.items.voting.description'),\n      image: data.votingImage,\n    },\n  ];\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)} background=\"default\">\n      <FeaturedBoxList\n        invertHeader\n        header={header}\n        headerProps={{ variant: 'h4', component: 'h2' }}\n        subheader={subheader}\n        subheaderProps={{ variant: 'subtitle1', component: 'h4' }}\n        description={description}\n        textAlign=\"center\"\n        smallScreen={smallScreen}\n        items={items}\n      />\n    </StyledRoot>\n  );\n};\n\nActivation.defaultProps = {} as Partial<ActivationAllProps>;\n\nexport default Activation;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n      },\n    },\n  };\n};\n","import { unstable_generateUtilityClasses as generateUtilityClasses } from '@mui/utils';\nimport generateUtilityClass from '../generateUtilityClass';\nexport function getCardMediaUtilityClass(slot) {\n  return generateUtilityClass('MuiCardMedia', slot);\n}\nvar cardMediaClasses = generateUtilityClasses('MuiCardMedia', ['root', 'media', 'img']);\nexport default cardMediaClasses;","import _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nvar _excluded = [\"children\", \"className\", \"component\", \"image\", \"src\", \"style\"];\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport { chainPropTypes } from '@mui/utils';\nimport { unstable_composeClasses as composeClasses } from '@mui/base';\nimport useThemeProps from '../styles/useThemeProps';\nimport styled from '../styles/styled';\nimport { getCardMediaUtilityClass } from './cardMediaClasses';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\n\nvar useUtilityClasses = function useUtilityClasses(ownerState) {\n  var classes = ownerState.classes,\n      isMediaComponent = ownerState.isMediaComponent,\n      isImageComponent = ownerState.isImageComponent;\n  var slots = {\n    root: ['root', isMediaComponent && 'media', isImageComponent && 'img']\n  };\n  return composeClasses(slots, getCardMediaUtilityClass, classes);\n};\n\nvar CardMediaRoot = styled('div', {\n  name: 'MuiCardMedia',\n  slot: 'Root',\n  overridesResolver: function overridesResolver(props, styles) {\n    var ownerState = props.ownerState;\n    var isMediaComponent = ownerState.isMediaComponent,\n        isImageComponent = ownerState.isImageComponent;\n    return [styles.root, isMediaComponent && styles.media, isImageComponent && styles.img];\n  }\n})(function (_ref) {\n  var ownerState = _ref.ownerState;\n  return _extends({\n    display: 'block',\n    backgroundSize: 'cover',\n    backgroundRepeat: 'no-repeat',\n    backgroundPosition: 'center'\n  }, ownerState.isMediaComponent && {\n    width: '100%'\n  }, ownerState.isImageComponent && {\n    // ⚠️ object-fit is not supported by IE11.\n    objectFit: 'cover'\n  });\n});\nvar MEDIA_COMPONENTS = ['video', 'audio', 'picture', 'iframe', 'img'];\nvar IMAGE_COMPONENTS = ['picture', 'img'];\nvar CardMedia = /*#__PURE__*/React.forwardRef(function CardMedia(inProps, ref) {\n  var props = useThemeProps({\n    props: inProps,\n    name: 'MuiCardMedia'\n  });\n\n  var children = props.children,\n      className = props.className,\n      _props$component = props.component,\n      component = _props$component === void 0 ? 'div' : _props$component,\n      image = props.image,\n      src = props.src,\n      style = props.style,\n      other = _objectWithoutPropertiesLoose(props, _excluded);\n\n  var isMediaComponent = MEDIA_COMPONENTS.indexOf(component) !== -1;\n  var composedStyle = !isMediaComponent && image ? _extends({\n    backgroundImage: \"url(\\\"\".concat(image, \"\\\")\")\n  }, style) : style;\n\n  var ownerState = _extends({}, props, {\n    component: component,\n    isMediaComponent: isMediaComponent,\n    isImageComponent: IMAGE_COMPONENTS.indexOf(component) !== -1\n  });\n\n  var classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(CardMediaRoot, _extends({\n    className: clsx(classes.root, className),\n    as: component,\n    role: !isMediaComponent && image ? 'img' : undefined,\n    ref: ref,\n    style: composedStyle,\n    ownerState: ownerState,\n    src: isMediaComponent ? image || src : undefined\n  }, other, {\n    children: children\n  }));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default CardMedia;","import React from 'react';\nimport clsx from 'clsx';\n// gatsby\nimport { Link as GatsbyLink } from 'gatsby';\n// material\nimport { styled } from '@mui/material/styles';\nimport {\n  Box,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardMedia,\n  Typography,\n  Grid,\n} from '@mui/material';\n// components\nimport { ContentBox, Hero } from 'components';\n// types\nimport { GatsbyLinkProps } from 'gatsby-link';\nimport { BoxWithHeaderProps } from 'components/BoxWithHeader/BoxWithHeader';\nimport { ImageType } from 'types/image';\n// hooks\nimport { useLocales } from 'hooks';\n//\nimport { stylesRoot } from './styles';\n\ninterface EcosystemProps {\n  header?: string;\n  headerProps?: BoxWithHeaderProps['headerProps'];\n  subheader?: string;\n  subheaderProps?: BoxWithHeaderProps['subheaderProps'];\n  url?: GatsbyLinkProps<any>['to'];\n  smallScreen?: boolean;\n  image?: ImageType;\n}\n\ninterface EcosystemAllProps extends EcosystemProps {\n  className?: string;\n}\n\nconst PREFIX = 'Ecosystem';\nconst classes = {\n  root: `${PREFIX}-root`,\n  card: `${PREFIX}-card`,\n  descriptionCard: `${PREFIX}-descriptionCard`,\n  descriptionCardContent: `${PREFIX}-descriptionCardContent`,\n  diagramCard: `${PREFIX}-diagramCard`,\n  diagramImage: `${PREFIX}-diagramImage`,\n  diagramImageFixed: `${PREFIX}-diagramImageFixed`,\n  header: `${PREFIX}-header`,\n  subheader: `${PREFIX}-subheader`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Ecosystem = (props: EcosystemAllProps) => {\n  const {\n    className: classNameProp,\n    header,\n    headerProps,\n    subheader,\n    subheaderProps,\n    url,\n    smallScreen,\n    image,\n  } = props;\n  const { translate: t } = useLocales();\n\n  return (\n    <StyledRoot\n      className={clsx(classes.root, classNameProp)}\n      background=\"transparent\"\n      spaceSize=\"huge\"\n    >\n      <Grid container spacing={smallScreen ? 2 : 3}>\n        <Grid item xs={12} md={5} lg={4}>\n          <Card\n            variant=\"elevation\"\n            elevation={0}\n            classes={{ root: clsx(classes.card, classes.descriptionCard) }}\n          >\n            <CardContent classes={{ root: classes.descriptionCardContent }}>\n              {header && (\n                <Typography {...headerProps} className={classes.header}>\n                  {header}\n                </Typography>\n              )}\n              {subheader && (\n                <Typography {...subheaderProps} className={classes.subheader}>\n                  {subheader}\n                </Typography>\n              )}\n\n              <Typography color=\"textSecondary\">\n                {t('pages.product.ecosystem.description')}\n              </Typography>\n\n              {url && (\n                <Button component={GatsbyLink} size={smallScreen ? 'medium' : 'large'} to={url}>\n                  {t('pages.product.ecosystem.btn')}\n                </Button>\n              )}\n            </CardContent>\n          </Card>\n        </Grid>\n\n        <Grid item xs={12} md={7} lg={8}>\n          <Card\n            variant=\"outlined\"\n            sx={{ textAlign: 'center' }}\n            classes={{ root: clsx(classes.card, classes.diagramCard) }}\n          >\n            <CardHeader\n              title={t('pages.product.ecosystem.diagram.title')}\n              subheader={t('pages.product.ecosystem.diagram.subtitle')}\n              titleTypographyProps={{\n                variant: 'h6',\n                color: 'primary',\n              }}\n            />\n\n            <Box className={clsx(classes.diagramImage, smallScreen && classes.diagramImageFixed)}>\n              {image && (\n                <CardMedia\n                  component={Hero}\n                  heroImg={image.src.publicURL}\n                  imageName={image.src.name}\n                  alt={image.alt}\n                  title={image?.title}\n                />\n              )}\n            </Box>\n          </Card>\n        </Grid>\n      </Grid>\n    </StyledRoot>\n  );\n};\n\nEcosystem.defaultProps = {\n  headerProps: {\n    color: 'textPrimary',\n    variant: 'h3',\n    component: 'h2',\n  },\n  subheaderProps: {\n    color: 'textSecondary',\n    variant: 'subtitle1',\n    component: 'h4',\n  },\n} as Partial<EcosystemAllProps>;\n\nexport default Ecosystem;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { breakpoints, palette, spacing, typography } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        [`& .${classes.card}`]: {\n          height: '100%',\n        },\n        [`& .${classes.descriptionCard}`]: {\n          background: palette.background.default,\n        },\n        [`& .${classes.descriptionCardContent}`]: {\n          '& > *:not(:last-child)': {\n            marginBottom: spacing(2.5),\n            [breakpoints.up('lg')]: {\n              marginBottom: spacing(3),\n            },\n          },\n        },\n        [`& .${classes.diagramCard}`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          [breakpoints.up('sm')]: {\n            '& .MuiCardHeader-content, & .MuiCardHeader-subheader': {\n              marginLeft: 'auto',\n              marginRight: 'auto',\n            },\n            '& .MuiCardHeader-content': {\n              maxWidth: breakpoints.values.sm * 0.85,\n            },\n            '& .MuiCardHeader-subheader': {\n              maxWidth: breakpoints.values.sm * 0.75,\n            },\n          },\n        },\n        [`& .${classes.diagramImage}`]: {\n          marginTop: spacing(3),\n          '& .MuiCardMedia-root': {\n            display: 'block !important',\n          },\n        },\n        [`& .${classes.diagramImageFixed}`]: {\n          '& .MuiCardMedia-root': {\n            left: '50%',\n            transform: 'translateX(-50%)',\n          },\n        },\n        [`& .${classes.header}`]: {},\n        [`& .${classes.subheader}`]: {\n          fontWeight: typography.fontWeightMedium,\n        },\n      },\n    },\n  };\n};\n","import React, { ReactNode } from 'react';\nimport clsx from 'clsx';\n// gatsby\nimport { graphql, Link as GatsbyLink, useStaticQuery } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Button } from '@mui/material';\n// components\nimport { BoxWithHeader, HeroSection, TextGradient, Hero } from 'components';\n// hooks\nimport { useLocales, usePath } from 'hooks';\n// types\nimport { ImageType } from 'types/image';\n//\nimport { stylesRoot } from './styles';\n\ninterface HeadingProps {\n  title?: string | ReactNode;\n  subtitle?: string | ReactNode;\n  smallScreen?: boolean;\n  hero?: ImageType;\n}\n\ninterface HeadingAllProps extends HeadingProps {\n  className?: string;\n}\n\nconst PREFIX = 'Heading';\nconst classes = {\n  root: `${PREFIX}-root`,\n  content: `${PREFIX}-content`,\n  text: `${PREFIX}-text`,\n  decorationImg: `${PREFIX}-decorationImg`,\n  lineImage: `${PREFIX}-lineImage`,\n  lineLeftImage: `${PREFIX}-lineLeftImage`,\n  lineRightImage: `${PREFIX}-lineRightImage`,\n  coin: `${PREFIX}-coin`,\n  coinLeft: `${PREFIX}-coinLeft`,\n  coinRight: `${PREFIX}-coinRight`,\n};\n\nconst StyledRoot = styled('div', { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Heading = (props: HeadingAllProps) => {\n  const { className: classNameProp, title, subtitle, smallScreen, hero } = props;\n  const { translate: t } = useLocales();\n  const { findPagePath } = usePath();\n\n  const data = useStaticQuery(graphql`\n    query {\n      lineLeftImage: file(relativePath: { eq: \"product/line-l.png\" }) {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 1120)\n        }\n      }\n      lineRightImage: file(relativePath: { eq: \"product/line-r.png\" }) {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 1120)\n        }\n      }\n      coinLeft: file(relativePath: { eq: \"coin2.png\" }) {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 320)\n        }\n      }\n      coinRight: file(relativePath: { eq: \"coin3.png\" }) {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 240)\n        }\n      }\n    }\n  `);\n\n  const getTitle = (string: string) => {\n    const lastIndex = string.lastIndexOf(' ');\n    return {\n      text: string.substring(0, lastIndex),\n      last: string.split(' ').splice(-1),\n    };\n  };\n\n  const properTitle = typeof title === 'string' ? getTitle(title) : { text: '', last: '' };\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)}>\n      <HeroSection\n        classesChildren={{ content: classes.content }}\n        background=\"default\"\n        spaceBottom={false}\n      >\n        <BoxWithHeader\n          header={\n            title ? (\n              <>\n                {typeof title === 'string' ? (\n                  <>\n                    {properTitle?.text}{' '}\n                    <TextGradient gradientLine=\"buttonSecondary\">{properTitle?.last}</TextGradient>\n                  </>\n                ) : (\n                  title\n                )}\n              </>\n            ) : undefined\n          }\n          headerProps={{\n            variant: 'h2',\n            component: 'h1',\n          }}\n          subheader={subtitle}\n          textAlign=\"center\"\n          className={classes.text}\n        >\n          <Button size=\"large\" component={GatsbyLink} to={findPagePath('contact')}>\n            {t('pages.product.hero.link')}\n          </Button>\n        </BoxWithHeader>\n\n        <div className={classes.decorationImg}>\n          {hero && (\n            <Hero\n              heroImg={hero.src.publicURL}\n              imageName={hero.src.name}\n              alt={hero.alt}\n              title={hero?.title || undefined}\n            />\n          )}\n\n          <GatsbyImage\n            image={data.coinLeft.childImageSharp.gatsbyImageData}\n            alt=\"\"\n            title=\"\"\n            className={clsx(classes.coin, classes.coinLeft)}\n          />\n          <GatsbyImage\n            image={data.coinRight.childImageSharp.gatsbyImageData}\n            alt=\"\"\n            title=\"\"\n            className={clsx(classes.coin, classes.coinRight)}\n          />\n        </div>\n      </HeroSection>\n\n      {!smallScreen && (\n        <>\n          <div className={clsx(classes.lineImage, classes.lineLeftImage)}>\n            <GatsbyImage\n              image={data.lineLeftImage.childImageSharp.gatsbyImageData}\n              alt=\"\"\n              title=\"\"\n              imgStyle={{ objectFit: 'contain' }}\n            />\n          </div>\n\n          <div className={clsx(classes.lineImage, classes.lineRightImage)}>\n            <GatsbyImage\n              image={data.lineRightImage.childImageSharp.gatsbyImageData}\n              alt=\"\"\n              title=\"\"\n              imgStyle={{ objectFit: 'contain' }}\n            />\n          </div>\n        </>\n      )}\n    </StyledRoot>\n  );\n};\n\nexport default Heading;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { breakpoints, customShadows, spacing } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n        [`& .${classes.content}`]: {\n          zIndex: 1,\n          flexDirection: 'column',\n          '& > *:not(:last-child)': {\n            marginBottom: spacing(4),\n            [breakpoints.up('sm')]: {\n              marginBottom: spacing(5.5),\n            },\n            [breakpoints.up('lg')]: {\n              marginBottom: spacing(7),\n            },\n          },\n        },\n        [`& .${classes.text}`]: {\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          flex: 1,\n          margin: '0 auto',\n          maxWidth: breakpoints.values.sm,\n          [breakpoints.up('md')]: {\n            maxWidth: breakpoints.values.md,\n          },\n        },\n        [`& .${classes.decorationImg}`]: {\n          position: 'relative',\n          width: '100%',\n          maxWidth: breakpoints.values.sm * 0.75,\n          margin: '0 auto',\n          [breakpoints.up('md')]: {\n            maxWidth: 1034,\n            marginBottom: -24,\n            '&:before': {\n              content: \"''\",\n              display: 'block',\n              position: 'absolute',\n              zIndex: -1,\n              left: '33%',\n              right: '33%',\n              bottom: 8,\n              height: 32,\n              margin: 'auto',\n              borderRadius: '50%',\n              boxShadow: customShadows.z16,\n            },\n          },\n        },\n        [`& .${classes.lineImage}`]: {\n          display: 'flex',\n          flexDirection: 'column-reverse',\n          position: 'absolute',\n          '& .gatsby-image-wrapper': {\n            display: 'block !important',\n          },\n        },\n        [`& .${classes.lineLeftImage}`]: {\n          bottom: '0',\n          maxHeight: '50%',\n          left: 0,\n          width: '50%',\n          maxWidth: breakpoints.values.sm,\n        },\n        [`& .${classes.lineRightImage}`]: {\n          bottom: 0,\n          maxHeight: '55%',\n          width: '60%',\n          maxWidth: breakpoints.values.sm,\n          right: '-12.5%',\n        },\n        [`& .${classes.coin}`]: {\n          position: 'absolute !important' as any,\n          '& img': {\n            display: 'block',\n          },\n        },\n        [`& .${classes.coinLeft}`]: {\n          width: 124,\n          left: 0,\n          bottom: 0,\n          transform: 'translateX(-62%) translateY(40%)',\n          [breakpoints.up('md')]: {\n            width: 148,\n            transform: 'translateX(-62%) translateY(20%)',\n          },\n        },\n        [`& .${classes.coinRight}`]: {\n          width: 96,\n          right: 0,\n          top: 0,\n          transform: 'translateX(80%) translateY(10%)',\n          [breakpoints.up('md')]: {\n            transform: 'translateX(45%) translateY(-50%)',\n          },\n        },\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// material\nimport { styled } from '@mui/material/styles';\n// components\nimport { BoxWithHeader, ContentBox, Logotypes } from 'components';\n// types\nimport { BoxWithHeaderProps } from 'components/BoxWithHeader/BoxWithHeader';\nimport { ImageTypeArray } from 'types/image';\n//\nimport { stylesRoot } from './styles';\n\ninterface PaymentsProps {\n  header?: string;\n  headerProps?: BoxWithHeaderProps['headerProps'];\n  description?: string;\n  descriptionProps?: BoxWithHeaderProps['subheaderProps'];\n  images?: ImageTypeArray;\n  smallScreen?: boolean;\n}\n\ninterface PaymentsAllProps extends PaymentsProps {\n  className?: string;\n}\n\nconst PREFIX = 'Payments';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Payments = (props: PaymentsAllProps) => {\n  const {\n    className: classNameProp,\n    header,\n    headerProps,\n    description,\n    descriptionProps,\n    images,\n    smallScreen,\n  } = props;\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)}>\n      <BoxWithHeader\n        header={header}\n        headerProps={headerProps}\n        subheader={!smallScreen ? description : undefined}\n        subheaderProps={descriptionProps}\n        textAlign=\"center\"\n      >\n        {images && (\n          <Logotypes images={images} gap={smallScreen ? 2 : 4} colsXs={3} colsSm={4} colsMd={7} />\n        )}\n      </BoxWithHeader>\n    </StyledRoot>\n  );\n};\n\nPayments.defaultProps = {\n  headerProps: {\n    color: 'textPrimary',\n    variant: 'h4',\n    component: 'h2',\n  },\n  descriptionProps: {\n    color: 'primary',\n    variant: 'subtitle1',\n    component: 'h3',\n  },\n} as Partial<PaymentsAllProps>;\n\nexport default Payments;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// gatsby\nimport { graphql, useStaticQuery } from 'gatsby';\nimport { GatsbyImage } from 'gatsby-plugin-image';\n// material\nimport { styled } from '@mui/material/styles';\nimport { Grid } from '@mui/material';\n// components\nimport { BoxWithHeader, CapabilityItem, ContentBox } from 'components';\nimport {\n  Android as AndroidIcon,\n  Apple as IOSIcon,\n  Monitor as WebBrowserIcon,\n} from 'components/CustomIcon';\n// types\nimport { BoxWithHeaderProps } from 'components/BoxWithHeader/BoxWithHeader';\nimport { CapabilityItemProps } from 'components/CapabilityItem/CapabilityItem';\n// hooks\nimport { useLocales } from 'hooks';\n//\nimport { stylesRoot } from './styles';\n\ninterface PlatformsProps {\n  header?: string;\n  headerProps?: BoxWithHeaderProps['headerProps'];\n  description?: string;\n  descriptionProps?: BoxWithHeaderProps['subheaderProps'];\n  smallScreen?: boolean;\n}\n\ninterface PlatformsAllProps extends PlatformsProps {\n  className?: string;\n}\n\nconst PREFIX = 'Platforms';\nconst classes = {\n  root: `${PREFIX}-root`,\n  lineImage: `${PREFIX}-lineImage`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Platforms = (props: PlatformsAllProps) => {\n  const {\n    className: classNameProp,\n    header,\n    headerProps,\n    description,\n    descriptionProps,\n    smallScreen,\n  } = props;\n  const { translate: t } = useLocales();\n\n  const data = useStaticQuery(graphql`\n    query {\n      lineImage: file(relativePath: { eq: \"product/line-tr.png\" }) {\n        name\n        childImageSharp {\n          gatsbyImageData(width: 1000)\n        }\n      }\n    }\n  `);\n\n  const items = [\n    {\n      title: t('pages.product.platforms.items.web'),\n      icon: <WebBrowserIcon />,\n      featured: true,\n    },\n    {\n      title: t('pages.product.platforms.items.iOS'),\n      icon: <IOSIcon />,\n    },\n    {\n      title: t('pages.product.platforms.items.android'),\n      icon: <AndroidIcon />,\n    },\n  ];\n\n  const renderItem = (item: CapabilityItemProps, val: number) => (\n    <Grid key={val} item xs={12} sm={6} md={4}>\n      <CapabilityItem\n        title={item?.title}\n        icon={item?.icon}\n        iconSize=\"large\"\n        titleTypographyProps={{\n          variant: smallScreen ? 'subtitle2' : 'h6',\n          component: 'h3',\n        }}\n        layout=\"horizontal\"\n        featured={item?.featured}\n      />\n    </Grid>\n  );\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)} background=\"primary\">\n      <BoxWithHeader\n        header={header}\n        headerProps={headerProps}\n        subheader={!smallScreen ? description : undefined}\n        subheaderProps={descriptionProps}\n        textAlign={smallScreen ? 'center' : 'left'}\n      >\n        <Grid container spacing={smallScreen ? 2 : 4} justifyContent=\"center\">\n          {items.map((item, val) => renderItem(item, val))}\n        </Grid>\n      </BoxWithHeader>\n      {!smallScreen && (\n        <div className={classes.lineImage}>\n          <GatsbyImage\n            image={data.lineImage.childImageSharp.gatsbyImageData}\n            alt=\"\"\n            title=\"\"\n            imgStyle={{ objectFit: 'contain' }}\n          />\n        </div>\n      )}\n    </StyledRoot>\n  );\n};\n\nPlatforms.defaultProps = {\n  headerProps: {\n    color: 'textPrimary',\n    variant: 'h2',\n    component: 'h2',\n  },\n  descriptionProps: {\n    color: 'primary',\n    variant: 'subtitle1',\n    component: 'h3',\n  },\n} as Partial<PlatformsAllProps>;\n\nexport default Platforms;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  const { breakpoints } = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n        [`& .${classes.lineImage}`]: {\n          display: 'flex',\n          flexDirection: 'column-reverse',\n          position: 'absolute',\n          top: 0,\n          right: breakpoints.values.sm * -0.5,\n          maxHeight: '44%',\n          width: breakpoints.values.sm,\n          [breakpoints.up('xl')]: {\n            right: breakpoints.values.sm * -0.25,\n          },\n          '& .gatsby-image-wrapper': {\n            display: 'block !important',\n          },\n        },\n      },\n    },\n  };\n};\n","import React from 'react';\nimport clsx from 'clsx';\n// gatsby\nimport { graphql, useStaticQuery } from 'gatsby';\n// material\nimport { styled } from '@mui/material/styles';\n// components\nimport { ContentBox, FeaturedBoxList } from 'components';\n// hooks\nimport { useLocales } from 'hooks';\n//\nimport { stylesRoot } from './styles';\n\ninterface TokensProps {\n  description?: string;\n  smallScreen?: boolean;\n}\n\ninterface TokensAllProps extends TokensProps {\n  className?: string;\n}\n\nconst PREFIX = 'Tokens';\nconst classes = {\n  root: `${PREFIX}-root`,\n};\n\nconst StyledRoot = styled(ContentBox, { name: PREFIX, slot: 'root' })(({ theme }) =>\n  stylesRoot(theme, classes),\n);\n\nconst Tokens = (props: TokensAllProps) => {\n  const { className: classNameProp, description, smallScreen } = props;\n  const { translate: t } = useLocales();\n\n  const data = useStaticQuery(graphql`\n    query {\n      utilityImage: file(relativePath: { eq: \"product/tokens/utility.png\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n      securityImage: file(relativePath: { eq: \"product/tokens/security.png\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n      nftImage: file(relativePath: { eq: \"product/tokens/nft.png\" }) {\n        childImageSharp {\n          gatsbyImageData(width: 170)\n        }\n      }\n    }\n  `);\n\n  const items = [\n    {\n      title: t('pages.product.tokens.items.utility.title'),\n      description: t('pages.product.tokens.items.utility.description'),\n      image: data.utilityImage,\n    },\n    {\n      title: t('pages.product.tokens.items.security.title'),\n      description: t('pages.product.tokens.items.security.description'),\n      image: data.securityImage,\n    },\n    {\n      title: t('pages.product.tokens.items.nft.title'),\n      description: t('pages.product.tokens.items.nft.description'),\n      image: data.nftImage,\n    },\n  ];\n\n  return (\n    <StyledRoot className={clsx(classes.root, classNameProp)} background=\"default\">\n      <FeaturedBoxList description={description} smallScreen={smallScreen} items={items} />\n    </StyledRoot>\n  );\n};\n\nTokens.defaultProps = {} as Partial<TokensAllProps>;\n\nexport default Tokens;\n","import { Theme } from '@mui/material/styles';\n\nexport const stylesRoot = (theme: Theme, classes: any) => {\n  // eslint-disable-next-line no-empty-pattern\n  const {} = theme;\n  return {\n    '&': {\n      [`&.${classes.root}`]: {\n        position: 'relative',\n      },\n    },\n  };\n};\n","import React from 'react';\n// gatsby\nimport { graphql } from 'gatsby';\n// material\nimport { Divider, Typography, useMediaQuery } from '@mui/material';\nimport { Theme } from '@mui/material/styles';\n// layouts\nimport { MainLayout } from 'layouts';\n// components\nimport { ContentBox, Logotypes } from 'components';\n// pages components\nimport { ContactBelt } from 'pages-components/home';\nimport {\n  Activation,\n  Ecosystem,\n  Heading,\n  Payments,\n  Platforms,\n  Tokens,\n} from 'pages-components/product';\nimport { ContactSection, TextAndImage } from 'pages-components/common';\n// hooks\nimport { useLocales, usePath } from 'hooks';\n\nconst ProductPage = ({ data: { page }, location, pageContext }: any) => {\n  const smallScreen = useMediaQuery(({ breakpoints }: Theme) => breakpoints.down('md'));\n  const miniScreen = useMediaQuery(({ breakpoints }: Theme) => breakpoints.down('sm'));\n  const { translate: t } = useLocales();\n  const { findPagePath } = usePath();\n\n  const { frontmatter: frontMatter } = page;\n  const {\n    activation,\n    api,\n    assets,\n    bonuses,\n    crmAndBackOffice,\n    ecosystem,\n    investorPanel,\n    listing,\n    multiBlockchain,\n    nftTokens,\n    paymentCard,\n    payments,\n    platforms,\n    secureTransactions,\n    tokens,\n  } = frontMatter.sections;\n\n  return (\n    <MainLayout\n      metadata={frontMatter?.metadata}\n      contact={false}\n      path={location.pathname}\n      locale={pageContext.locale}\n    >\n      {frontMatter?.heading && (\n        <Heading\n          title={frontMatter?.heading?.title}\n          subtitle={frontMatter?.heading?.subtitle}\n          smallScreen={smallScreen}\n          hero={frontMatter.heading.image}\n        />\n      )}\n      {ecosystem?.show && (\n        <Ecosystem\n          header={t('pages.product.ecosystem.title')}\n          subheader={t('pages.product.ecosystem.subtitle')}\n          url={findPagePath('contact')}\n          smallScreen={miniScreen}\n          image={ecosystem?.image}\n        />\n      )}\n      {tokens?.show && <Tokens description={t('pages.product.tokens.description')} />}\n      {(multiBlockchain?.show || investorPanel?.show) && (\n        <ContentBox horizontalPadding={false}>\n          {multiBlockchain?.show && (\n            <TextAndImage\n              header={t('pages.product.multiBlockchain.title')}\n              description={t('pages.product.multiBlockchain.subtitle')}\n              content={\n                <>\n                  <Typography>\n                    {t('pages.product.multiBlockchain.description.paragraph1')}\n                  </Typography>\n                  <Typography>\n                    {t('pages.product.multiBlockchain.description.paragraph2')}\n                  </Typography>\n                </>\n              }\n              image={multiBlockchain?.image}\n              revertColumns={!smallScreen}\n            />\n          )}\n\n          {investorPanel?.show && (\n            <TextAndImage\n              header={t('pages.product.investorPanel.title')}\n              description={t('pages.product.investorPanel.subtitle')}\n              content={<Typography>{t('pages.product.investorPanel.description')}</Typography>}\n              image={investorPanel?.image}\n            />\n          )}\n        </ContentBox>\n      )}\n      {platforms?.show && (\n        <Platforms\n          header={t('pages.product.platforms.title')}\n          description={t('pages.product.platforms.subtitle')}\n          smallScreen={smallScreen}\n        />\n      )}\n      <ContactBelt />\n      <Divider />\n      {crmAndBackOffice?.show && (\n        <TextAndImage\n          header={t('pages.product.crmAndBackOffice.title')}\n          description={t('pages.product.crmAndBackOffice.subtitle')}\n          content={<Typography>{t('pages.product.crmAndBackOffice.description')}</Typography>}\n          image={crmAndBackOffice?.image}\n          revertColumns={!smallScreen}\n          spaceSize=\"huge\"\n        />\n      )}\n      {activation?.show && (\n        <Activation\n          header={t('pages.product.activation.title')}\n          subheader={t('pages.product.activation.subtitle')}\n          description={t('pages.product.activation.description')}\n        />\n      )}\n      {(listing?.show || secureTransactions?.show) && (\n        <ContentBox horizontalPadding={false} spaceBottom={false}>\n          {listing?.show && (\n            <TextAndImage\n              header={t('pages.product.listing.title')}\n              description={t('pages.product.listing.subtitle')}\n              content={\n                <>\n                  <Typography>{t('pages.product.listing.description.paragraph1')}</Typography>\n                  <Typography>\n                    {t('pages.product.multiBlockchain.description.paragraph2')}\n                  </Typography>\n\n                  {listing?.logos && (\n                    <Logotypes images={listing.logos} gap={4} colsXs={2} sx={{ maxWidth: 320 }} />\n                  )}\n                </>\n              }\n              image={listing?.image}\n            />\n          )}\n\n          {secureTransactions?.show && (\n            <TextAndImage\n              header={t('pages.product.secureTransactions.title')}\n              description={t('pages.product.secureTransactions.subtitle')}\n              content={<Typography>{t('pages.product.secureTransactions.description')}</Typography>}\n              image={secureTransactions?.image}\n              revertColumns={!smallScreen}\n            />\n          )}\n        </ContentBox>\n      )}\n      {payments?.show && (\n        <Payments\n          header={t('pages.product.payments.title')}\n          description={t('pages.product.payments.subtitle')}\n          images={payments?.logos}\n          smallScreen={smallScreen}\n        />\n      )}\n      <ContentBox horizontalPadding={false} spaceTop={false}>\n        {assets?.show && (\n          <TextAndImage\n            header={t('pages.product.assets.title')}\n            description={t('pages.product.assets.subtitle')}\n            content={<Typography>{t('pages.product.assets.description')}</Typography>}\n            image={assets?.image}\n          />\n        )}\n        {bonuses?.show && (\n          <TextAndImage\n            header={t('pages.product.bonuses.title')}\n            description={t('pages.product.bonuses.subtitle')}\n            content={<Typography>{t('pages.product.bonuses.description')}</Typography>}\n            image={bonuses?.image}\n            revertColumns={!smallScreen}\n          />\n        )}\n        {nftTokens?.show && (\n          <TextAndImage\n            header={t('pages.product.nftTokens.title')}\n            description={t('pages.product.nftTokens.subtitle')}\n            content={<Typography>{t('pages.product.nftTokens.description')}</Typography>}\n            image={nftTokens?.image}\n          />\n        )}\n        {paymentCard?.show && (\n          <TextAndImage\n            header={t('pages.product.paymentCard.title')}\n            description={t('pages.product.paymentCard.subtitle')}\n            content={<Typography>{t('pages.product.paymentCard.description')}</Typography>}\n            image={paymentCard?.image}\n            revertColumns={!smallScreen}\n          />\n        )}\n        {api?.show && (\n          <TextAndImage\n            header={t('pages.product.api.title')}\n            description={t('pages.product.api.subtitle')}\n            content={<Typography>{t('pages.product.api.description')}</Typography>}\n            image={api?.image}\n          />\n        )}\n      </ContentBox>\n      <ContactSection variant=\"contact\" />\n    </MainLayout>\n  );\n};\n\nexport default ProductPage;\n\nexport const pageQuery = graphql`\n  query ($id: String!) {\n    page: mdx(id: { eq: $id }) {\n      frontmatter {\n        title\n        slug\n        metadata {\n          title\n          description\n          og_title\n          og_description\n          og_type\n          og_image {\n            publicURL\n            name\n          }\n          fb_app_id\n          twitter_card\n          twitter_creator\n          twitter_title\n          twitter_description\n          twitter_image {\n            publicURL\n            name\n          }\n          twitter_url\n          keywords\n        }\n        heading {\n          title\n          subtitle\n          image {\n            src {\n              publicURL\n              name\n            }\n            title\n            alt\n          }\n        }\n        sections {\n          activation {\n            show\n          }\n          ecosystem {\n            show\n            linkTo\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          multiBlockchain {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          investorPanel {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          crmAndBackOffice {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          platforms {\n            show\n          }\n          tokens {\n            show\n          }\n          listing {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n            logos {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          secureTransactions {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          payments {\n            show\n            logos {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          assets {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          bonuses {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          nftTokens {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          paymentCard {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n          api {\n            show\n            image {\n              src {\n                publicURL\n                name\n              }\n              title\n              alt\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["PREFIX","classes","root","StyledRoot","styled","ContentBox","name","slot","theme","position","stylesRoot","Activation","props","classNameProp","className","header","subheader","description","smallScreen","t","useLocales","translate","data","useStaticQuery","items","title","image","stakingImage","farmingAndLendingImage","votingImage","clsx","background","invertHeader","headerProps","variant","component","subheaderProps","textAlign","defaultProps","getCardMediaUtilityClass","generateUtilityClass","generateUtilityClasses","_excluded","CardMediaRoot","overridesResolver","styles","ownerState","isMediaComponent","isImageComponent","media","img","_ref","display","backgroundSize","backgroundRepeat","backgroundPosition","width","objectFit","MEDIA_COMPONENTS","IMAGE_COMPONENTS","CardMedia","inProps","ref","useThemeProps","children","_props$component","src","style","other","indexOf","composedStyle","backgroundImage","concat","slots","composeClasses","useUtilityClasses","as","role","undefined","card","descriptionCard","descriptionCardContent","diagramCard","diagramImage","diagramImageFixed","breakpoints","palette","spacing","typography","height","default","marginBottom","up","flexDirection","justifyContent","marginLeft","marginRight","maxWidth","values","sm","marginTop","left","transform","fontWeight","fontWeightMedium","Ecosystem","url","spaceSize","Grid","container","item","xs","md","lg","Card","elevation","CardContent","Typography","color","Button","GatsbyLink","size","to","sx","CardHeader","titleTypographyProps","Box","Hero","heroImg","publicURL","imageName","alt","content","text","decorationImg","lineImage","lineLeftImage","lineRightImage","coin","coinLeft","coinRight","customShadows","zIndex","flex","margin","right","bottom","borderRadius","boxShadow","z16","maxHeight","top","string","lastIndex","subtitle","hero","findPagePath","usePath","properTitle","lastIndexOf","substring","last","split","splice","classesChildren","spaceBottom","gradientLine","G","childImageSharp","gatsbyImageData","imgStyle","Payments","descriptionProps","images","gap","colsXs","colsSm","colsMd","Platforms","icon","featured","map","val","key","iconSize","layout","renderItem","Tokens","utilityImage","securityImage","nftImage","page","location","pageContext","useMediaQuery","down","miniScreen","frontMatter","frontmatter","sections","activation","api","assets","bonuses","crmAndBackOffice","ecosystem","investorPanel","listing","multiBlockchain","nftTokens","paymentCard","payments","platforms","secureTransactions","tokens","metadata","contact","path","pathname","locale","heading","show","horizontalPadding","revertColumns","Divider","logos","spaceTop"],"sourceRoot":""}