{"version":3,"file":"static/chunks/pages/index-c08cb22d90bcbfca.js","mappings":"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","sources":["webpack://_N_E/","webpack://_N_E/./styles/pages/main.ts","webpack://_N_E/./styles/pages/index.ts","webpack://_N_E/./utils/chainNameFor.ts","webpack://_N_E/./components/main/styled.ts","webpack://_N_E/./components/main/WncgCard.tsx","webpack://_N_E/./components/main/NcgCard.tsx","webpack://_N_E/./pages/index.tsx","webpack://_N_E/./styles/pages/docs.ts","webpack://_N_E/./styles/pages/staking.ts","webpack://_N_E/<anon>"],"sourcesContent":["\n    (window.__NEXT_P = window.__NEXT_P || []).push([\n      \"/\",\n      function () {\n        return require(\"private-next-pages/index.tsx\");\n      }\n    ]);\n    if(module.hot) {\n      module.hot.dispose(function () {\n        window.__NEXT_P.push([\"/\"])\n      });\n    }\n  ","import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { media } from 'styles/utils'\n\nexport const StyledMainPage = styled(motion.div)`\n  padding-top: 48px;\n  padding-bottom: 120px;\n\n  .cardItem {\n    margin-top: 120px;\n\n    &:first-child {\n      margin-top: 0;\n    }\n  }\n\n  ${media(\n    'minTablet',\n    css`\n      padding-top: 120px;\n      padding-bottom: 200px;\n\n      .cardItem {\n        margin-top: 160px;\n      }\n    `\n  )}\n\n  ${media(\n    'minDesktop',\n    css`\n      padding-bottom: 120px;\n    `\n  )}\n`\n","export { StyledMainPage } from './main'\nexport { StyledStakingPage } from './staking'\nexport { StyledDocsPage } from './docs'\n","import { CHAINS } from 'config/chains'\n\nexport function chainNameFor(chainId: ChainId): string {\n  return CHAINS[chainId].chainName\n}\n","import { lgButtonStyle, mdButtonStyle } from 'components/Button/styled'\nimport { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { flexbox, media, textStyle } from 'styles/utils'\n\nexport const StyledMainCard = styled(motion.div)`\n  max-width: 880px;\n  margin: 0 auto;\n\n  .header {\n    text-align: center;\n\n    .title {\n      ${flexbox()}\n      ${textStyle('body', 4, 700)}\n      flex-direction: column;\n\n      .logoIcon {\n        margin-bottom: 8px;\n      }\n\n      .cryptoIcon {\n        margin-right: 8px;\n      }\n    }\n\n    .subtitle {\n      ${textStyle('header', 6)}\n      margin-top: 16px;\n    }\n\n    .linkGroup {\n      display: none;\n    }\n  }\n\n  .mobileImage {\n    display: block;\n    width: 280px;\n    height: 280px;\n    margin: 16px auto 0;\n\n    img {\n      transform: scale(1.2);\n    }\n  }\n\n  .tabletImage {\n    display: none;\n    width: 100%;\n    height: auto;\n  }\n\n  .group {\n    margin-top: 16px;\n  }\n\n  .desc {\n    ${textStyle('caption')}\n    color: var(--gray-400);\n  }\n\n  .rewardItem {\n    ${flexbox()}\n    ${textStyle('caption')}\n    color: var(--gray-400);\n    margin-top: 4px;\n    white-space: nowrap;\n\n    &:first-child {\n      margin-left: 0;\n    }\n\n    dt {\n      ${flexbox()}\n\n      &::after {\n        margin: 0 0.25em;\n        content: ':';\n      }\n\n      .cryptoIcon {\n        margin-right: 4px;\n      }\n\n      strong {\n        font-weight: 500;\n      }\n    }\n  }\n\n  .content {\n    margin-top: 64px;\n  }\n\n  .linkList {\n    ${flexbox()}\n  }\n\n  .linkItem {\n    flex-shrink: 0;\n    margin-left: 12px;\n\n    &:first-child {\n      width: 200px;\n      margin-left: 0;\n    }\n\n    &:not(:first-child) {\n      width: 48px;\n      height: 48px;\n    }\n\n    button,\n    a {\n      ${mdButtonStyle}\n\n      .icon {\n        width: 24px;\n        height: 24px;\n        margin: 0;\n      }\n    }\n  }\n\n  ${media(\n    'minTablet',\n    css`\n      .header {\n        .title {\n          ${textStyle('body', 3, 700)}\n          flex-direction: row;\n\n          .logoIcon {\n            margin-right: 8px;\n            margin-bottom: 0;\n          }\n        }\n\n        .subtitle {\n          ${textStyle('header', 5)}\n          margin-top: 40px;\n        }\n      }\n\n      .mobileImage {\n        display: none;\n      }\n\n      .tabletImage {\n        display: flex;\n      }\n\n      .group {\n        margin-top: 20px;\n      }\n\n      .rewardList {\n        ${flexbox()}\n      }\n\n      .desc {\n        ${textStyle('body', 4)}\n      }\n\n      .rewardItem {\n        ${textStyle('body', 4)}\n        margin-top: 0;\n        margin-left: 16px;\n      }\n\n      .content {\n        margin-top: 80px;\n      }\n\n      .linkItem {\n        &:first-child {\n          width: 240px;\n          margin-left: 0;\n        }\n\n        &:not(:first-child) {\n          width: 72px;\n          height: 72px;\n        }\n\n        button,\n        a {\n          ${lgButtonStyle}\n\n          .icon {\n            width: 36px;\n            height: 36px;\n          }\n        }\n      }\n    `\n  )}\n\n  ${media(\n    'minLaptop',\n    css`\n      .header {\n        .subtitle {\n          ${textStyle('header', 4)}\n          margin-top: 20px;\n        }\n\n        .linkGroup {\n          ${flexbox()}\n          margin-top: 40px;\n        }\n\n        .chainButton {\n          ${flexbox()}\n          ${textStyle('body', 4)}\n          padding: 8px 12px;\n          margin-left: 12px;\n          color: var(--gray-25);\n          background-color: var(--gray-900);\n          border-radius: 50px;\n\n          &:first-child {\n            margin-left: 0;\n          }\n\n          .cryptoIcon {\n            margin-right: 8px;\n          }\n        }\n      }\n\n      .tabletImage {\n        width: 880px;\n        height: 880px;\n      }\n\n      .group {\n        margin-top: 40px;\n\n        .rewardList {\n          margin-top: 8px;\n        }\n      }\n    `\n  )}\n`\n","import config from 'config'\nimport { SUPPORTED_CHAINS, defaultChainId } from 'config/chains'\nimport { chainNameFor } from 'utils/chainNameFor'\nimport { isEthereum } from 'utils/isEthereum'\n\nimport { StyledMainCard } from './styled'\nimport Button from 'components/Button'\nimport CryptoIcon from 'components/CryptoIcon'\nimport Icon from 'components/Icon'\nimport Image from 'components/Image'\n\nexport default function MainWncgCard() {\n  return (\n    <StyledMainCard>\n      <header className=\"header\">\n        <h2 className=\"title\">\n          <CryptoIcon icon=\"wncg\" $size={24} />\n          Staking Wrapped Nine Chronicles Gold\n        </h2>\n\n        <div className=\"linkGroup\">\n          {SUPPORTED_CHAINS.map((c) => {\n            return (\n              <span className=\"chainButton\" key={`wncgCard:links:${c}`}>\n                <CryptoIcon icon={isEthereum(c) ? 'ether' : 'bnb'} $size={24} />\n                {chainNameFor(c)}\n              </span>\n            )\n          })}\n        </div>\n\n        <div className=\"mobileImage\">\n          <Image\n            className=\"image\"\n            src=\"/wncg-3d.webp\"\n            alt=\"Wrapped ine chronicles gold\"\n            priority\n          />\n        </div>\n\n        <h4 className=\"subtitle\">\n          Provide WNCG liquidity.\n          <br />\n          Earn WNCG and BAL rewards.\n        </h4>\n\n        <div className=\"group\">\n          <p className=\"desc afterLaptop\">\n            WNCG Staking is available on Ethereum and BNB Smart Chain. *BAL\n            reward is only on Ethereum.\n          </p>\n\n          <dl className=\"rewardList\">\n            <div className=\"rewardItem\">\n              <dt>\n                <CryptoIcon icon=\"wncg\" $size={16} />\n                <strong>WNCG(Wrapped NCG)</strong>\n              </dt>\n              <dd>1:1 NCG backed ERC-20 token</dd>\n            </div>\n\n            <div className=\"rewardItem\">\n              <dt>\n                <CryptoIcon icon=\"balancer\" $size={16} />\n\n                <strong>BAL</strong>\n              </dt>\n              <dd>Balancer Governance Token</dd>\n            </div>\n          </dl>\n        </div>\n      </header>\n\n      <div className=\"content\">\n        <ul className=\"linkList\">\n          <li className=\"linkItem\">\n            <Button href={`/wncg/${defaultChainId}`} target=\"_blank\" $contain>\n              WNCG Staking\n            </Button>\n          </li>\n          <li className=\"linkItem\">\n            <Button\n              href={config.stakingLinks.medium}\n              aria-label=\"Go to medium\"\n              target=\"_blank\"\n              $contain\n              $variant=\"tertiary\"\n            >\n              <Icon icon=\"medium\" $size={32} />\n            </Button>\n          </li>\n          <li className=\"linkItem\">\n            <Button\n              href={config.stakingLinks.github}\n              aria-label=\"Go to github\"\n              target=\"_blank\"\n              $contain\n              $variant=\"tertiary\"\n            >\n              <Icon icon=\"github\" $size={32} />\n            </Button>\n          </li>\n        </ul>\n\n        <div className=\"tabletImage\">\n          <Image\n            className=\"image\"\n            src=\"/wncg-3d.webp\"\n            alt=\"Wrapped ine chronicles gold\"\n            priority\n          />\n        </div>\n      </div>\n    </StyledMainCard>\n  )\n}\n","import { StyledMainCard } from './styled'\nimport Button from 'components/Button'\nimport CryptoIcon from 'components/CryptoIcon'\nimport Icon from 'components/Icon'\nimport Image from 'components/Image'\n\nexport default function MainNcgCard() {\n  return (\n    <StyledMainCard>\n      <header className=\"header\">\n        <h2 className=\"title\">\n          <CryptoIcon className=\"logoIcon\" icon=\"ncg\" $size={24} />\n          Staking Nine Chronicles Gold\n        </h2>\n\n        <div className=\"mobileImage\">\n          <Image\n            className=\"image\"\n            src=\"/ncg-3d.webp\"\n            alt=\"Nine chronicles gold\"\n            priority\n          />\n        </div>\n\n        <h4 className=\"subtitle\">\n          Deposit NCGs and earn core items\n          <br />\n          in Nine Chronicles.\n        </h4>\n      </header>\n\n      <div className=\"content\">\n        <ul className=\"linkList\">\n          <li className=\"linkItem\">\n            <Button\n              href=\"https://docs.nine-chronicles.com/introduction/intro/economic-system/staking-and-monster-collection\"\n              target=\"_blank\"\n              $contain\n            >\n              NCG Staking\n            </Button>\n          </li>\n\n          <li className=\"linkItem\">\n            <Button\n              href=\"https://medium.com/@ninechronicles/monster-collection-v2-update-6cde770c9f31\"\n              aria-label=\"Go to medium\"\n              target=\"_blank\"\n              $contain\n              $variant=\"tertiary\"\n            >\n              <Icon icon=\"medium\" $size={32} />\n            </Button>\n          </li>\n\n          <li className=\"linkItem\">\n            <Button\n              href=\"https://github.com/planetarium\"\n              aria-label=\"Go to github\"\n              target=\"_blank\"\n              $contain\n              $variant=\"tertiary\"\n            >\n              <Icon icon=\"github\" $size={32} />\n            </Button>\n          </li>\n        </ul>\n\n        <div className=\"tabletImage\">\n          <Image\n            className=\"image\"\n            src=\"/ncg-3d.webp\"\n            alt=\"Nine chronicles gold\"\n            priority\n          />\n        </div>\n      </div>\n    </StyledMainCard>\n  )\n}\n","import type { NextPage } from 'next'\nimport Head from 'next/head'\nimport { NextSeo } from 'next-seo'\n\nimport { MAIN_SEO } from 'lib/seo'\n\nimport { StyledMainPage } from 'styles/pages'\nimport RootFavicon from 'components/RootFavicon'\nimport WncgCard from 'components/main/WncgCard'\nimport NcgCard from 'components/main/NcgCard'\n\nconst Home: NextPage = () => {\n  return (\n    <main>\n      <Head>\n        <title>Nine Chronicles Staking</title>\n        <meta\n          name=\"description\"\n          content=\"Stake Balancer LP token and earn rewards!\"\n        />\n        <NextSeo {...MAIN_SEO} />\n        <RootFavicon />\n      </Head>\n\n      <StyledMainPage layout>\n        <div className=\"container\">\n          <ul className=\"cardList\">\n            <li className=\"cardItem\">\n              <WncgCard />\n            </li>\n\n            <li className=\"cardItem\">\n              <NcgCard />\n            </li>\n          </ul>\n        </div>\n      </StyledMainPage>\n    </main>\n  )\n}\n\nexport default Home\n","import styled, { css } from 'styled-components'\nimport { media, noScrollbar, textStyle } from 'styles/utils'\n\nexport const StyledDocsPage = styled.div`\n  ${noScrollbar()}\n  ${textStyle('body', 3)};\n  min-height: calc(100vh - 56px);\n  padding: 40px 0;\n  overflow-x: hidden;\n  color: $gray-6;\n  background-color: $white;\n\n  ${media(\n    'minTablet',\n    css`\n      padding: 80px 0;\n    `\n  )}\n\n  .container {\n    position: relative;\n    z-index: 1;\n    width: 100%;\n    max-width: 800px !important;\n    margin: 0 auto;\n  }\n\n  .header {\n    padding: 30px 0;\n    margin-bottom: 30px;\n    text-align: center;\n\n    .title {\n      font-size: 36px;\n      line-height: 1;\n      margin-bottom: 10px;\n      color: var(--white);\n    }\n\n    .updated {\n      ${textStyle('body', 4)}\n      color: var(--white);\n    }\n  }\n\n  .section {\n    margin-top: 3rem;\n\n    &:last-of-type {\n      margin-bottom: 3rem;\n    }\n\n    h2 {\n      ${textStyle('header', 2)};\n      margin-top: 1.5rem;\n      margin-bottom: 0.5rem;\n      font-size: 20px;\n      color: var(--white);\n    }\n\n    h3 {\n      ${textStyle('body', 1, 700)};\n      margin-top: 1.5em;\n      margin-bottom: 0.5em;\n      color: var(--white);\n    }\n\n    p {\n      margin-bottom: 1rem;\n    }\n\n    a {\n      color: var(--primary-300);\n      transition: 200ms;\n\n      &:hover {\n        opacity: 0.5;\n      }\n    }\n\n    strong {\n      font-weight: 400;\n    }\n\n    ul {\n      list-style-type: disc;\n      padding-left: 20px;\n\n      ul {\n        list-style-type: circle;\n        padding-top: 8px;\n        padding-bottom: 8px;\n      }\n\n      > li {\n        padding: 4px 0;\n\n        ul:last-child {\n          margin-bottom: -8px;\n        }\n      }\n\n      h4 {\n        margin-bottom: 0.5rem;\n      }\n\n      & + * {\n        margin-top: 1.5rem;\n      }\n\n      p.bold {\n        margin-bottom: 0;\n      }\n    }\n\n    table {\n      ${textStyle('body', 3)};\n      text-align: left;\n      border-collapse: collapse;\n\n      thead {\n        tr {\n          border-bottom: 1px solid var(--gray-800);\n        }\n\n        th {\n          padding: 4px 8px 4px 0;\n        }\n      }\n\n      tbody {\n        tr {\n          &:last-child {\n            border-bottom: 1px solid var(--gray-800);\n          }\n        }\n\n        th,\n        td {\n          padding: 10px 8px 16px 0;\n          vertical-align: top;\n        }\n      }\n\n      h6 {\n        font-size: 1em;\n      }\n\n      & + * {\n        margin-top: 1rem;\n      }\n    }\n  }\n\n  .underline {\n    font-style: normal;\n    text-decoration: underline;\n  }\n\n  .bold {\n    font-weight: 700 !important;\n  }\n`\n","import { motion } from 'framer-motion'\nimport styled, { css } from 'styled-components'\n\nimport { flexbox, media } from 'styles/utils'\nimport {\n  GLOBAL_FOOTER_HEIGHT_LAPTOP,\n  GLOBAL_FOOTER_HEIGHT_MOBILE,\n  GUTTER_TABLET,\n} from 'styles/constants/dimensions'\n\nconst MAIN_PADDING_MOBILE = 32\nconst MAIN_PADDING_TABLET = 16\nconst MAIN_PADDING_LAPTOP = 160\nconst MAIN_PADDING_DESKTOP = 145\n\nexport const StyledStakingPage = styled(motion.div)`\n  min-height: calc(100% - ${GLOBAL_FOOTER_HEIGHT_MOBILE}px);\n  padding-top: ${MAIN_PADDING_MOBILE}px;\n  padding-bottom: 80px;\n\n  .container {\n    ${flexbox('start', 'start')}\n    width: 100%;\n    flex-direction: column-reverse;\n\n    .left,\n    .right {\n      width: 100%;\n    }\n  }\n\n  ${media(\n    'minTablet',\n    css`\n      max-width: ${560 + GUTTER_TABLET * 2}px;\n      padding-top: ${MAIN_PADDING_TABLET}px;\n      padding-bottom: ${16 + 36}px;\n      margin: 0 auto;\n    `\n  )}\n\n  ${media(\n    'minLaptop',\n    css`\n      ${flexbox()}\n      max-width: unset;\n      min-height: calc(100% - ${GLOBAL_FOOTER_HEIGHT_LAPTOP}px);\n      padding-top: ${MAIN_PADDING_LAPTOP - 32}px;\n      padding-bottom: ${MAIN_PADDING_LAPTOP}px;\n\n      .container {\n        ${flexbox('between', 'start')}\n        flex-direction: row;\n        width: 100%;\n        max-width: ${1366 + GUTTER_TABLET * 2}px;\n\n        .left,\n        .right {\n          width: 50%;\n          max-width: 620px;\n        }\n\n        .left {\n          max-width: 560px;\n          margin-left: 0;\n        }\n\n        .right {\n          align-self: stretch;\n          padding-bottom: ${56 + 8}px;\n        }\n      }\n    `\n  )}\n\n  ${media(\n    'minDesktop',\n    css`\n      padding-top: ${MAIN_PADDING_DESKTOP - 25}px;\n      padding-bottom: ${MAIN_PADDING_DESKTOP}px;\n\n      .container {\n        max-width: ${1440 + GUTTER_TABLET * 2}px;\n\n        .right {\n          max-width: 660px;\n        }\n\n        .left {\n          max-width: 580px;\n        }\n      }\n    `\n  )}\n`\n"],"names":["window","__NEXT_P","push","__webpack_require__","StyledMainPage","styled","motion","div","media","css","StyledMainCard","flexbox","textStyle","mdButtonStyle","lgButtonStyle","MainWncgCard","jsx_runtime","jsxs","header","className","h2","jsx","CryptoIcon","icon","$size","SUPPORTED_CHAINS","map","span","isEthereum","c","CHAINS","chainName","concat","Image","src","alt","priority","h4","br","p","dl","dt","strong","dd","ul","li","Button","href","defaultChainId","target","$contain","config","stakingLinks","medium","aria-label","$variant","Icon","github","MainNcgCard","pages","main","Head","title","meta","name","content","NextSeo","MAIN_SEO","RootFavicon","layout","WncgCard","NcgCard","StyledDocsPage","noScrollbar","StyledStakingPage","GLOBAL_FOOTER_HEIGHT_MOBILE","GUTTER_TABLET","GLOBAL_FOOTER_HEIGHT_LAPTOP","MAIN_PADDING_LAPTOP","MAIN_PADDING_DESKTOP"],"sourceRoot":""}