{"version":3,"sources":["page/Home/homebg.png","page/Home/bg2.png","page/Home/homeright.svg","page/Home/b1.svg","page/Home/b2.svg","page/Home/b3.svg","page/Home/title.svg","page/Home/scroll.svg","page/Home/Home.js","components/NavBar/logo.svg","components/NavBar/mlogo.svg","page/Footer/twitter.svg","components/NavBar/button.svg","components/components/Burger/Burger.styled.js","components/components/Menu/Menu.styled.js","components/components/Menu/navi_logo.svg","page/Footer/opensea.svg","components/components/Menu/Menu.js","components/NavBar/NavBar.js","page/SecondPage/bg2.png","page/config/1.svg","page/SecondPage/mint.png","page/config/2.svg","page/config/3.svg","page/config/4.svg","page/config/config.js","page/config/config2.js","components/Card/Card.js","page/config/blue.svg","components/Card/InvisibleCard.js","page/SecondPage/brain.svg","page/SecondPage/Page2.js","page/ThirdPage/bg3.png","page/ForthPage/bg4.png","page/ThirdPage/Page3.js","page/ForthPage/mbg4.png","page/ForthPage/roadmap.svg","page/ForthPage/point.svg","page/ForthPage/Page4.js","page/Footer/logo.svg","page/Footer/Footer.js","BlockchainProvider/config.js","redux/constants/action-types.js","redux/actions/index.js","BlockchainProvider/ABi/nftAbi.js","BlockchainProvider/index.js","App.js","reportWebVitals.js","redux/reducer/index.js","redux/store/index.js","index.js"],"names":["HomePage","styled","section","bg","mbg","Left","div","Right","motion","right","HeroImg","T","p","ScrollContainer","Mobile","responsive","0","items","568","768","900","1000","1024","Home","id","src","Title","alt","style","width","height","initial","x","y","animate","transition","duration","repeat","Infinity","repeatType","Scroll","autoPlay","infinite","animationDuration","disableButtonsControls","disableDotsControls","img1","className","img2","img3","button","theme","open","primaryDark","primaryLight","nav","a","img","h1","Link1","Link","Link2","ButtonBack","Button","PC","NavBar","useState","wallet","useRef","useWallet","navbar","setNavbar","changeBackground","console","log","window","scrollY","useEffect","addEventListener","to","spy","smooth","logo","marginRight","mlogo","onClick","connect","status","account","slice","data","name","L1","L2","L3","details","rank","isSale","main","rbtn","rbg","L4","img4","data2","H","h2","InvisibleMCard","props","Box","Upper","Lower","InvisibleCard","Page","BigCard","Hu","Tu","Td","SmBox","BigBox","Divider","BoxContainer","Grid","MobileGrid","Page2","mydata","useSelector","state","contract","priceForNft","setpriceForNft","value","setvalue","remainingAmount","setRemainingAmount","handleMint","methods","mint","send","from","Web3","utils","toWei","toString","noOfNFT","setNoOfNFT","loadData","totalSupply","call","fontWeight","placeholder","border","fontSize","paddingLeft","onChange","e","parseInt","target","price","type","margin","map","Hper","ProgresssBar","Flex","input","SGrid","Style","Page4","Step","road","padding","color","stepPositions","percent","filledBackground","accomplished","filter","point","marginTop","strokeWidth","strokeColor","trailColor","gapPosition","Foot","Ul","ul","Img","Footer","offset","whileHover","scale","whileTap","twitter","opensea","ACCOUNT_UPDATE","CONTRACT_LOADED","DATA_LOADED","RATE","accountUpdate","payload","setaccount","web3","eth","getAccounts","accounts","dispatch","givenProvider","accountdetail","nftContract","Contract","nftAbi","config","setInterval","initilizeData","err","localData","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","initialState","blockchainClient","rootReducer","action","Object","assign","rate","store","createStore","ReactDOM","render","chainId","connectors","portis","document","getElementById"],"mappings":"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","file":"static/js/main.79fc6886.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/homebg.18ecca32.png\";","export default __webpack_public_path__ + \"static/media/bg2.3cb8c578.png\";","export default __webpack_public_path__ + \"static/media/homeright.3bcfc2a4.svg\";","export default __webpack_public_path__ + \"static/media/b1.3bcfc2a4.svg\";","export default __webpack_public_path__ + \"static/media/b2.fb41864c.svg\";","export default __webpack_public_path__ + \"static/media/b3.90a6fc0a.svg\";","export default __webpack_public_path__ + \"static/media/title.364b2cfd.svg\";","export default __webpack_public_path__ + \"static/media/scroll.3ccde61a.svg\";","import React from 'react'\nimport './Home.css'\nimport styled from 'styled-components'\nimport bg from './homebg.png'\nimport mbg from './bg2.png'\nimport right from './homeright.svg'\nimport img1 from './b1.svg'\nimport img2 from './b2.svg'\nimport img3 from './b3.svg'\nimport { motion } from 'framer-motion'\nimport Title from './title.svg'\nimport Scroll from './scroll.svg'\nimport \"react-alice-carousel/lib/alice-carousel.css\";\nimport AliceCarousel from 'react-alice-carousel';\n\nconst HomePage = styled.section`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-evenly;\n    height: 100vh;\n    width: 100%;\n    background-image: url(${bg});\n    background-size: 100% 105%;\n    background-repeat: no-repeat;\n    position: relative;   // z-index works with position like absolute,fixed or relative //\n    z-index: -2;\n    @media only screen and (max-width: 900px) {\n        min-height: 50rem;\n        background-image: url(${mbg});\n        width: 100%;\n        padding: 0rem 0.5rem 2rem 0.5rem;\n        background-size: auto 100%;\n        flex-direction: column;\n        margin-top: 2rem;\n    }\n    \n`;\n\nconst Left = styled.div`\n        display: flex;\n        flex-direction: column;\n        height: auto;\n        width: 30%;\n        position: fixed;\n        left: 10%;\n        z-index: -1;\n@media only screen and (max-width: 768px) {\n        padding: 2rem;\n        width: 100%;\n        position: relative;\n        left: 0;\n        // text-align: center;\n        // align-items: center;\n    }\n    @media only screen and (max-width: 600px) {\n        padding: 2rem;\n        width: 100%;\n        position: relative;\n        left: 0;\n        text-align: center;\n        align-items: center;\n    }\n`;\n\nconst Right = styled(motion.div)`\n    width: 45rem; \n    height: 45rem;\n    background-image: url(${right});\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    position: fixed;\n    z-index: -1;\n    right: 15%;\n    top: 10rem;\n    display: block;\n    transition:  0.5s linear;\n    display: flex;\n        flex-direction: column;\n        align-items: center;\n\n    @media only screen and (max-width: 1800px) {\n        right: 14%;\n        width: 40rem; \n        height: 40rem;\n        top: 11rem;\n        transition:  0.5s linear;\n    }\n    \n    @media only screen and (max-width: 1600px) {\n        right: 14%;\n        width: 40rem; \n        height: 40rem;\n        top: 11rem;\n        transition:  0.5s linear;\n    }\n  \n    @media only screen and (max-width: 1400px) {\n        right: 17%;\n        top: 14rem;\n        transition:  0.5s linear;\n        width: 32rem; \n        height: 32rem;\n    }\n    @media only screen and (max-width: 1200px) {\n        right: 18%;\n        top: 30vh;\n        width: 28rem; \n        height: 28rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 1200px) {\n        right: 13%;\n        top: 30vh;\n        width: 28rem; \n        height: 28rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 900px) {\n        right: 15%;\n        top: 30vh;\n        width: 24rem; \n        height: 24rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 800px) {\n        right: 12%;\n        top: 30vh;\n        width: 24rem; \n        height: 24rem;\n        transition:  0.5s linear;\n    }\n\n    @media only screen and (max-width: 768px) {\n        width: 85%;\n        height: 25rem;\n        position: relative;\n        right: 0;\n        display: none;\n    }\n    \n`;\n\nconst HeroImg = styled.div`\n    width: 30rem;\n    margin-bottom: 1.5rem;\n    transition:  0.5s linear;\n    @media only screen and (max-width: 1600px) {\n        width: 20rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 1400px) {\n        width: 19rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 1400px) {\n        width: 18rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 1200px) {\n        width: 16rem;\n        transition:  0.5s linear;\n    }\n    @media only screen and (max-width: 768px) {\n        width: 15rem;\n        transition:  0.5s linear;\n      }\n`;\n\nconst T = styled.p`\n    color: #FFF;\n    font-weight: 500;\n    font-size: 1.6rem;\n    margin-bottom: 2rem;\n    font-weight: bold;\n    @media only screen and (max-width: 1200px) {\n        font-weight: 510;\n        font-size: 1rem;\n        text-align: left;\n      }\n    @media only screen and (max-width: 1000px) {\n        font-weight: 510;\n        font-size: 1rem;\n        text-align: left;\n      }\n    @media only screen and (max-width: 600px) {\n        font-weight: 510;\n        font-size: 1rem;\n\n      }\n`;\n\nconst ScrollContainer = styled(motion.div)`\n      width: 1rem;\n      height: 15rem;\n      position: absolute;\n      bottom: 3rem ;\n      left: 4rem;\n      display: block;\n\n      @media only screen and (max-width: 768px) {\n        bottom: 1rem ;\n        left: 1rem;\n        display: none;\n      }\n`\nconst Mobile = styled.div`\n    display: none;\n    @media only screen and (max-width: 768px) {\n        display: flex;\n        width: 100%;\n        height: auto;\n      }\n`;\n\nconst responsive = {\n    0: { items: 1 },\n    568: { items: 1 },\n    768: { items: 1 },\n    900: { items: 1 },\n    1000: { items: 1 },\n    1024: { items: 1 },\n\n};\n\nconst Home = () => {\n    return (\n        <HomePage id=\"home\">\n            <Left>\n                <HeroImg>\n                    <img src={Title} alt=\"\" style={{width:\"100%\",height:\"100%\"}} />\n                </HeroImg>\n                <T>A collection of 7,420 unique digital collectibles brought to life on the Ethereum blockchain.</T>\n                <T >After carefully observing the crypto-sphere, Intellects have decided to make their presence known. What comes next could be legendary... </T>\n                <T >WE ARE HERE, WE ARE INTELLECTS</T>\n            </Left>\n            <Right\n                initial={{ x: 0, y:0}}\n                animate={{ x: 0, y: -15 }}\n                transition={{ duration: 1, repeat: Infinity ,repeatType: \"reverse\",\n               \n                }}\n            />\n\n            <ScrollContainer\n                initial={{ x: 0, y:0}}\n                animate={{ x: 0, y: -15 }}\n                transition={{ duration: 1, repeat: Infinity ,repeatType: \"reverse\",\n               \n                }}\n            >\n                <img src={Scroll} alt=\"\" style={{width:\"100%\",height:\"100%\"}} />\n            </ScrollContainer>\n\n            <Mobile>\n            <AliceCarousel\n                // paddingLeft={12}\n                autoPlay={true}\n                infinite={true}\n                animationDuration={1700}\n                disableButtonsControls={true}\n                disableDotsControls={true}\n                responsive={responsive}\n            >\n                <img src={img1}  className=\"yclass\"/>\n                <img src={img2}  className=\"tclass\"/>\n                <img src={img3}  className=\"yclass\"/>\n             </AliceCarousel>\n            </Mobile>\n            \n                {/* <img src={right} alt=\"\" style={{width:\"100%\",height:\"100%\"}} /> */}\n            {/* </Right> */}\n        </HomePage>\n    )\n}\n\nexport default Home\n","export default __webpack_public_path__ + \"static/media/logo.87bb72bf.svg\";","export default __webpack_public_path__ + \"static/media/mlogo.e5c24b14.svg\";","export default __webpack_public_path__ + \"static/media/twitter.030e8f6f.svg\";","export default __webpack_public_path__ + \"static/media/button.26322370.svg\";","import styled from 'styled-components';\n\nexport const StyledBurger = styled.button`\n  position: absolute;\n  top: 1rem;\n  right: 2rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: 2rem;\n  height: 2rem;\n  background: transparent;\n  border: none;\n  cursor: pointer;\n  padding: 0;\n  z-index: 10;\n\n  span {\n    width: 2rem;\n    height: 0.25rem;\n    background:  #FFF; ${({ theme, open }) => open ? theme.primaryDark : theme.primaryLight};\n    border-radius: 10px;\n    transition: all 0.3s linear;\n    position: relative;\n    transform-origin: 1px;\n\n    :first-child {\n      transform: ${({ open }) => open ? 'rotate(45deg)' : 'rotate(0)'};\n    }\n\n    :nth-child(2) {\n      opacity: ${({ open }) => open ? '0' : '1'};\n      transform: ${({ open }) => open ? 'translateX(20px)' : 'translateX(0)'};\n    }\n\n    :nth-child(3) {\n      transform: ${({ open }) => open ? 'rotate(-45deg)' : 'rotate(0)'};\n    }\n  }\n`;\n","import styled from 'styled-components';\n\nexport const StyledMenu = styled.nav`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background: none; //  ${({ theme }) => theme.primaryLight};\n  transform: ${({ open }) => open ? 'translateX(0)' : 'translateX(-100%)'};\n  min-height: 100vh;\n  width:100%;\n  text-align: center;\n  align-items: center;\n  padding: 2rem;\n  position: absolute;\n  top: 0;\n  left: 0;\n  transition: transform 0.3s ease-in-out;\n  backdrop-filter: blur(2rem);\n  margin: 0;\n  a {\n\n    @font-face {\n      font-family: myFirstFont;\n      src: url(./inter.ttf);\n    }\n    \n    font-family: myFirstFont !important;\n\n\n    font-size: 1.5rem;\n    font-weight: bold;\n    color: #FFF; \n    text-decoration: none;\n    transition: color 0.3s linear;\n    margin: 1rem 0;\n  }\n`;\n","export default __webpack_public_path__ + \"static/media/navi_logo.87bb72bf.svg\";","export default __webpack_public_path__ + \"static/media/opensea.28f93058.svg\";","import React from 'react';\nimport { bool } from 'prop-types';\nimport { StyledMenu } from './Menu.styled';\nimport styled from 'styled-components';\nimport logo from './navi_logo.svg';\nimport twitter from '../../../page/Footer/twitter.svg'\nimport opensea from '../../../page/Footer/opensea.svg'\n\nconst MenuItems = styled.div`\n  display: grid;\n  place-items: center;\n  margin-top: 30%;\n`\n\nconst Link1 = styled.a`\n    display: flex;\n    margin: 0 2rem;\n    align-items: center;\n    text-decoration: none;\n    color: #FFF;\n    position: absolute;\n    left: 2rem;\n    top: -0.3rem;\n`;\n\nconst Right = styled.div`\n    display: flex;\n    flex-direction: column;\n    margin: 0 0 2rem 0;\n    align-items: center;\n`;\n\nconst Img = styled.img`\n    width: 3rem;\n`\nconst Flex = styled.div`\n    display: flex;\n    justify-content: space-evenly;\n    width: 70%;\n`;\n\nconst T = styled.p`\n    color: #FFF;\n    font-weight: 500;\n    font-size: 16px;\n    margin-top: 1rem;\n    @media only screen and (max-width: 600px) {\n        font-weight: 510;\n        font-size: 1rem;\n      }\n`;\n\nconst H = styled.h1`\n\n@font-face {\n  font-family: myFirstFont;\n  src: url(./inter.ttf);\n}\n\n    font-family: myFirstFont !important;\n  \n`;\n\nconst Menu = ({ open, ...props }) => {\n  \n  const isHidden = open ? true : false;\n  const tabIndex = isHidden ? 0 : -1;\n\n  return (\n    <StyledMenu open={open} aria-hidden={!isHidden} {...props}>\n      <Link1 href=\"#HOME\" ><img src={logo} alt=\"Logo\"/></Link1>\n\n      <MenuItems>\n        <a style={{padding:\"0\"}} href=\"/\" >\n           <H>Home</H> \n        </a>\n        <a style={{padding:\"0\"}} href=\"/\" >\n          <H>Buy Intellects</H>\n        </a>\n        <a style={{padding:\"0\"}} href=\"/\" >\n          <H> Roadmap</H>\n        </a>\n        <a style={{padding:\"0\"}} href=\"/\" >\n         <H>Connect Wallet</H> \n        </a>\n      </MenuItems>\n\n      <Right>\n        <Flex>\n          <Img src={twitter} alt=\"\" />\n          <Img src={opensea} alt=\"\" />\n        </Flex>\n        <T>Intellects NFT All Right Reserved.</T>\n      </Right>\n\n    </StyledMenu>\n  )\n}\n\nMenu.propTypes = {\n  open: bool.isRequired,\n}\n\nexport default Menu;\n","import React, { useState, useEffect, useRef } from 'react'\r\nimport './NavBar.css';\r\nimport logo from './logo.svg';\r\nimport mlogo from './mlogo.svg';\r\nimport styled from 'styled-components';\r\nimport { motion } from 'framer-motion';\r\nimport BtnImg from './button.svg'\r\nimport { Burger, Menu } from '../components';\r\nimport FocusLock from 'react-focus-lock';\r\nimport { Link, animateScroll as scroll } from \"react-scroll\";\r\nimport { useWallet } from 'use-wallet';\r\n\r\nconst H = styled.h1`\r\n  margin-left: 1rem;\r\n  font-size: 3rem;\r\n  @media only screen and (max-width: 768px) {\r\n    font-size: 2rem;\r\n  }\r\n`\r\nconst Link1 = styled(Link)`\r\n    display: flex;\r\n    margin: 0 2rem;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    color: #FFF;\r\n    cursor: pointer;\r\n\r\n    -webkit-transform: perspective(1px) translateZ(0);\r\n        transform: perspective(1px) translateZ(0);\r\n        box-shadow: 0 0 1px rgba(0, 0, 0, 0);\r\n        -webkit-transition-duration: 0.5s;\r\n        transition-duration: 0.5s;\r\n\r\n     &:hover, &:focus,&:active {\r\n        -webkit-transform: scale(0.8);\r\n        transform: scale(0.8);\r\n        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\r\n        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\r\n      }\r\n`;\r\n\r\nconst Link2 = styled(Link)`\r\n    display: flex;\r\n    margin: 0 0.5rem;\r\n    align-items: center;\r\n    text-decoration: none;\r\n    color: #FFF;\r\n    cursor: pointer;\r\n    @media only screen and (max-width: 1025px) {\r\n      margin: 0 ;\r\n }\r\n    @media only screen and (max-width: 768px) {\r\n         margin: 0 1rem;\r\n    }\r\n`;\r\n\r\nconst ButtonBack = styled.div`\r\n    background-color: #deba27;\r\n    height: 3.4rem;\r\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;\r\n    border-radius: 0.7rem;\r\n    width: auto;\r\n    @media only screen and (max-width: 768px) {\r\n      height: 3rem;\r\n }\r\n`\r\n\r\nconst Button = styled(motion.div)`\r\n    background-color: #deba27;\r\n    color:#013c8a;\r\n    height: 3rem;\r\n    border: none;\r\n    border-bottom: 2px solid #E5E5E5;\r\n    border-radius: 0.7rem;\r\n    font-size: 1.5rem;\r\n    cursor: pointer;\r\n    padding: 0 1rem;\r\n    display: grid;\r\n    place-items: center;\r\n    padding-top: 0.5rem; \r\n    width: auto;\r\n    @media only screen and (max-width: 768px) {\r\n      height: 2.7rem;\r\n }\r\n`;\r\n\r\nconst Mobile = styled.div`\r\n    display: none;\r\n  @media only screen and (max-width: 768px) {\r\n    display: block;\r\n  }`\r\n\r\nconst PC = styled.div`\r\n  display: block;\r\n@media only screen and (max-width: 768px) {\r\n  display: none;\r\n}`\r\n\r\n\r\n\r\nconst NavBar = () => {\r\n\r\n  const [open, setOpen] = useState(false);\r\n  const node = useRef();\r\n  const menuId = \"main-menu\";\r\n\r\n\r\n  const wallet = useWallet();\r\n  const [navbar, setNavbar] = useState(false)\r\n\r\n  const changeBackground = () => {\r\n    console.log(window.scrollY)\r\n    if (window.scrollY >= 100) {\r\n      setNavbar(true)\r\n    } else {\r\n      setNavbar(false)\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    changeBackground()\r\n    // adding the event when scroll change background\r\n    window.addEventListener(\"scroll\", changeBackground)\r\n  })\r\n\r\n  return (\r\n    <nav className={navbar ? \"navActive\" : \"nav\"} >\r\n      <PC>\r\n        <Link1 to=\"home\" spy={true} smooth={true}  ><img src={logo} alt=\"Logo\" className=\"Logo\" /></Link1>\r\n      </PC>\r\n      <Mobile>\r\n        <Link1 to=\"home\" spy={true} smooth={true} style={{ marginRight: \"0\" }}  ><img src={mlogo} alt=\"mlogo\" className=\"LogoB\" /></Link1>\r\n      </Mobile>\r\n      <PC>\r\n        <ul className=\"list\">\r\n          <Link2 to=\"home\" spy={true} smooth={true} ><li>Home</li></Link2>\r\n          <Link2 to=\"intellect\" spy={true} smooth={true}  ><li>Buy Intellects</li></Link2>\r\n          <Link2 to=\"roadmap\" spy={true} smooth={true}><li>Roadmap</li></Link2>\r\n\r\n          <ButtonBack>\r\n            <Button\r\n              onClick={() => { wallet.connect() }}\r\n            >\r\n              {wallet.status == \"connected\" ? wallet.account.slice(0, 10) : \"Connect Wallet\"}\r\n            </Button>\r\n          </ButtonBack>\r\n\r\n\r\n          {/* <div style={{marginTop:\"12px\"}}>\r\n            <Button\r\n              whileHover={{ scale: 1.1 }}\r\n              whileTap={{ scale: 0.7 }}\r\n              onClick={() => { wallet.connect() }}\r\n            >\r\n              {wallet.status == \"connected\" ? wallet.account.slice(0, 10) : \"Connect Wallet\"}\r\n\r\n\r\n            </Button>\r\n          </div> */}\r\n\r\n        </ul>\r\n      </PC>\r\n      <Mobile>\r\n        <ButtonBack\r\n          style={{marginRight:\"2rem\"}}\r\n        >\r\n          <Button>\r\n\r\n            {wallet.status == \"connected\" ? wallet.account.slice(0, 10) : \"Connect Wallet\"}\r\n          </Button>\r\n        </ButtonBack>\r\n      </Mobile>\r\n      {/* <Mobile ref={node}>\r\n            <FocusLock disabled={!open}>\r\n              <Burger open={open} setOpen={setOpen} aria-controls={menuId} />\r\n              <Menu open={open} setOpen={setOpen} id={menuId} />\r\n            </FocusLock>\r\n          </Mobile> */}\r\n      {/* <StyledBurger  onClick={()=> setIsMobile(!isMobile)} >\r\n                <div className=\"Line1\" onClick={()=> isButton(!button)} ></div>\r\n                <div className=\"Line2\"  onClick={()=> isButton(!button)}></div>\r\n                <div className=\"Line3\" onClick={()=> isButton(!button)}></div>\r\n            </StyledBurger> */}\r\n    </nav>\r\n  )\r\n}\r\n\r\nexport default NavBar\r\n","export default __webpack_public_path__ + \"static/media/bg2.28a7f845.png\";","export default __webpack_public_path__ + \"static/media/1.75ee2f55.svg\";","export default __webpack_public_path__ + \"static/media/mint.feddc68e.png\";","export default __webpack_public_path__ + \"static/media/2.92c99b2a.svg\";","export default __webpack_public_path__ + \"static/media/3.ffb2c0d2.svg\";","export default __webpack_public_path__ + \"static/media/4.30f9fc3f.svg\";","import img1 from './1.svg'\nimport img2 from './2.svg'\nimport img3 from './3.svg'\nimport img4 from './4.svg'\n\n\nexport const data = [\n\n    {img:img1,name:\"Fair Distribution\",L1:\"Mint Price 0.0420 ETH\",L2:\"No Price Tiers\",L3:\"Open to Everyone\",details:\"Bitic, the thunder dragon Polymon, holds domain over a large area of land. The land is mostly mountainous, and few other Polymon and humans live there. This is just as Bitic wants, as it prefers its own solitude. Bitic gathers enormous amounts of energy inside it simply by existing. Often, this energy needs to be released. Bitic releases it by creating large thunder and lightning explosions with it at the center. Those explosions do not harm Bitic, but make craters out of the nearby land. This is why Bitic prefers solitude, as anything near the explosion faces an early death.\", rank:\"01\", isSale:true,main: false},\n    {img:img2,name:\"Randomly Generated\",L1:\"Over 200 Unique Elements\",L2:\"Stored on IFPS as\",L3:\"ERC-721 Tokens\", details:\"Ethe, the legendary star steel dragon Polymon, is always roaming the world looking for powerful adversaries. Like Lygon, Ethe lives high up in the sky, beyond the atmosphere. Also like Lygon, it often comes descends. However, where Lygon comes down into the world to give gifts on specific days, Ethe only appears to affirm its supremacy. From high up beyond the atmosphere, Ethe is still able to see what is going on in the world. The moment it sees another Polymon boast of its strength, Ethe descends and challenges the other Polymon to a fight.\",rbtn:\"DARK\",rbg:\"#333\",rank:\"02\", isSale:false,main: false},\n    {img:img3,name:\"Ownership\",L1:\"Random Minting\",L2:\"Commercial Rights\",L3:\"Verified on ETH\",L4:\"\",details:\"Carda is a legendary Polymon. It lives in the bottom of the deepest seas, and, as such, not many people have seen it. Carda acts as a protector of the deep seas, keeping watch both for human intrusions and also for other Polymon wishing to enter the area. If the need arises, Carda is more than capable of defending its territory and the Polymon it considers to be its wards.Carda’s more terrifying feature is its roar. Akin to a lion’s roar but magnified tenfold, it is often enough to cause other Polymon to flee without a fight.\",rbtn:\"WATER\",rbg:\"#0034af\",rank:\"03\", isSale:false,main: false},\n    {img:img4,name:\"Giving Back\",L1:\"Charitable fund for \",L2:\"Alzheimer's Research \",L3:\"and Stroke Recovery\", details:\"Lygon is the legendary celestial Polygon. Although it lives high up in the sky, beyond the atmosphere, its existence is well recorded.This is because Lygon often appears to others. In particular, it always appears on set dates during the year, at times when specific stars are visible together in the sky. Those times are well known to people. Lygon appears in a different location each time, but the locations where it might appear are always five specific areas. Great festivals are held there on the days where Lygon might appear. \",rbtn:\"POISON\",rbg:\"#8b44c9\",rank:\"04\", isSale:true,main: false},\n]\n\n\n\n\n\n\n","import img1 from './1.svg'\nimport img2 from './2.svg'\nimport img3 from './3.svg'\nimport img4 from './4.svg'\n\nexport const data2 = [\n    {img:img1,name:\"Fair Distribution\",L1:\"Mint Price 0.0420 ETH\",L2:\"No Price Tiers\",L3:\"Open to Everyone\",details:\"Bitic, the thunder dragon Polymon, holds domain over a large area of land. The land is mostly mountainous, and few other Polymon and humans live there. This is just as Bitic wants, as it prefers its own solitude. Bitic gathers enormous amounts of energy inside it simply by existing. Often, this energy needs to be released. Bitic releases it by creating large thunder and lightning explosions with it at the center. Those explosions do not harm Bitic, but make craters out of the nearby land. This is why Bitic prefers solitude, as anything near the explosion faces an early death.\", rank:\"01\", isSale:true,main: false},\n    {img:img2,name:\"Randomly Generated\",L1:\"Over 200 Unique \",L2:\"Elements Stored on \",L3:\"IFPS as ERC-721\",L4:\"Tokens\", details:\"Ethe, the legendary star steel dragon Polymon, is always roaming the world looking for powerful adversaries. Like Lygon, Ethe lives high up in the sky, beyond the atmosphere. Also like Lygon, it often comes descends. However, where Lygon comes down into the world to give gifts on specific days, Ethe only appears to affirm its supremacy. From high up beyond the atmosphere, Ethe is still able to see what is going on in the world. The moment it sees another Polymon boast of its strength, Ethe descends and challenges the other Polymon to a fight.\",rbtn:\"DARK\",rbg:\"#333\",rank:\"02\", isSale:false,main: false},\n    {img:img3,name:\"Ownership\",L1:\"Random Minting\",L2:\"Commercial Rights\",L3:\"Verified on ETH\",details:\"Carda is a legendary Polymon. It lives in the bottom of the deepest seas, and, as such, not many people have seen it. Carda acts as a protector of the deep seas, keeping watch both for human intrusions and also for other Polymon wishing to enter the area. If the need arises, Carda is more than capable of defending its territory and the Polymon it considers to be its wards.Carda’s more terrifying feature is its roar. Akin to a lion’s roar but magnified tenfold, it is often enough to cause other Polymon to flee without a fight.\",rbtn:\"WATER\",rbg:\"#0034af\",rank:\"03\", isSale:false,main: false},\n    {img:img4,name:\"Giving Back\",L1:\"Charitable fund for \",L2:\"Alzheimer's Research \",L3:\"and Stroke Recovery\", details:\"Lygon is the legendary celestial Polygon. Although it lives high up in the sky, beyond the atmosphere, its existence is well recorded.This is because Lygon often appears to others. In particular, it always appears on set dates during the year, at times when specific stars are visible together in the sky. Those times are well known to people. Lygon appears in a different location each time, but the locations where it might appear are always five specific areas. Great festivals are held there on the days where Lygon might appear. \",rbtn:\"POISON\",rbg:\"#8b44c9\",rank:\"04\", isSale:true,main: false},\n   \n]","import React from 'react'\nimport styled from 'styled-components'\nimport blue from '../../page/config/blue.svg'\nimport Tilt from 'react-parallax-tilt';\nimport { motion } from 'framer-motion';\n\nconst H = styled.h2`\n    color: #FFF    ;\n    font-weight: bold;\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n    z-index: 2;\n    @media only screen and (max-width: 768px) {\n        font-weight: bold;\n        font-size: 1.2rem;\n      }\n`;\n\nconst T = styled.p`\n    color: #FFF    ;\n    font-weight: 500;\n    font-size: 1.3rem;\n    margin-bottom: 0.5rem;\n    z-index: 2;\n    @media only screen and (max-width: 768px) {\n        font-weight: 510;\n        font-size: 1rem;\n      }\n`;\n\n\nconst InvisibleMCard = (props) => {\n\n    const Box = styled(motion.div)`\n        height: 18rem;\n        width: 100%;\n        display : flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        margin: 2rem 1rem;\n      \n    `;\n\n    const Upper = styled.div`\n        height: 50%;\n        width: 100%;\n        border-radius: 8px;`;\n\n    const Lower = styled.div`\n        height: 50%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-evenly;\n        padding-left: 0.5rem;\n        `;\n\n\n    return (\n        // <Tilt>\n            <Box>\n                <Upper>\n                    <img src={`${props.img? props.img : \"\"}`} alt=\"\" />\n                </Upper>\n                <Lower>\n                    <H>{`${props.name? props.name : \"DOT\"}`}</H>\n                    <T>{`${props.L1? props.L1 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n                    <T>{`${props.L2? props.L2 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n                    <T>{`${props.L3? props.L3 : \"\"}`}</T>\n                    <T>{`${props.L4? props.L4 : \"\"}`}</T>\n                </Lower>\n            {/* <H>{`${props.name? props.name : \"DOT\"}`}</H>\n            <T>{`${props.desc? props.desc : \"An uncommon Polymon in the Polyverse.\"}`}</T> */}\n            </Box>\n        // </Tilt>\n    )\n}\n\nexport default InvisibleMCard\n\n\n\n\n\n// import React from 'react'\n// import styled from 'styled-components'\n// import blue from '../../page/config/blue.svg'\n// import Tilt from 'react-parallax-tilt';\n// import { motion } from 'framer-motion';\n\n// const H = styled.h2`\n//     color: #013c8a    ;\n//     font-size: 1.5rem;\n//     margin-bottom: 1.5rem;\n//     z-index: 2;\n//     font-family: 'Roboto Slab', serif !important;\n//     font-weight: 900;\n//     @media only screen and (max-width: 600px) {\n//         font-weight: 510;\n//         font-size: 2rem;\n//       }\n// `;\n\n// const T = styled.p`\n//     color: #013c8a    ;\n//     font-weight: 500;\n//     font-size: 1.3rem;\n//     margin-bottom: 1rem;\n//     z-index: 2;\n//     @media only screen and (max-width: 600px) {\n//         font-weight: 510;\n//         font-size: 1rem;\n//       }\n// `;\n\n\n// const Card = (props) => {\n\n//     const Box = styled(motion.div)`\n//         height: 32rem;\n//         width: 25rem;\n//         border-radius: 8px;\n//         background-image: url(${props.bg? props.bg : blue});\n//         background-size: 100% 100%;\n//         background-repeat: no-repeat;\n//         padding: 70% 2rem 1rem 2rem;\n//         text-align: center;\n//         z-index: 4;\n//         cursor:pointer;\n//         @media only screen and (max-width: 600px) {\n//             padding:  65% 2rem 0.5rem 2rem;\n//             max-height: 27rem;\n//             max-width: 25rem;\n//         }\n//     `;\n\n\n//     return (\n//         // <Tilt>\n//             <Box\n//                 initial={{ x: 0, y:0}}\n//                 whileHover={{ x: 0, y: -25 }}\n//                 transition={{ duration: 0.3, \n               \n//                 }}\n//             >\n//             <H>{`${props.name? props.name : \"DOT\"}`}</H>\n//             <T>{`${props.L1? props.L1 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n//             <T>{`${props.L2? props.L2 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n//             <T>{`${props.L3? props.L3 : \"\"}`}</T>\n//             </Box>\n//         // </Tilt>\n//     )\n// }\n\n// export default Card","export default __webpack_public_path__ + \"static/media/blue.04ec2561.svg\";","import React from 'react'\nimport styled from 'styled-components'\nimport blue from '../../page/config/blue.svg'\nimport Tilt from 'react-parallax-tilt';\nimport { motion } from 'framer-motion';\n\nconst H = styled.h2`\n    color: #FFF    ;\n    font-weight: bold;\n    font-size: 1.5rem;\n    margin-bottom: 1rem;\n    z-index: 2;\n    @media only screen and (max-width: 768px) {\n        font-weight: bold;\n        font-size: 1.2rem;\n      }\n`;\n\nconst T = styled.p`\n    color: #FFF    ;\n    font-weight: 500;\n    font-size: 1.3rem;\n    margin-bottom: 0.5rem;\n    z-index: 2;\n    @media only screen and (max-width: 768px) {\n        font-weight: 510;\n        font-size: 1rem;\n      }\n`;\n\n\nconst InvisibleCard = (props) => {\n\n    const Box = styled(motion.div)`\n        height: 18rem;\n        width: 99%;\n        display : flex;\n        flex-direction: column;\n        align-items: center;\n        text-align: center;\n        margin: 2rem 1rem;\n        \n    `;\n\n    const Upper = styled.div`\n        height: 50%;\n        width: 100%;\n        border-radius: 8px;`;\n\n    const Lower = styled.div`\n        height: 60%;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-evenly;\n        padding-left: 0.5rem;\n        `;\n\n\n    return (\n        // <Tilt>\n            <Box>\n                <Upper>\n                    <img src={`${props.img? props.img : \"\"}`} alt=\"\" />\n                </Upper>\n                <Lower>\n                    <H>{`${props.name? props.name : \"DOT\"}`}</H>\n                    <T>{`${props.L1? props.L1 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n                    <T>{`${props.L2? props.L2 : \"An uncommon Polymon in the Polyverse.\"}`}</T>\n                    <T>{`${props.L3? props.L3 : \"\"}`}</T>\n                    <T>{`${props.L4? props.L4 : \"\"}`}</T>\n                </Lower>\n            {/* <H>{`${props.name? props.name : \"DOT\"}`}</H>\n            <T>{`${props.desc? props.desc : \"An uncommon Polymon in the Polyverse.\"}`}</T> */}\n            </Box>\n        // </Tilt>\n    )\n}\n\nexport default InvisibleCard\n","export default __webpack_public_path__ + \"static/media/brain.3bcfc2a4.svg\";","import React, { useState, useEffect } from \"react\";\nimport \"./Page2.css\";\nimport styled from \"styled-components\";\nimport bg from \"./bg2.png\";\nimport { FcPlus } from \"react-icons/fc\";\nimport { FaMinusCircle } from \"react-icons/fa\";\nimport { motion } from \"framer-motion\";\nimport mint from \"./mint.png\";\nimport { data } from \"../config/config\";\nimport { data2 } from \"../config/config2\";\nimport InvisibleMCard from \"../../components/Card/Card\";\nimport InvisibleCard from \"../../components/Card/InvisibleCard\";\nimport Brain from \"./brain.svg\";\nimport { useSelector } from \"react-redux\";\nimport { useWallet } from \"use-wallet\";\nimport Web3 from \"web3\";\nconst Page = styled.section`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  min-height: 100vh;\n  width: 100%;\n  background-image: url(${bg});\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  padding: 8rem 0 3rem 0;\n  @media only screen and (max-width: 768px) {\n    min-height: 100vh;\n    width: 100%;\n    padding: 2rem 0.5rem 2rem 0.5rem;\n    background-size: auto 100%;\n    flex-direction: column;\n  }\n`;\nconst BigCard = styled.div`\n  width: auto;\n  height: auto;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background-color: #003070;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,\n    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,\n    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;\n  padding: 80px 200px 68px 200px;\n  border-radius: 2rem;\n  margin-bottom: 100px;\n  @media only screen and (max-width: 1000px) {\n    width: 95%;\n    padding: 2rem 2rem;\n  }\n  @media only screen and (max-width: 700px) {\n    width: 95%;\n    padding: 2rem 1rem;\n  }\n`;\nconst H = styled.h2`\n  color: #fff;\n  font-weight: bolder;\n  font-size: 3rem;\n  @media only screen and (max-width: 768px) {\n    font-weight: 550;\n    font-size: 1.2rem;\n    text-align: center;\n  }\n`;\n\nconst Hu = styled.h2`\n  color: #fff;\n  font-weight: bold;\n  font-size: 30px;\n  margin-bottom: 3rem;\n  @media only screen and (max-width: 768px) {\n    font-weight: bold;\n    font-size: 1.3rem;\n    text-align: center;\n  }\n`;\n\nconst T = styled.p`\n  color: #fff;\n  font-weight: bold;\n  font-size: 1.5rem;\n  margin-bottom: 2rem;\n  @media only screen and (max-width: 768px) {\n    font-weight: bold;\n    font-size: 1.5rem;\n  }\n`;\n\nconst Tu = styled.p`\n  color: #fbcf2c;\n  margin-bottom: 1rem;\n  font-weight: bold;\n  font-size: 20px;\n  @media only screen and (max-width: 768px) {\n    font-weight: bold;\n    font-size: 1rem;\n  }\n`;\n\nconst Td = styled.p`\n  color: #fbcf2c;\n  margin-bottom: 1rem;\n  font-weight: bold;\n  font-size: 20px;\n  @media only screen and (max-width: 768px) {\n    font-weight: bold;\n    font-size: 1rem;\n  }\n`;\n\nconst SmBox = styled.div`\n  margin: 0 2rem 0 0;\n  width: 14rem;\n  @media only screen and (max-width: 768px) {\n    margin: 2rem 0 0 0;\n    width: 100%;\n  }\n`;\n\nconst Upper = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-around;\n  background-color: #fff;\n  width: 100%;\n  border-radius: 1rem 1rem 0 0;\n  padding: 0 0.5rem;\n  height: 4rem;\n  @media only screen and (max-width: 768px) {\n    width: 100%;\n    height: auto;\n    justify-content: center;\n    height: 4rem;\n  }\n`;\n\nconst Lower = styled.div`\n  display: grid;\n  place-items: center;\n  background-color: #c6250a;\n  width: 100%;\n  border-radius: 0 0 1rem 1rem;\n  @media only screen and (max-width: 768px) {\n    width: 100%;\n    height: auto;\n  }\n`;\n\nconst BigBox = styled.div`\n  min-width: 15rem;\n  min-height: 8rem;\n  border: 2px solid #013c8a;\n  border-radius: 1rem;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0.5rem 2rem;\n  margin-top: 0rem;\n  @media only screen and (max-width: 768px) {\n    flex-direction: column;\n    min-height: auto;\n    margin-top: 2rem;\n    padding: 2rem 0;\n    width: 100%;\n  }\n`;\n\nconst Divider = styled.div`\n  height: 6rem;\n  width: 3px;\n  background-color: #013c8a;\n  margin: 0 1rem;\n  @media only screen and (max-width: 768px) {\n    margin: 2rem 0 0 0;\n    flex-direction: column;\n    width: 100%;\n    height: 2px;\n  }\n`;\nconst Left = styled.div`\n  margin: 0 1rem 0 0;\n  @media only screen and (max-width: 768px) {\n    margin: 0 0 0 0;\n    display: grid;\n    place-items: center;\n  }\n`;\n\nconst Right = styled.div`\n  margin: 0 0 0 1rem;\n  @media only screen and (max-width: 768px) {\n    margin: 2rem 0 0 0;\n    display: grid;\n    place-items: center;\n  }\n`;\n\nconst BoxContainer = styled.div`\n  display: flex;\n  align-items: center;\n  justify-content: space-evenly;\n  align-items: center;\n  width: 100%;\n  margin: 60px 0;\n  @media only screen and (max-width: 768px) {\n    flex-direction: column-reverse;\n    margin: 0;\n  }\n`;\n\nconst ButtonBack = styled.div`\n  background-color: #deba27;\n  height: 3.4rem;\n  box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,\n    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px,\n    rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;\n  border-radius: 0.7rem;\n  min-width: 15rem;\n  @media only screen and (max-width: 768px) {\n    height: 3rem;\n    margin-top: 2rem;\n    width: 100%;\n  }\n`;\n\nconst Button = styled(motion.div)`\n  background-color: #deba27;\n  color: #013c8a;\n  height: 3rem;\n  border: none;\n  border-bottom: 2px solid #e5e5e5;\n  border-radius: 0.7rem;\n  font-size: 1.5rem;\n  cursor: pointer;\n  padding: 0 1rem;\n  display: grid;\n  place-items: center;\n  padding-top: 0.5rem;\n  width: auto;\n  @media only screen and (max-width: 768px) {\n    height: 2.7rem;\n  }\n`;\nconst Grid = styled.div`\n  display: grid;\n  width: 80%;\n  height: auto;\n  grid-template-columns: repeat(auto-fit, minmax(22rem, 1fr));\n  place-items: center;\n  position: relative;\n  z-index: 4;\n  grid-gap: 30px;\n  @media only screen and (min-width: 1100px) {\n    width: 100%;\n    grid-template-columns: repeat(4, minmax(20%, 1fr));\n    grid-gap: 10px;\n  }\n  @media only screen and (max-width: 768px) {\n    display: none;\n  }\n`;\n\nconst MobileGrid = styled.div`\n  display: none;\n  @media only screen and (max-width: 768px) {\n    display: grid;\n    width: 100%;\n    height: auto;\n    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));\n    place-items: center;\n    position: relative;\n    z-index: 4;\n  }\n`;\n\nconst ImgContainer = styled.div`\n  position: absolute;\n  right: 0;\n  width: 40rem;\n  margin-top: 20%;\n  z-index: 1;\n  display: block;\n  @media only screen and (max-width: 768px) {\n    width: 15rem;\n    display: none;\n  }\n`;\n\nconst Page2 = () => {\n  const mydata = useSelector((state) => state.mydata);\n  const account1 = useSelector((state) => state.account);\n  const contract = useSelector((state) => state.contract);\n  const [priceForNft, setpriceForNft] = useState(0);\n  const [value, setvalue] = useState(0);\n  const { account, connect } = useWallet();\n  const [remainingAmount, setRemainingAmount] = useState();\n\n  const handleMint = async () => {\n    console.log(\"sssasasa\", value, priceForNft);\n\n    await contract.methods.mint(value).send({\n      from: account,\n      value: Web3.utils.toWei((value * 0.042).toString()),\n    });\n  };\n\n  const [noOfNFT, setNoOfNFT] = useState(null);\n\n  useEffect(() => {\n    connect();\n  }, []);\n\n\n  const loadData = async()=>{\n      let totalSupply = await contract.methods.totalSupply().call()\n      setRemainingAmount(7420-totalSupply)\n  }\n  useEffect(()=>{\n    if(contract){\n        loadData()\n    }\n  },[contract])\n\n  return (\n    <Page id=\"intellect\">\n      <BigCard>\n        {remainingAmount ? (\n          <H>\n            <span style={{ fontWeight: \"bold\" }}>{remainingAmount}</span>{\" \"}\n            Intellects Remaining\n          </H>\n        ) : null}\n\n        <BoxContainer>\n          <SmBox>\n            <Upper>\n              <FaMinusCircle\n                className=\"iconL\"\n                onClick={() => {\n                  if (noOfNFT > 0) {\n                    setNoOfNFT(noOfNFT - 1);\n                  }\n                }}\n              />\n\n              <input\n                placeholder=\"No.s of NFT\"\n                value={noOfNFT}\n                style={{\n                  width: \"70%\",\n                  height: \"60%\",\n                  border: \"none\",\n                  fontSize: \"1.5rem\",\n                  paddingLeft: \"0.5rem\",\n                }}\n                onChange={(e) => {\n                  setpriceForNft(parseInt(e.target.value) * mydata?.price || 0);\n                  setNoOfNFT(parseInt(e.target.value));\n                  setvalue(e.target.value);\n                }}\n                type=\"number\"\n              />\n\n              <FcPlus\n                className=\"iconR\"\n                onClick={() => {\n                  if (noOfNFT < 20) {\n                    setNoOfNFT(noOfNFT + 1);\n                  }\n                }}\n              />\n            </Upper>\n            <Lower>\n              <T style={{ margin: \"1rem 0\" }}>Max 42</T>\n            </Lower>\n          </SmBox>\n          <BigBox>\n            <Left>\n              <Tu>COST</Tu>\n              <Hu style={{ margin: \"0\" }}>\n                {mydata?.price / 10 ** 18 || 0.042} eth\n              </Hu>\n            </Left>\n            <Divider />\n            <Right>\n              <Td>TOTAL COST</Td>\n              <Hu style={{ margin: \" 0\" }}>{priceForNft / 10 ** 18} + GAS</Hu>\n            </Right>\n          </BigBox>\n        </BoxContainer>\n\n        {account ? (\n          <ButtonBack>\n            <Button onClick={() => handleMint()}>MINT</Button>\n          </ButtonBack>\n        ) : (\n          <ButtonBack>\n            <Button onClick={() => connect()}>Connect</Button>\n          </ButtonBack>\n        )}\n      </BigCard>\n\n      <Grid>\n        {/* {data?.map(e => (\n                <Card \n                    bg={e.img}\n                    name={e.name}\n                    L1={e.L1}\n                    L2={e.L2}\n                    L3={e.L3}\n                /> \n            ))} */}\n        {data?.map((e) => (\n          <InvisibleMCard\n            img={e.img}\n            name={e.name}\n            L1={e.L1}\n            L2={e.L2}\n            L3={e.L3}\n            L4={e.L4}\n          />\n        ))}\n      </Grid>\n\n      <MobileGrid>\n        {data2?.map((e) => (\n          <InvisibleCard\n            img={e.img}\n            name={e.name}\n            L1={e.L1}\n            L2={e.L2}\n            L3={e.L3}\n            L4={e.L4}\n          />\n        ))}\n      </MobileGrid>\n\n      {/* <ImgContainer>\n                <img src={Brain} alt=\"\" style={{width:\"100%\",height:\"100%\"}} />\n            </ImgContainer>  */}\n    </Page>\n  );\n};\n\nexport default Page2;\n","export default __webpack_public_path__ + \"static/media/bg3.a5dda51d.png\";","export default __webpack_public_path__ + \"static/media/bg4.c0dab574.png\";","import React from 'react'\nimport Card from '../../components/Card/Card'\nimport styled from 'styled-components';\nimport bg from './bg3.png'\nimport {data} from '../config/config'\n\nconst Page = styled.section`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    height: 100vh;\n    background-image: url(${bg});\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    @media only screen and (max-width: 768px) {\n        min-height: 115rem;\n        padding: 2rem 0.5rem;\n        background-size: auto 100%;\n    }\n`;\n\nconst Grid = styled.div`\n    display: grid;\n    width: 100%;\n    height: auto;\n    grid-template-columns: repeat(auto-fit, minmax(25rem, 1fr));\n    place-items: center;\n    @media only screen and (max-width: 768px) {\n        grid-template-columns: repeat(auto-fit, minmax(90%, 1fr));\n    }\n`;\n\nconst Page3 = () => {\n    return (\n        <Page>\n            <Grid>\n            {data?.map(e => (\n                <Card \n                    bg={e.img}\n                    name={e.name}\n                    desc={e.desc}\n                /> \n            ))}\n             </Grid>\n        </Page>\n    )\n}\n\nexport default Page3\n","export default __webpack_public_path__ + \"static/media/mbg4.17e10a60.png\";","export default __webpack_public_path__ + \"static/media/roadmap.189263e4.svg\";","export default __webpack_public_path__ + \"static/media/point.42dc0caa.svg\";","import React from 'react'\nimport styled from 'styled-components';\nimport bg from './bg4.png'\nimport mbg from './mbg4.png'\nimport road from './roadmap.svg'\nimport { Line, Circle } from 'rc-progress';\nimport { motion } from 'framer-motion';\nimport \"react-step-progress-bar/styles.css\";\nimport { ProgressBar, Step } from \"react-step-progress-bar\";\nimport point from './point.svg'\n\nconst Page = styled.section`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: space-between;\n    max-height: 100vh;\n    width: 100%;\n    background-image: url(${bg});\n    background-size: 100% 100%;\n    background-repeat: no-repeat;\n    padding: 0 0 5rem 0;\n    @media only screen and (max-width: 768px) {\n        background-image: url(${mbg});\n        min-height: 40rem;\n        width: 100%;\n        background-size: 100% 100%;\n        background-repeat: no-repeat;\n        padding: 2rem 0.5rem;\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n`;\n\nconst Box = styled.div`\n        height: auto;\n        width: 49%;\n        text-align: center;\n        \n    `;\n\nconst H = styled.h2`\n    color: #FFF;\n    font-weight: bolder;\n    font-size: 2.5rem;\n    margin: 75% 0 0 0;\n    @media only screen and (max-width: 768px) {\n        font-weight: bold;\n        font-size: 1.8rem;\n        margin: -1rem 0 0 0;\n        text-align: center;\n      }\n`;\n\nconst Hper = styled.h2`\n    color:  rgba(246, 200, 29, 0.5) ;     // #f6c81d;   // rgba(246, 200, 29, 1)  \n    font-weight: bold;\n    font-size: 80px;\n    margin-bottom: 1.5rem;\n    @media only screen and (max-width: 1000px) {\n        font-weight: 900;\n        font-size: 50px;\n        margin-bottom: 2rem;\n      }\n    @media only screen and (max-width: 768px) {\n        font-weight: 900;\n        font-size: 40px;\n        margin-bottom: 0rem;\n      }\n`;\n\nconst Ht = styled.h2`\n    color: #FFF;\n    font-weight: 550;\n    font-size: 2rem;\n    @media only screen and (max-width: 768px) {\n        font-weight: bolder;\n        font-size: 1rem;\n        text-align: center;\n      }\n`;\n\nconst T = styled.p`\n    color: #FFF;\n    font-weight: regular;\n    font-size: 1.3rem;\n    margin: 2rem 1rem;\n    width: 25%;\n    @media only screen and (max-width: 768px) {\n        font-weight: 510;\n        font-size: 1rem;\n        margin: 1rem 0.5rem 0 0.5rem;\n        width: auto;\n    }\n`;\n\nconst ProgresssBar = styled.div`\n    width: 80%;\n    margin: 5rem 1rem;\n    @media only screen and (max-width: 1100px) {\n        width: 95%;\n        margin: 3rem 0 2rem 0;\n    }\n    @media only screen and (max-width: 1000px) {\n        width: 97%;\n        margin: 3rem 0 2rem 0;\n        padding: 0 0 0 1rem;\n    }\n    @media only screen and (max-width: 768px) {\n        width: 100%;\n        margin: 2rem 0 2rem 0;\n        padding: 0 0 0 1rem;\n    }\n`;\n\nconst Flex = styled.div`\n    display: flex;\n    width: 100%;\n    justify-content: space-between;\n    text-align: center;\n    @media only screen and (max-width: 768px) {\n        display: none;\n    }\n`;\n\nconst Card = styled.div`\n    background-color: #003070;\n    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;\n    width: auto;\n    height: auto;\n    border-radius: 1rem;\n    display: grid;\n    place-items: center;\n    justify-content: space-between;\n    padding: 80px 200px;\n    z-index: 4;\n    @media only screen and (max-width: 768px) {\n        width: 95%;\n        padding: 2rem 0.5rem 3rem 0.5rem;\n        opacity: 0.9;\n    }\n`;\n\nconst Button = styled(motion.div)`\n   cursor: pointer;\n    border-radius: 1rem;\n    height: 3rem ;\n    width: 12rem;\n    margin: 0.5rem 0 0 2rem;\n    @media only screen and (max-width: 768px) {\n        margin: 1rem 0 0 0;\n        height: 2.7rem ;\n        width: 80%;\n    }\n`;\n\nconst Input = styled.input`\n    border: 2px solid #3368AE;\n    background-color: transparent;\n    border-radius: 1.5rem;\n    color: #fbcf2c;\n    font-size: 1.5rem;\n    padding: 1rem;\n    ::placeholder{\n        color: #3368AE;\n        font-size: 1.5rem;\n    }\n    &:focus {\n        outline: none;\n        border-color: #fbcf2c;\n      }\n    }\n    @media only screen and (max-width: 768px) {\n        font-size: 1rem;\n        border-radius: 1rem;\n    }\n`;\n\nconst Hori = styled.div`\n    display: flex;\n    margin-top: 60px;\n    \n    @media only screen and (max-width: 768px) {\n        display: grid;\n        place-items: center;\n        margin-top: 30px;\n    }\n`;\n\nconst PC = styled.div`\n    display: block;\n    width: 100%;\n    height: auto;\n    @media only screen and (max-width: 1025px) {\n        width: 95%;\n    }\n    @media only screen and (max-width: 768px) {\n        display: none;\n    }\n`;\n\nconst Mobile = styled.div`\n    display: none;\n    @media only screen and (max-width: 768px) {\n        display: grid;\n        place-items: center;\n        height: auto;\n        width: 100%;\n    }\n`;\n\nconst SGrid = styled.div`\n    display: block\n    @media only screen and (max-width: 768px) {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n    }\n`;\n\nconst ImgContainer = styled.div`\n    @media only screen and (max-width: 768px) {\n        width: 100%;\n        height: 22rem;\n        margin: 1rem 0 -12% 0;\n      }\n`;\n\nconst Style = styled.div`\n    display: none;\n    @media only screen and (max-width: 768px) {\n      display: flex;\n      margin-bottom: 2rem; \n           width: 100%;\n      justify-content: space-between;\n      \n    }\n`;\n\nconst CustomLine = styled.div`\n    width: 100%;\n    height: 2px;\n    background: #D2042D;\n`;\n\nconst MStep = styled(Step)`\n    display: block;\n    @media only screen and (max-width: 768px) {\n      display: none !important;\n    }\n`\n\nconst Page4 = () => {\n    return (\n        <Page id=\"roadmap\">\n            <SGrid>\n                <Mobile>\n                    <div><img src={road} alt=\"\" style={{width:\"100%\"}} /></div>    \n                </Mobile>\n                <H>Roadmap</H>\n            </SGrid>\n            \n            <ProgresssBar>\n                <Flex style={{padding:\"0 4rem\"}}>\n                    <Hper style={{color:\"#f6c81d\"}}>20%</Hper>\n                    <Hper style={{color:\"#f6c81d\"}}>50%</Hper>\n                    <Hper>75%</Hper>\n                    <Hper>100%</Hper>\n                </Flex>\n                \n                <Style style={{}}>\n                    <Box>\n                        <Hper>20%</Hper>\n                        <T>All Social Giveaways will be announced! Follow us on Twitter and Discord for more details.</T>\n                    </Box>\n                    <Box>\n                        <Hper>50%</Hper>\n                        <T>Intellects Merchandise Shop opens with Limited Edition Gear for NFT hodlers.</T>\n                    </Box>\n                </Style>\n               \n                <PC>\n                    <ProgressBar\n                        stepPositions={4}\n                        height={3}\n                        percent={75}\n                        filledBackground=\"linear-gradient(to right, #ed213a, #93291e)\"\n                    >\n                    <Step transition=\"scale\">\n                    {({ accomplished }) => (\n                        <img\n                        style={{ filter: `grayscale(${accomplished ? 0 : 80}%)` }}\n                        width=\"40\"\n                        src={point}\n                        />\n                    )}\n                    </Step>\n                    <Step transition=\"scale\">\n                    {({ accomplished }) => (\n                        <img\n                        style={{ filter: `grayscale(${accomplished ? 0 : 80}%)` }}\n                        width=\"40\"\n                        src={point}\n                        />\n                    )}\n                    </Step>\n                    <Step transition=\"scale\">\n                    {({ accomplished }) => (\n                        <img\n                        style={{ filter: `grayscale(${accomplished ? 0 : 80}%)` }}\n                        width=\"40\"\n                        src={point}\n                        />\n                    )}\n                    </Step>\n                    <Step transition=\"scale\">\n                    {({ accomplished }) => (\n                        <img\n                        style={{ filter: `grayscale(${accomplished ? 0 : 80}%)` }}\n                        width=\"40\"\n                        src={point}\n                        />\n                    )}\n                    </Step>\n                     </ProgressBar>\n                </PC>\n                <Mobile>\n                     <Line \n                        style={{marginTop:\"1.5rem\"}}\n                        percent=\"50\" strokeWidth=\"2\"\n                        strokeColor=\"#c6250a\" trailColor=\"#60304c\" \n                        gapPosition=\"2rem 2rem 1rem 1rem\"\n                       \n                    /> \n                </Mobile>\n                <Flex>\n                    <T>All Social Giveaways will be announced! Follow us on Twitter and Discord for more details.</T>\n                    <T>Intellects Merchandise Shop opens with Limited Edition Gear for NFT hodlers.</T>\n                    <T>Donation fund created to support Alzheimer’s Research and Stroke Prevention & Recovery.</T>\n                    <T>Intellects Metaverse prep begins!</T>\n                </Flex>\n            </ProgresssBar>\n\n            \n            <Style>\n                <Box>\n                    <Hper>75%</Hper>\n                    <T>Donation fund created to support Alzheimer’s Research and Stroke Prevention & Recovery.</T>\n                </Box>\n                <Box>\n                    <Hper>100%</Hper>\n                    <T>Intellects Metaverse prep begins!</T>\n                    \n                </Box>\n            </Style>\n            \n\n            <SGrid>\n\n                {/* <Mobile>\n                    <ImgContainer>\n                        <img src={BB} alt=\"\" style={{width:\"100%\",height:\"100%\"}} />\n                    </ImgContainer>\n                </Mobile> */}\n\n                {/* <Card>\n                    <Ht>Get Alerts on Scholarship / Students Loan Essay Contests.</Ht>\n                    <Hori>\n                        <Input placeholder=\"Enter Email\"></Input>\n                        <Button \n                            // type=\"button\"\n                            whileHover={{ scale: 1.1}}\n                            whileTap={{ scale: 0.7 }}\n                        ><img src={submit} alt=\"\" style={{width:\"100%\",height:\"150%\"}} /></Button>\n                    </Hori>\n                </Card> */}\n\n            </SGrid>\n        </Page>\n    )\n}\n\nexport default Page4\n","export default __webpack_public_path__ + \"static/media/logo.46793fe6.svg\";","import React from 'react'\nimport styled from 'styled-components'\nimport logo from './logo.svg';\nimport twitter from './twitter.svg'\nimport opensea from './opensea.svg'\nimport { Link, animateScroll as scroll } from \"react-scroll\";\nimport { motion } from 'framer-motion';\n\nconst Foot = styled.div`\n    background-color: #002c65;\n    min-height: 9rem;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 1.5rem 10% 0.5rem 10%;\n    @media only screen and (max-width: 1400px) {\n        padding: 1.5rem 2rem 0.5rem 2rem;\n    }\n  \n    @media only screen and (max-width: 1000px) {\n        flex-direction: column;\n        min-height: auto;\n        padding: 1.5rem;\n   }\n`;\n\nconst Link1 = styled(Link)`\n    display: flex;\n    margin: 0 2rem;\n    align-items: center;\n    text-decoration: none;\n    color: #FFF;\n    cursor: pointer;\n\n\n      \n        -webkit-transform: perspective(1px) translateZ(0);\n        transform: perspective(1px) translateZ(0);\n        box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n        -webkit-transition-duration: 0.5s;\n        transition-duration: 0.5s;\n\n     &:hover, &:focus,&:active {\n        -webkit-transform: scale(0.8);\n        transform: scale(0.8);\n        -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n        transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);\n      }\n\n\n    @media only screen and (max-width: 768px) {\n         margin: 0 1rem;\n    }\n`;\n\nconst Link2 = styled(Link)`\n    display: flex;\n    margin: 0 2rem;\n    align-items: center;\n    text-decoration: none;\n    color: #FFF;\n    \n    font-size: 1.5rem;\n    cursor: pointer;\n\n\n    \n        vertical-align: middle;\n        -webkit-transform: perspective(1px) translateZ(0);\n        transform: perspective(1px) translateZ(0);\n        box-shadow: 0 0 1px rgba(0, 0, 0, 0);\n        -webkit-transition-duration: 0.3s;\n        transition-duration: 0.3s;\n        -webkit-transition-property: transform;\n        transition-property: transform;\n     \n        &:hover, &:focus, &:active {\n        -webkit-transform: translateX(8px);\n        transform: translateX(8px);\n      }\n\n\n\n    @media only screen and (max-width: 768px) {\n         margin: 0 1rem;\n         font-size: 0.8rem;\n    }\n    list-style: none;\n`;\n\nconst Ul = styled.ul`\n    display: flex;\n    margin: 0 0 0 0;\n    @media only screen and (max-width: 1000px) {\n        margin: 2rem 0 0 0;\n   }\n`;\n\nconst Right = styled.div`\n    display: flex;\n    flex-direction: column;\n    margin: 0 0 0 0;\n    align-items: center;\n    @media only screen and (max-width: 1000px) {\n        margin: 2rem 0 2rem 0;\n   }\n`;\n\nconst Img = styled(motion.img)`\n    width: 3rem;\n    cursor: pointer;\n`\nconst T = styled.p`\n    color: #FFF;\n    font-weight: 500;\n    font-size: 16px;\n    margin-top: 1rem;\n    @media only screen and (max-width: 1100px) {\n        font-weight: 510;\n        font-size: 0.8rem;\n        \n      }\n    text-align: center;\n    @media only screen and (max-width: 768px) {\n        font-weight: 510;\n        font-size: 0.8rem;\n        \n      }\n`;\n\nconst Flex = styled.div`\n    display: flex;\n    justify-content: space-evenly;\n    width: 70%;\n`;\n\nconst Footer = () => {\n    return (\n        <Foot>\n            <Link1 to=\"home\" spy={true} smooth={true}><img src={logo} alt=\"Logo\" /></Link1>\n            <Ul>\n                <Link2 to=\"home\" spy={true} smooth={true} ><li>Home</li></Link2>\n                <Link2 to=\"intellect\" spy={true} smooth={true} offset={-50} ><li>Buy Intellects</li></Link2>\n                <Link2 to=\"roadmap\" spy={true} smooth={true} ><li>Roadmap</li></Link2> \n            </Ul> \n            <Right>\n                <Flex>\n                    <Img\n                        whileHover={{ scale: 1.2}}\n                        whileTap={{ scale: 0.7 }}\n                    src={twitter} alt=\"\" />\n                    <Img \n                        whileHover={{ scale: 1.2}}\n                        whileTap={{ scale: 0.7 }}\n                    src={opensea} alt=\"\" />\n                </Flex>\n                <T>© Intellects NFT All Right Reserved.</T>\n            </Right>\n        </Foot>\n    )\n}\n\nexport default Footer\n","export default {\n    nftContract : \"0x2467b97ab8470c998069cFD09ec397b098Ef14DD\",\n    // stakingContract:\"0x2fDdaC6b94FEe743a8c5bE0F81373e91944d12a2\"\n}","export const ACCOUNT_UPDATE = \"ACCOUNT_UPDATE\";\nexport const CONTRACT_LOADED = \"CONTRACT_LOADED\";\nexport const DATA_LOADED = \"DATA_LOADED\";\n\n\nexport const RATE =\"RATE\";\n","import { ACCOUNT_UPDATE, CONTRACT_LOADED,DATA_LOADED,RATE } from \"../constants/action-types\";\n\n\n\nexport function accountUpdate(payload) {\n  console.log(payload,\"payload\")\n    return { type: ACCOUNT_UPDATE, payload }\n  };\n\nexport function contractLoaded(payload) {\n  return {type: CONTRACT_LOADED, payload}\n}\n\nexport function dataLoaded(payload) {\n  console.log(payload ,\"payload\")\n  return {type: DATA_LOADED, payload}\n}\n\nexport function ethtodollar(payload) {\n  return {type: RATE, payload}\n}\n\n","export default [{\"inputs\":[{\"internalType\":\"address\",\"name\":\"_companyWallet\",\"type\":\"address\"},{\"internalType\":\"string\",\"name\":\"_uri\",\"type\":\"string\"}],\"stateMutability\":\"nonpayable\",\"type\":\"constructor\"},{\"anonymous\":false,\"inputs\":[{\"indexed\":true,\"internalType\":\"address\",\"name\":\"owner\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"address\",\"name\":\"approved\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"Approval\",\"type\":\"event\"},{\"anonymous\":false,\"inputs\":[{\"indexed\":true,\"internalType\":\"address\",\"name\":\"owner\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"address\",\"name\":\"operator\",\"type\":\"address\"},{\"indexed\":false,\"internalType\":\"bool\",\"name\":\"approved\",\"type\":\"bool\"}],\"name\":\"ApprovalForAll\",\"type\":\"event\"},{\"anonymous\":false,\"inputs\":[{\"indexed\":true,\"internalType\":\"address\",\"name\":\"previousOwner\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"address\",\"name\":\"newOwner\",\"type\":\"address\"}],\"name\":\"OwnershipTransferred\",\"type\":\"event\"},{\"anonymous\":false,\"inputs\":[{\"indexed\":true,\"internalType\":\"address\",\"name\":\"from\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"address\",\"name\":\"to\",\"type\":\"address\"},{\"indexed\":true,\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"Transfer\",\"type\":\"event\"},{\"inputs\":[],\"name\":\"MAX_INTELLECTS\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"to\",\"type\":\"address\"},{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"approve\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"owner\",\"type\":\"address\"}],\"name\":\"balanceOf\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"baseURI\",\"outputs\":[{\"internalType\":\"string\",\"name\":\"\",\"type\":\"string\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"companyWallet\",\"outputs\":[{\"internalType\":\"address\",\"name\":\"\",\"type\":\"address\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"flipSaleState\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"getApproved\",\"outputs\":[{\"internalType\":\"address\",\"name\":\"\",\"type\":\"address\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"owner\",\"type\":\"address\"},{\"internalType\":\"address\",\"name\":\"operator\",\"type\":\"address\"}],\"name\":\"isApprovedForAll\",\"outputs\":[{\"internalType\":\"bool\",\"name\":\"\",\"type\":\"bool\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"maxIntellectsMintPerTxn\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"uint256\",\"name\":\"numberOfTokens\",\"type\":\"uint256\"}],\"name\":\"mint\",\"outputs\":[],\"stateMutability\":\"payable\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"name\",\"outputs\":[{\"internalType\":\"string\",\"name\":\"\",\"type\":\"string\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"owner\",\"outputs\":[{\"internalType\":\"address\",\"name\":\"\",\"type\":\"address\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"ownerOf\",\"outputs\":[{\"internalType\":\"address\",\"name\":\"\",\"type\":\"address\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"price\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"renounceOwnership\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"from\",\"type\":\"address\"},{\"internalType\":\"address\",\"name\":\"to\",\"type\":\"address\"},{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"safeTransferFrom\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"from\",\"type\":\"address\"},{\"internalType\":\"address\",\"name\":\"to\",\"type\":\"address\"},{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"},{\"internalType\":\"bytes\",\"name\":\"_data\",\"type\":\"bytes\"}],\"name\":\"safeTransferFrom\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"saleIsActive\",\"outputs\":[{\"internalType\":\"bool\",\"name\":\"\",\"type\":\"bool\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"operator\",\"type\":\"address\"},{\"internalType\":\"bool\",\"name\":\"approved\",\"type\":\"bool\"}],\"name\":\"setApprovalForAll\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"string\",\"name\":\"baseURI\",\"type\":\"string\"}],\"name\":\"setBaseURI\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"bytes4\",\"name\":\"interfaceId\",\"type\":\"bytes4\"}],\"name\":\"supportsInterface\",\"outputs\":[{\"internalType\":\"bool\",\"name\":\"\",\"type\":\"bool\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"symbol\",\"outputs\":[{\"internalType\":\"string\",\"name\":\"\",\"type\":\"string\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"uint256\",\"name\":\"index\",\"type\":\"uint256\"}],\"name\":\"tokenByIndex\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"owner\",\"type\":\"address\"},{\"internalType\":\"uint256\",\"name\":\"index\",\"type\":\"uint256\"}],\"name\":\"tokenOfOwnerByIndex\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"uint256\",\"name\":\"_tokenId\",\"type\":\"uint256\"}],\"name\":\"tokenURI\",\"outputs\":[{\"internalType\":\"string\",\"name\":\"\",\"type\":\"string\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"totalSupply\",\"outputs\":[{\"internalType\":\"uint256\",\"name\":\"\",\"type\":\"uint256\"}],\"stateMutability\":\"view\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"from\",\"type\":\"address\"},{\"internalType\":\"address\",\"name\":\"to\",\"type\":\"address\"},{\"internalType\":\"uint256\",\"name\":\"tokenId\",\"type\":\"uint256\"}],\"name\":\"transferFrom\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[{\"internalType\":\"address\",\"name\":\"newOwner\",\"type\":\"address\"}],\"name\":\"transferOwnership\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"},{\"inputs\":[],\"name\":\"withdraw\",\"outputs\":[],\"stateMutability\":\"nonpayable\",\"type\":\"function\"}]","import React, { useEffect, useState } from 'react'\nimport Web3 from 'web3';\nimport config from './config';\nimport { accountUpdate, contractLoaded, dataLoaded, ethtodollar } from '../redux/actions';\nimport { connect, useSelector } from 'react-redux';\nimport nftAbi from './ABi/nftAbi';\n\n\n\nfunction BlockchainProvider(props) {\n    const [account, setaccount] = useState(\"\");\n    useEffect(() => {\n        console.log(props, \"stake props\")\n        //const contractAddr = Config.CONTRACT_ADDRESS\n        const web3 = new Web3(Web3.givenProvider);\n        try {\n            accountdetail(web3)\n            // console.log(accountsPassed, \"accountPasse\");\n            const nftContract = new web3.eth.Contract(nftAbi, config.nftContract);\n            props.dispatch(contractLoaded(nftContract))\n            setInterval(() => {\n\n                initilizeData(nftContract);\n\n            }, 5000);\n            console.log(nftContract, \"contracts\");\n\n\n        }\n        catch (err) {\n            console.log(err)\n        }\n        return () => { }\n    }, [])\n\n    async function accountdetail(web3) {\n        const accounts = await web3.eth.getAccounts()\n        console.log(accounts, \"accounts\")\n        setaccount(accounts[0]);\n\n        //console.log(accounts[0],\"accounts\")\n        props.dispatch(accountUpdate(accounts[0]))\n\n    }\n\n\n\n    const initilizeData = async (nftContract) => {\n\n\n\n        let price = await nftContract.methods.price().call();\n\n        let localData = {\n            price\n        }\n\n        props.dispatch(dataLoaded(localData))\n\n\n\n    }\n\n\n    // const initilizeData = async (nftContract, stakingContract) => {\n    //     let stakeddata = []\n    //     let isApproved = false;\n\n    //     let stakedArray =[]\n\n    //     let pendingRewards = 0;\n    //     console.log(props.account, stakingContract, \"stake\")\n    //     if (props.account) {\n\n    //         isApproved = await nftContract.methods.isApprovedForAll(props.account, config.stakingContract).call();\n\n    //         stakedArray = await stakingContract.methods.getMyStakingInfo(props.account).call();\n\n    //         stakedArray.map((e) => {\n    //             if(e.nftId != \"0\"){\n    //                 stakeddata.push(e);\n    //             }\n    //         })\n\n    //         pendingRewards = await stakingContract.methods.getPendingReward(props.account).call()/10**18\n    //         console.log(stakeddata, \"stake data\");\n    //         let localdata = {\n\n    //             isApproved,\n    //             stakeddata,\n    //             pendingRewards\n    //         }\n\n    //         props.dispatch(dataLoaded(localdata))\n\n    //     }\n\n\n    // }\n\n\n    return (\n        <div>\n\n        </div>\n    )\n}\nconst mapStateToProps = function (state) {\n    return {\n    }\n}\n\nexport default connect(mapStateToProps)(BlockchainProvider)\n","import React from 'react'\nimport './App.css'\nimport Home from './page/Home/Home'\nimport NavBar from './components/NavBar/NavBar';\nimport Page2 from './page/SecondPage/Page2';\nimport Page3 from './page/ThirdPage/Page3';\nimport Page4 from './page/ForthPage/Page4';\nimport Footer from './page/Footer/Footer';\nimport BlockchainProvider from './BlockchainProvider/index.js';\nimport {\n  BrowserRouter as Router,\n  Switch,\n  Route,\n  Link\n} from \"react-router-dom\";\n\nconst App = () => {\n  return (\n    <>\n      <NavBar />\n      <BlockchainProvider />\n\n      <Home />\n      <Page2 />\n      <Page4 />\n\n\n      {/* <Switch>\n\n        <Route path=\"/\" exact>\n          <Home />\n          <Page2 />\n          <Page4 />\n        </Route>\n        <Route path=\"/intellect\" exact>\n          <Page2 />\n        </Route>\n        <Route path=\"/roadmap\" exact>\n          <Page4 />\n        </Route>\n        \n      </Switch> */}\n      <Footer />\n    </>\n  )\n}\n\nexport default App\n","const reportWebVitals = onPerfEntry => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import { ACCOUNT_UPDATE, CONTRACT_LOADED, DATA_LOADED, RATE, SEAPORT } from \"../constants/action-types\";\n\n\n\nconst initialState = {\n  account: null,\n  blockchainClient: null,\n  mydata:null\n};\n\nfunction rootReducer(state = initialState, action) {\n  console.log(action,\"action\")\n\n  switch (action.type) {\n    case ACCOUNT_UPDATE:\n      return Object.assign({}, state, {\n        account: action.payload\n      });\n    case CONTRACT_LOADED:\n      return Object.assign({}, state, {\n        contract: action.payload\n      });\n    case DATA_LOADED:\n      return Object.assign({}, state, {\n        mydata: action.payload\n      });\n    case RATE:\n      return Object.assign({}, state, {\n        rate: action.payload\n      });\n  }\n\n\n\n  console.log(state,\"action\")\n  return state;\n};\n\nexport default rootReducer;","import { createStore } from \"redux\";\nimport rootReducer from \"../../redux/reducer\";\n\nconst store = createStore(rootReducer);\n\nexport default store;","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport './index.css';\nimport App from './App';\nimport reportWebVitals from './reportWebVitals';\nimport { BrowserRouter as Router } from 'react-router-dom'\nimport { Provider } from 'react-redux';\nimport store from './redux/store';\nimport { ToastContainer } from 'react-toastify';\nimport 'react-toastify/dist/ReactToastify.css';\nimport { UseWalletProvider } from 'use-wallet';\n\nReactDOM.render(<Provider store={store}>\n    <UseWalletProvider\n        chainId={1}\n        connectors={{\n            // This is how connectors get configured\n            portis: {  },\n        }}\n    >\n        <App />\n        <ToastContainer />\n    </UseWalletProvider>\n\n</Provider>, document.getElementById('root')\n);\n\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();\n"],"sourceRoot":""}