{"version":3,"sources":["images/m2.png","images/bg.png","components/hero.js","images/walletconnectlogo.png","images/coinbase.png","components/navBar.js","images/metamaskWallet.png","images/nft1.png","images/nft2.png","images/nft3.png","images/nft4.png","images/nft5.png","images/nft6.png","images/nft7.png","images/nft8.png","images/nft9.png","images/nft10.png","images/nft11.png","images/nft12.png","Data/nfts.js","images/eth.png","components/nftGrid.js","components/roadMap.js","App.js","reportWebVitals.js","index.js"],"names":["Hero","account","notifications","useNotifications","useState","amount","setAmount","connectWallet","setConnectWallet","transactionSuccess","settransactionSuccess","useEffect","filter","notification","type","transactionName","length","nftInterface","utils","Interface","inputs","name","outputs","stateMutability","contract","Contract","useContractFunction","state","send","handleMint","console","log","value","parseEther","toString","mintNft","minheight","status","alignItems","justifyContent","textAlign","variant","autoHideDuration","mr","maxW","centerContent","fontSize","color","pt","align","justify","bgGradient","bgClip","fontWeight","src","m2","alt","style","margin","size","children","onClick","placeholder","toFixed","onChange","e","target","disabled","isLoading","border","bg","objectFit","borderRadius","maxheight","getEllipsisTxt","str","n","slice","NavBar","activateBrowserWallet","activate","deactivate","isConnected","undefined","useDisclosure","isOpen","onOpen","onClose","provider","WalletConnectProvider","infuraId","enable","error","WalletLinkConnector","url","appName","supportedChainIds","p","minh","colorScheme","orientation","_hover","cursor","boxSize","WalletConnectIcon","coinbase","nftItems","id","image","nft1","nft2","nft3","nft4","nft5","nft6","nft7","nft8","nftItemsBotton","nft11","nftsScroll","nft9","nft10","nft12","NftGrid","slideIndex","setSlideIndex","direction","w","pb","enableMouseEvents","index","gap","templateColumns","map","item","display","px","eth","width","height","mt","RoadMap","href","rel","App","useEthers","className","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","theme","extendTheme","config","initialColorMode","readOnlyChainId","Mainnet","chainId","readOnlyUrls","Rinkeby","expirationPeriod","checkInterval","ReactDOM","render","StrictMode","DAppProvider","isServerInfo","document","getElementById"],"mappings":"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","file":"static/js/main.42ce8a41.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/m2.360b4e88.png\";","export default __webpack_public_path__ + \"static/media/bg.7af65ba3.png\";","import {\n  Box,\n  Button,\n  Container,\n  Flex,\n  Image,\n  VStack,\n  Text,\n  Input,\n  InputLeftAddon,\n  InputRightAddon,\n  InputGroup,\n  Alert,\n  AlertIcon,\n} from \"@chakra-ui/react\"\nimport React, { useEffect, useState } from \"react\"\nimport { Contract } from \"@ethersproject/contracts\"\nimport m2 from \"../images/m2.png\"\n// import m1 from \"../images/m1.png\"\nimport bg from \"../images/bg.png\"\nimport { useContractFunction, useNotifications } from \"@usedapp/core\"\nimport { utils } from \"ethers\"\n\nconst Hero = ({ account }) => {\n  const { notifications } = useNotifications()\n  const [amount, setAmount] = useState(0.012)\n  const [connectWallet, setConnectWallet] = useState(false)\n  const [transactionSuccess, settransactionSuccess] = useState(false)\n  const nftAddress = \"0x6f6fc7D4967089b9FC054911bcec13248757d241\"\n  useEffect(() => {\n    if (account) {\n      setConnectWallet(false)\n    }\n  }, [account, connectWallet])\n  useEffect(() => {\n    if (\n      notifications.filter(\n        (notification) =>\n          notification.type === \"transactionSucceed\" &&\n          notification.transactionName === \"mintnfttransaction\"\n      ).length > 0\n    ) {\n      settransactionSuccess(true)\n    } else {\n      settransactionSuccess(false)\n    }\n  }, [notifications, transactionSuccess])\n  const abi = [\n    {\n      inputs: [],\n      name: \"Mint\",\n      outputs: [],\n      stateMutability: \"payable\",\n      type: \"function\",\n    },\n  ]\n  const nftInterface = new utils.Interface(abi)\n  const contract = new Contract(nftAddress, nftInterface)\n  const { state, send } = useContractFunction(contract, \"Mint\", {\n    transactionName: \"mintnfttransaction\",\n  })\n  const mintNft = (amount) => {\n    send({\n      value: utils.parseEther(amount.toString()),\n    })\n  }\n  const handleMint = (amount) => {\n    console.log(\"clicked\")\n    console.log(amount)\n    if (!account) {\n      setConnectWallet(true)\n    } else {\n      mintNft(amount)\n    }\n  }\n  return (\n    <VStack minheight='85vh'>\n      {connectWallet && (\n        <Alert\n          status='warning'\n          alignItems='center'\n          justifyContent='center'\n          textAlign='center'\n        >\n          <AlertIcon />\n          Connect Wallet to Mint NFTS\n        </Alert>\n      )}\n      {transactionSuccess && (\n        <Alert\n          status='success'\n          variant='left-accent'\n          alignItems='center'\n          justifyContent='center'\n          textAlign='center'\n          autoHideDuration={5000}\n        >\n          <AlertIcon mr={3} />\n          You have successfully Minted Your Nft\n        </Alert>\n      )}\n      <Container maxW='md' centerContent>\n        <Text fontSize='2xl' color='#D7C19A'>\n          Blockchain for everyone\n        </Text>\n      </Container>\n      <Container maxW='75%' color='white' centerContent pt='0.3%'>\n        <Flex align='center' justify='center'>\n          <Text\n            bgGradient='linear(to-l, #7928CA, #FF0080)'\n            bgClip='text'\n            fontSize='6xl'\n            fontWeight='extrabold'\n          >\n            Discovery\n          </Text>\n          <Image src={m2} alt='nft' style={{ margin: \"0 5%\" }} />\n          <Text\n            bgGradient='linear(to-l, #7928CA, #FF0080)'\n            bgClip='text'\n            fontSize='4xl'\n            fontWeight='extrabold'\n          >\n            Collect\n          </Text>\n        </Flex>\n      </Container>\n      <Container maxW='75%' color='white' centerContent pt='0.3%'>\n        <Text\n          bgGradient='linear(to-l, #7928CA, #FF0080)'\n          bgClip='text'\n          fontSize='3xl'\n          fontWeight='extrabold'\n        >\n          Remarkable Nfts\n        </Text>\n      </Container>\n      <Container centerContent pt='1%'>\n        <Flex>\n          <InputGroup mr='5' size='lg' color='white'>\n            <InputLeftAddon\n              children='+'\n              onClick={() => setAmount(amount + 0.001)}\n            />\n            <Input\n              variant='outline'\n              type='text'\n              name='text'\n              placeholder='enter Amount'\n              value={`${amount.toFixed(3)}`}\n              onChange={(e) => setAmount(e.target.value)}\n              color='white'\n              disabled\n            ></Input>\n            <InputRightAddon\n              children='-'\n              onClick={() => setAmount(amount - 0.001)}\n            />\n          </InputGroup>\n          <Button\n            size='lg'\n            bgGradient={[\n              \"linear(to-tr, teal.300, yellow.400)\",\n              \"linear(to-t, blue.200, teal.500)\",\n              \"linear(to-b, orange.100, purple.300)\",\n            ]}\n            onClick={() => handleMint(amount)}\n            isLoading={state.status === \"Mining\"}\n          >\n            Mint NOW\n          </Button>\n        </Flex>\n      </Container>\n      <Box border='none' centerContent>\n        <Image\n          src={bg}\n          alt='apes'\n          objectFit='cover'\n          borderRadius='2%'\n          maxheight='700px'\n        />\n      </Box>\n    </VStack>\n  )\n}\nexport default Hero\n","export default __webpack_public_path__ + \"static/media/walletconnectlogo.26a8f490.png\";","export default __webpack_public_path__ + \"static/media/coinbase.23d063a1.png\";","import {\n  Button,\n  Container,\n  Flex,\n  Box,\n  Text,\n  Modal,\n  ModalOverlay,\n  Divider,\n  ModalContent,\n  ModalHeader,\n  ModalBody,\n  ModalCloseButton,\n  Image,\n  useDisclosure,\n} from \"@chakra-ui/react\"\nimport WalletConnectIcon from \"../images/walletconnectlogo.png\"\nimport metamask from \"../images/metamaskWallet.png\"\nimport coinbase from \"../images/coinbase.png\"\nimport React, { useEffect } from \"react\"\nimport WalletConnectProvider from \"@walletconnect/web3-provider\"\nimport { WalletLinkConnector } from \"@web3-react/walletlink-connector\"\nconst NavBar = ({ activateBrowserWallet, account, activate, deactivate }) => {\n  const isConnected = account !== undefined\n  const { isOpen, onOpen, onClose } = useDisclosure()\n\n  async function onConnect() {\n    try {\n      const provider = new WalletConnectProvider({\n        infuraId: \"a22b6958cc5449a6a5bc6dc4e2c26a7a\",\n      })\n      await provider.enable()\n      await activate(provider)\n    } catch (error) {\n      console.error(error)\n    }\n  }\n  async function onCoinbaseConnect() {\n    try {\n      const provider = new WalletLinkConnector({\n        url: `https://mainnet.infura.io/v3/a22b6958cc5449a6a5bc6dc4e2c26a7a`,\n        appName: \"DevApes Demo\",\n\n        supportedChainIds: [1, 3, 4, 5, 42],\n      })\n      await activate(provider)\n    } catch (error) {\n      console.error(error)\n    }\n  }\n\n  useEffect(() => {\n    if (account) {\n      onClose()\n    }\n  }, [account, onClose])\n  return (\n    <>\n      <Container maxW='100%' p='2% 10%' align='center' minh='15vh'>\n        <Flex align='center' justify='space-between'>\n          <Text\n            bgGradient='linear(to-r, green.200, pink.500)'\n            bgClip='text'\n            fontSize='5xl'\n            fontWeight='extrabold'\n          >\n            BlockBunch\n          </Text>\n          {!isConnected ? (\n            <Button\n              colorScheme='yellow'\n              size='lg'\n              onClick={isConnected ? deactivate : onOpen}\n            >\n              Connect Wallet\n            </Button>\n          ) : (\n            <Box>\n              <Flex>\n                <Text\n                  color='whiteAlpha.700'\n                  align='center'\n                  mr='5'\n                  fontSize='2em'\n                >\n                  {getEllipsisTxt(account, 5)}\n                </Text>\n                <Button colorScheme='yellow' size='lg' onClick={deactivate}>\n                  Disconnect\n                </Button>\n              </Flex>\n            </Box>\n          )}\n        </Flex>\n      </Container>\n      <Modal isOpen={isOpen} onClose={onClose}>\n        <ModalOverlay />\n        <ModalContent>\n          <ModalHeader>Connect Your Wallet</ModalHeader>\n          <ModalCloseButton />\n          <ModalBody>\n            <Divider orientation='horizontal' />\n            <Box\n              maxW='sm'\n              p='2'\n              onClick={activateBrowserWallet}\n              _hover={{\n                cursor: \"pointer\",\n              }}\n            >\n              <Flex align='center' justify='center'>\n                <Image src={metamask} alt='metamask' boxSize='50px' mr='5' />\n                <Text>MetaMask</Text>\n              </Flex>\n            </Box>\n            <Divider orientation='horizontal' />\n            <Box\n              maxW='sm'\n              p='2'\n              onClick={onConnect}\n              _hover={{\n                cursor: \"pointer\",\n              }}\n            >\n              <Flex align='center' justify='center'>\n                <Image\n                  src={WalletConnectIcon}\n                  alt='metamask'\n                  boxSize='50px'\n                  mr='5'\n                />\n                <Text>Wallet Connect</Text>\n              </Flex>\n            </Box>\n            <Divider orientation='horizontal' />\n            <Box\n              maxW='sm'\n              p='2'\n              onClick={onCoinbaseConnect}\n              _hover={{\n                cursor: \"pointer\",\n              }}\n            >\n              <Flex align='center' justify='center'>\n                <Image src={coinbase} alt='metamask' boxSize='50px' mr='5' />\n                <Text>coinbase</Text>\n              </Flex>\n            </Box>\n            <Divider orientation='horizontal' />\n          </ModalBody>\n        </ModalContent>\n      </Modal>\n    </>\n  )\n}\n\n/**\n * Returns a string of form \"abc...xyz\"\n * @param {string} str string to string\n * @param {number} n number of chars to keep at front/end\n * @returns {string}\n */\nexport const getEllipsisTxt = (str, n = 6) => {\n  if (str) {\n    return `${str.slice(0, n)}...${str.slice(str.length - n)}`\n  }\n  return \"\"\n}\nexport default NavBar\n// reuse pop up module\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/nft1.2cf28fb2.png\";","export default __webpack_public_path__ + \"static/media/nft2.f912ecb0.png\";","export default __webpack_public_path__ + \"static/media/nft3.d217fc26.png\";","export default __webpack_public_path__ + \"static/media/nft4.a9e68bd9.png\";","export default __webpack_public_path__ + \"static/media/nft5.f55a5685.png\";","export default __webpack_public_path__ + \"static/media/nft6.f784abed.png\";","export default __webpack_public_path__ + \"static/media/nft7.513aadae.png\";","export default __webpack_public_path__ + \"static/media/nft8.68412458.png\";","export default __webpack_public_path__ + \"static/media/nft9.c5f1057c.png\";","export default __webpack_public_path__ + \"static/media/nft10.13d37ea2.png\";","export default __webpack_public_path__ + \"static/media/nft11.6725b2df.png\";","export default __webpack_public_path__ + \"static/media/nft12.6f122aec.png\";","import nft1 from \"../images/nft1.png\"\nimport nft2 from \"../images/nft2.png\"\nimport nft3 from \"../images/nft3.png\"\nimport nft4 from \"../images/nft4.png\"\nimport nft5 from \"../images/nft5.png\"\nimport nft6 from \"../images/nft6.png\"\nimport nft7 from \"../images/nft7.png\"\nimport nft8 from \"../images/nft8.png\"\nimport nft9 from \"../images/nft9.png\"\nimport nft10 from \"../images/nft10.png\"\nimport nft11 from \"../images/nft11.png\"\nimport nft12 from \"../images/nft12.png\"\n\nexport const nftItems = [\n  {\n    id: 1,\n    image: nft1,\n    alt: \"nft1\",\n    name: \"Praia\",\n  },\n  {\n    id: 2,\n    image: nft2,\n    alt: \"nft2\",\n    name: \"Bangui\",\n  },\n  { id: 3, image: nft3, alt: \"nft3\", name: \"Brazzaville\" },\n  {\n    id: 4,\n    image: nft4,\n    alt: \"nft4\",\n    name: \"Gaborone\",\n  },\n  {\n    id: 5,\n    image: nft5,\n    alt: \"nft5\",\n    name: \"Kampala\",\n  },\n  {\n    id: 6,\n    image: nft6,\n    alt: \"nft6\",\n    name: \"Nairobi\",\n  },\n  {\n    id: 7,\n    image: nft7,\n    alt: \"nft7\",\n    name: \"Kigali\",\n  },\n  {\n    id: 8,\n    image: nft8,\n    alt: \"nft8\",\n    name: \"Juba\",\n  },\n]\nexport const nftItemsBotton = [\n  {\n    id: 1,\n    image: nft11,\n    alt: \"nft1\",\n    name: \"Praia\",\n  },\n  {\n    id: 2,\n    image: nft3,\n    alt: \"nft2\",\n    name: \"Bangui\",\n  },\n  { id: 3, image: nft8, alt: \"nft3\", name: \"Brazzaville\" },\n  {\n    id: 4,\n    image: nft8,\n    alt: \"nft4\",\n    name: \"Gaborone\",\n  },\n  {\n    id: 5,\n    image: nft5,\n    alt: \"nft5\",\n    name: \"Kampala\",\n  },\n  {\n    id: 6,\n    image: nft6,\n    alt: \"nft6\",\n    name: \"Nairobi\",\n  },\n]\nexport const nftsScroll = [\n  {\n    id: 9,\n    image: nft9,\n    alt: \"nft9\",\n    name: \"Lagos\",\n  },\n  {\n    id: 10,\n    image: nft10,\n    alt: \"nft10\",\n    name: \"Moputo\",\n  },\n  {\n    id: 11,\n    image: nft11,\n    alt: \"nft11\",\n    name: \"Cairo\",\n  },\n  {\n    id: 12,\n    image: nft12,\n    alt: \"nft12\",\n    name: \"Tunis\",\n  },\n  {\n    id: 13,\n    image: nft9,\n    alt: \"nft9\",\n    name: \"Lagos\",\n  },\n  {\n    id: 14,\n    image: nft1,\n    alt: \"nft1\",\n    name: \"Praia\",\n  },\n  {\n    id: 15,\n    image: nft3,\n    alt: \"nft3\",\n    name: \"Brazzaville\",\n  },\n  {\n    id: 16,\n    image: nft6,\n    alt: \"nft6\",\n    name: \"Nairobi\",\n  },\n]\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH2SURBVHgBxZTPSxtREMfn7Q+LvSRrQmlO3XoonhJ6liYNSm8t1CK9tT0FWig9VCXKRlejGPDmTfwfFD3kppCAN3E34EU9GHMIioiSBV1NsuMkGIXdbPyRgwPLezNv5vO+b95jAZ7DEonEUC6X+/2QXO6+hHg8LjPAYbSsGU3TvG0DRZGfoOEVfRJ9altARYn3A8Kvhs8A/m1rWu+TgYzxi/bYFeIsPAU4royNkjrZUcDYB13X/z4KWLsIBG6k4ft8PhAE4S4BccrtgoRmwfpFIHr9BHrX0wN+nx9eBwJgmiYYhgGXpulliElKdShl9kAqlfpMoFVZfgMez52It93dt/NKpQJGqQQXphkJBoPZlgrD4XBe4Pk8Y0wGF6sdX+rqyngsq2Rfc/QwnU6fLy0vRxEgZiEe2NdpoxNEjBUKhT/FYtFxQt4eyGazp9FIeGl3b+csEPCPdXR0dhLkvSRJxMc56mHs+OjoEy8I/aFQaMGhHprYC2A/LxH0TGbjB1RxcmBwMFkul18eHx72VgE2aQOD+vixWS0DF1MV5UsVcKWexHFr374OCNSGyI3fR+rWm9W5Pmx1enqVHvZ83UHsa8CoiUk3WEtgzXhRrP0Y9hs+QfMEm2hV0xKoquqZyLjvNLVIpUljlPqH0K6pamJE39r6D89h1yn6r0wfGGVVAAAAAElFTkSuQmCC\"","import {\n  Box,\n  Container,\n  Image,\n  Flex,\n  Text,\n  Badge,\n  Grid,\n  Button,\n  VStack,\n  Stack,\n} from \"@chakra-ui/react\"\nimport React, { useState } from \"react\"\nimport { nftItems, nftsScroll } from \"../Data/nfts\"\nimport eth from \"../images/eth.png\"\nimport SwipeableViews from \"react-swipeable-views\"\nfunction NftGrid() {\n  const [slideIndex, setSlideIndex] = useState(0)\n  const prevSlide = () => {\n    if (slideIndex === 1) {\n      setSlideIndex(0)\n    } else setSlideIndex(1)\n  }\n\n  const nextSlide = () => {\n    if (slideIndex === 1) {\n      setSlideIndex(0)\n    } else setSlideIndex(1)\n  }\n\n  return (\n    <VStack>\n      <Container maxW='md' centerContent>\n        <Text color='#D7C19A' fontSize='2xl'>\n          Discover+\n        </Text>\n        <Flex align='center' justify='center'>\n          <Text\n            bgGradient='linear(to-l, #7928CA, #FF0080)'\n            bgClip='text'\n            fontSize='4xl'\n            fontWeight='extrabold'\n          >\n            Discover Items\n          </Text>\n        </Flex>\n      </Container>\n      <Stack\n        direction='row'\n        justify='space-evenly'\n        align='center'\n        pt='1%'\n        w='55%'\n        pb={4}\n      >\n        <Button colorScheme='teal' variant='outline'>\n          Art\n        </Button>\n        <Button colorScheme='yellow' variant='ghost'>\n          Gaming\n        </Button>\n        <Button colorScheme='purple' variant='solid'>\n          Virtual Worlds\n        </Button>\n        <Button colorScheme='teal' variant='link'>\n          Photograpy\n        </Button>\n        <Button colorScheme='blue' variant='solid'>\n          Music\n        </Button>\n      </Stack>\n\n      <Container maxW='75%'>\n        <SwipeableViews enableMouseEvents index={slideIndex}>\n          <Grid gap={2} templateColumns='1fr 1fr 1fr 1fr' justify='center'>\n            {nftItems.map((item) => {\n              return (\n                <Box\n                  key={item.id}\n                  p={5}\n                  bg='#24232D'\n                  borderRadius={10}\n                  justify='center'\n                >\n                  <Box justify='center' w='100%'>\n                    <Image\n                      src={item.image}\n                      alt={item.alt}\n                      boxSize='250px'\n                      objectFit='cover'\n                    />\n                  </Box>\n                  <Box\n                    display='flex'\n                    alignItems='baseline'\n                    justifyContent='space-between'\n                    pt='10px'\n                  >\n                    <Text>{item.alt}</Text>\n                    <Badge\n                      borderRadius='full'\n                      px='2'\n                      bgGradient='linear(to-r, gray.300, yellow.400, pink.200)'\n                    >\n                      Buy\n                    </Badge>\n                  </Box>\n                  <Box>{item.name}</Box>\n                  <Box display='flex' alignItems='center'>\n                    <Image src={eth} alt='eth' />\n                    <Text color='yellowgreen'>10</Text>\n                  </Box>\n                </Box>\n              )\n            })}\n          </Grid>\n          <Grid gap={2} templateColumns='1fr 1fr 1fr 1fr' justify='center'>\n            {nftsScroll.map((item) => {\n              return (\n                <Box key={item.id} p={5} bg='#24232D' borderRadius={10}>\n                  <Image\n                    src={item.image}\n                    alt={item.alt}\n                    width='200px'\n                    height='230px'\n                    objectFit='cover'\n                  />\n                  <Box\n                    display='flex'\n                    alignItems='baseline'\n                    justifyContent='space-between'\n                    pt='10px'\n                  >\n                    <Text>{item.alt}</Text>\n                    <Badge borderRadius='full' px='2' colorScheme='teal'>\n                      New\n                    </Badge>\n                  </Box>\n                  <Box>{item.name}</Box>\n                  <Box display='flex' alignItems='center'>\n                    <Image src={eth} alt='eth' />\n                    <Text color='yellowgreen'>10</Text>\n                  </Box>\n                </Box>\n              )\n            })}\n          </Grid>\n        </SwipeableViews>\n        <Box display='flex' justifyContent='space-between' mt='10px'>\n          <Button variant='outline' onClick={prevSlide}>\n            PREVIOUS\n          </Button>\n          <Button variant='outline' onClick={nextSlide}>\n            NEXT\n          </Button>\n        </Box>\n      </Container>\n    </VStack>\n  )\n}\nexport default NftGrid\n","import {\n  Box,\n  Center,\n  Container,\n  Flex,\n  Image,\n  Stack,\n  Text,\n} from \"@chakra-ui/react\"\nimport React from \"react\"\nimport { nftItemsBotton } from \"../Data/nfts\"\nimport { FiTwitter } from \"react-icons/fi\"\nimport { TbBrandWhatsapp, TbBrandDiscord } from \"react-icons/tb\"\n\nconst RoadMap = () => {\n  return (\n    <Stack pb={5} mt={10}>\n      <Container maxW='80%' centerContent width='80%'>\n        <Text fontSize='5xl' color='white'>\n          Where Will the Funds Go?\n        </Text>\n        <Text fontSize='2xl' color='white' mt={2} textAlign='center'>\n          100% of earnings will be used to fund activities aimed<br></br> at\n          encouraging developers to build on web3\n        </Text>\n      </Container>\n      <Stack\n        direction='row'\n        justify='space-evenly'\n        align='center'\n        pt='5%'\n        w='100%'\n        pb={4}\n      >\n        <Flex gap={4}>\n          {nftItemsBotton.map((item) => {\n            return (\n              <Box key={item.id}>\n                <Image\n                  src={item.image}\n                  alt={item.alt}\n                  boxSize='180px'\n                  objectFit='cover'\n                />\n              </Box>\n            )\n          })}\n        </Flex>\n      </Stack>\n      <Center pt={5}>\n        <Flex gap={5}>\n          <Box>\n            <a\n              href='https://twitter.com/0Xblockbunch'\n              target='_blank'\n              rel='noopener noreferrer'\n            >\n              <FiTwitter size='50px' />\n            </a>\n          </Box>\n          <Box>\n            <TbBrandDiscord size='50px' />\n          </Box>\n          <Box>\n            <a\n              href='https://api.whatsapp.com/send?phone=+779177900&amp;text=Hi there! I saw this on your webApplication, i would like to inquire :)'\n              target='_blank'\n              rel='noopener noreferrer'\n            >\n              <TbBrandWhatsapp size='50px' />\n            </a>\n          </Box>\n        </Flex>\n      </Center>\n    </Stack>\n  )\n}\n\nexport default RoadMap\n","import \"./App.css\"\nimport Hero from \"./components/hero\"\nimport Navbar from \"./components/navBar\"\nimport NftGrid from \"./components/nftGrid\"\nimport { useEthers } from \"@usedapp/core\"\nimport RoadMap from \"./components/roadMap\"\n\nfunction App() {\n  const { activateBrowserWallet, account, activate, deactivate } = useEthers()\n\n  return (\n    <div className='App'>\n      <Navbar\n        account={account}\n        activate={activate}\n        deactivate={deactivate}\n        activateBrowserWallet={activateBrowserWallet}\n      />\n      <Hero account={account} />\n      <NftGrid />\n      <RoadMap />\n    </div>\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 React from \"react\"\nimport ReactDOM from \"react-dom\"\nimport App from \"./App\"\nimport reportWebVitals from \"./reportWebVitals\"\nimport { ChakraProvider, extendTheme } from \"@chakra-ui/react\"\nimport { Mainnet, DAppProvider, Config, Rinkeby } from \"@usedapp/core\"\nimport { BrowserRouter } from \"react-router-dom\"\n\nconst theme = extendTheme({\n  config: {\n    initialColorMode: \"dark\",\n  },\n})\nconst config: Config = {\n  readOnlyChainId: Mainnet.chainId,\n  readOnlyUrls: {\n    [Mainnet.chainId]:\n      \"https://mainnet.infura.io/v3/a22b6958cc5449a6a5bc6dc4e2c26a7a\",\n    [Rinkeby.chainId]:\n      \"https://rinkeby.infura.io/v3/a22b6958cc5449a6a5bc6dc4e2c26a7a\",\n  },\n  notifications: {\n    expirationPeriod: 10000,\n    checkInterval: 1000,\n  },\n}\n\nReactDOM.render(\n  <React.StrictMode>\n    <DAppProvider config={config}>\n      <ChakraProvider theme={theme}>\n        <BrowserRouter>\n          <App isServerInfo />\n        </BrowserRouter>\n      </ChakraProvider>\n    </DAppProvider>\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n)\n\nreportWebVitals()\n"],"sourceRoot":""}