{"version":3,"sources":["redux/blockchain/blockchainReducer.js","redux/data/dataReducer.js","redux/store.js","redux/data/dataActions.js","redux/blockchain/blockchainActions.js","App.js","reportWebVitals.js","index.js"],"names":["initialState","loading","account","smartContract","web3","errorMsg","blockchainReducer","state","action","type","payload","totalSupply","cost","error","dataReducer","rootReducer","combineReducers","blockchain","data","middleware","thunk","composeEnhancers","compose","applyMiddleware","store","createStore","fetchDataFailed","fetchData","dispatch","a","getState","methods","call","console","log","connectFailed","updateAccount","App","useDispatch","useSelector","useState","claimingNft","setClaimingNft","feedback","setFeedback","total","setTotal","mintAmount","setMintAmount","CONTRACT_ADDRESS","SCAN_LINK","NETWORK","NAME","SYMBOL","ID","NFT_NAME","MAX_SUPPLY","WEI_COST","DISPLAY_COST","GAS_LIMIT","MARKETPLACE","MARKETPLACE_LINK","SHOW_BACKGROUND","CONFIG","SET_CONFIG","date","setDate","getTotal","totalAmount","toFixed","getData","getConfig","fetch","headers","Accept","configResponse","json","config","isMobile","useMediaQuery","query","useEffect","date_raw","Date","getDate","style","opacity","className","marginBottom","id","autoPlay","loop","muted","playsInline","src","color","fontSize","width","height","disabled","onClick","e","preventDefault","newMintAmount","decrementMintAmount","name","defaultValue","min","max","value","background","border","incrementMintAmount","fontWeight","abiResponse","abi","window","ethereum","isMetaMask","Web3EthContract","setProvider","Web3","request","method","accounts","SmartContractObj","on","location","reload","gasLimit","totalCostWei","String","totalGasLimit","mint","send","to","from","once","err","then","receipt","claimNFTs","listStyle","href","target","alt","sizes","srcSet","backgroundImage","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","render","document","getElementById"],"mappings":"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","file":"static/js/main.0b3150a3.chunk.js","sourcesContent":["const initialState = {\n  loading: false,\n  account: null,\n  smartContract: null,\n  web3: null,\n  errorMsg: \"\",\n};\n\nconst blockchainReducer = (state = initialState, action) => {\n  switch (action.type) {\n    case \"CONNECTION_REQUEST\":\n      return {\n        ...initialState,\n        loading: true,\n      };\n    case \"CONNECTION_SUCCESS\":\n      return {\n        ...state,\n        loading: false,\n        account: action.payload.account,\n        smartContract: action.payload.smartContract,\n        web3: action.payload.web3,\n      };\n    case \"CONNECTION_FAILED\":\n      return {\n        ...initialState,\n        loading: false,\n        errorMsg: action.payload,\n      };\n    case \"UPDATE_ACCOUNT\":\n      return {\n        ...state,\n        account: action.payload.account,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default blockchainReducer;\n","const initialState = {\n  loading: false,\n  totalSupply: 0,\n  cost: 0,\n  error: false,\n  errorMsg: \"\",\n};\n\nconst dataReducer = (state = initialState, action) => {\n  switch (action.type) {\n    case \"CHECK_DATA_REQUEST\":\n      return {\n        ...state,\n        loading: true,\n        error: false,\n        errorMsg: \"\",\n      };\n    case \"CHECK_DATA_SUCCESS\":\n      return {\n        ...state,\n        loading: false,\n        totalSupply: action.payload.totalSupply,\n        // cost: action.payload.cost,\n        error: false,\n        errorMsg: \"\",\n      };\n    case \"CHECK_DATA_FAILED\":\n      return {\n        ...initialState,\n        loading: false,\n        error: true,\n        errorMsg: action.payload,\n      };\n    default:\n      return state;\n  }\n};\n\nexport default dataReducer;\n","import { applyMiddleware, compose, createStore, combineReducers } from \"redux\";\nimport thunk from \"redux-thunk\";\nimport blockchainReducer from \"./blockchain/blockchainReducer\";\nimport dataReducer from \"./data/dataReducer\";\n\nconst rootReducer = combineReducers({\n  blockchain: blockchainReducer,\n  data: dataReducer,\n});\n\nconst middleware = [thunk];\nconst composeEnhancers = compose(applyMiddleware(...middleware));\n\nconst configureStore = () => {\n  return createStore(rootReducer, composeEnhancers);\n};\n\nconst store = configureStore();\n\nexport default store;\n","// log\nimport store from \"../store\";\n\nconst fetchDataRequest = () => {\n  return {\n    type: \"CHECK_DATA_REQUEST\",\n  };\n};\n\nconst fetchDataSuccess = (payload) => {\n  return {\n    type: \"CHECK_DATA_SUCCESS\",\n    payload: payload,\n  };\n};\n\nconst fetchDataFailed = (payload) => {\n  return {\n    type: \"CHECK_DATA_FAILED\",\n    payload: payload,\n  };\n};\n\nexport const fetchData = () => {\n  return async (dispatch) => {\n    dispatch(fetchDataRequest());\n    try {\n      let totalSupply = await store\n        .getState()\n        .blockchain.smartContract.methods.totalSupply()\n        .call();\n      // let cost = await store\n      //   .getState()\n      //   .blockchain.smartContract.methods.cost()\n      //   .call();\n\n      dispatch(\n        fetchDataSuccess({\n          totalSupply,\n          // cost,\n        })\n      );\n    } catch (err) {\n      console.log(err);\n      dispatch(fetchDataFailed(\"Could not load data from contract.\"));\n    }\n  };\n};\n","// constants\nimport Web3EthContract from \"web3-eth-contract\";\nimport Web3 from \"web3\";\n// log\nimport { fetchData } from \"../data/dataActions\";\n\nconst connectRequest = () => {\n  return {\n    type: \"CONNECTION_REQUEST\",\n  };\n};\n\nconst connectSuccess = (payload) => {\n  return {\n    type: \"CONNECTION_SUCCESS\",\n    payload: payload,\n  };\n};\n\nconst connectFailed = (payload) => {\n  return {\n    type: \"CONNECTION_FAILED\",\n    payload: payload,\n  };\n};\n\nconst updateAccountRequest = (payload) => {\n  return {\n    type: \"UPDATE_ACCOUNT\",\n    payload: payload,\n  };\n};\n\nexport const connect = () => {\n  return async (dispatch) => {\n    dispatch(connectRequest());\n    const abiResponse = await fetch(\"/config/abi.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const abi = await abiResponse.json();\n    const configResponse = await fetch(\"/config/config.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const CONFIG = await configResponse.json();\n    const { ethereum } = window;\n    const metamaskIsInstalled = ethereum && ethereum.isMetaMask;\n    if (metamaskIsInstalled) {\n      Web3EthContract.setProvider(ethereum);\n      let web3 = new Web3(ethereum);\n      try {\n        const accounts = await ethereum.request({\n          method: \"eth_requestAccounts\",\n        });\n        const networkId = await ethereum.request({\n          method: \"net_version\",\n        });\n        if (networkId == CONFIG.NETWORK.ID) {\n          const SmartContractObj = new Web3EthContract(\n            abi,\n            CONFIG.CONTRACT_ADDRESS\n          );\n          dispatch(\n            connectSuccess({\n              account: accounts[0],\n              smartContract: SmartContractObj,\n              web3: web3,\n            })\n          );\n          // Add listeners start\n          ethereum.on(\"accountsChanged\", (accounts) => {\n            dispatch(updateAccount(accounts[0]));\n          });\n          ethereum.on(\"chainChanged\", () => {\n            window.location.reload();\n          });\n          // Add listeners end\n        } else {\n          dispatch(connectFailed(`Change network to ${CONFIG.NETWORK.NAME}.`));\n        }\n      } catch (err) {\n        dispatch(connectFailed(\"Something went wrong.\"));\n      }\n    } else {\n      dispatch(connectFailed(\"Install Metamask.\"));\n    }\n  };\n};\n\nexport const updateAccount = (account) => {\n  return async (dispatch) => {\n    dispatch(updateAccountRequest({ account: account }));\n    dispatch(fetchData(account));\n  };\n};\n","import React, { useEffect, useState, useRef } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { connect } from \"./redux/blockchain/blockchainActions\";\nimport { fetchData } from \"./redux/data/dataActions\";\nimport \"./styles/App.css\";\nimport { useMediaQuery } from \"react-responsive\";\n\nconst truncate = (input, len) =>\n  input.length > len ? `${input.substring(0, len)}...` : input;\n\nfunction App() {\n  const dispatch = useDispatch();\n  const blockchain = useSelector((state) => state.blockchain);\n  const data = useSelector((state) => state.data);\n  const [claimingNft, setClaimingNft] = useState(false);\n  const [feedback, setFeedback] = useState(\n    `Congratulations! You have connected to your wallet.`\n  );\n  const [total, setTotal] = useState(0.1);\n  const [mintAmount, setMintAmount] = useState(1);\n  const [CONFIG, SET_CONFIG] = useState({\n    CONTRACT_ADDRESS: \"\",\n    SCAN_LINK: \"\",\n    NETWORK: {\n      NAME: \"\",\n      SYMBOL: \"\",\n      ID: 0,\n    },\n    NFT_NAME: \"\",\n    SYMBOL: \"\",\n    MAX_SUPPLY: 1,\n    WEI_COST: 0,\n    DISPLAY_COST: 0,\n    GAS_LIMIT: 0,\n    MARKETPLACE: \"\",\n    MARKETPLACE_LINK: \"\",\n    SHOW_BACKGROUND: false,\n  });\n  const [date, setDate] = useState();\n\n  const claimNFTs = () => {\n    let cost = CONFIG.WEI_COST;\n    let gasLimit = CONFIG.GAS_LIMIT;\n    let totalCostWei = String(cost * mintAmount);\n    let totalGasLimit = String(gasLimit * mintAmount);\n    console.log(\"Cost: \", totalCostWei);\n    console.log(\"Gas limit: \", totalGasLimit);\n    setFeedback(`Minting your ${CONFIG.NFT_NAME}...`);\n    setClaimingNft(true);\n    blockchain.smartContract.methods\n      .mint(mintAmount)\n      .send({\n        gasLimit: String(totalGasLimit),\n        to: CONFIG.CONTRACT_ADDRESS,\n        from: blockchain.account,\n        value: totalCostWei,\n      })\n      .once(\"error\", (err) => {\n        console.log(err);\n        setFeedback(\"Sorry, something went wrong please try again later.\");\n        setClaimingNft(false);\n      })\n      .then((receipt) => {\n        console.log(receipt);\n        setFeedback(\n          `WOW, the ${CONFIG.NFT_NAME} is yours! go visit Opensea.io to view it.`\n        );\n        setClaimingNft(false);\n        dispatch(fetchData(blockchain.account));\n      });\n  };\n\n  const decrementMintAmount = () => {\n    let newMintAmount = mintAmount - 1;\n    if (newMintAmount < 1) {\n      newMintAmount = 1;\n    }\n    setMintAmount(newMintAmount);\n    getTotal();\n  };\n\n  const incrementMintAmount = () => {\n    let newMintAmount = mintAmount + 1;\n    if (newMintAmount > 10) {\n      newMintAmount = 10;\n    }\n    setMintAmount(newMintAmount);\n    getTotal();\n  };\n\n  const getTotal = () => {\n    let totalAmount = (mintAmount * 0.1).toFixed(2);\n    setTotal(totalAmount);\n  };\n\n  const getData = () => {\n    if (blockchain.account !== \"\" && blockchain.smartContract !== null) {\n      dispatch(fetchData(blockchain.account));\n    }\n  };\n\n  const getConfig = async () => {\n    const configResponse = await fetch(\"/config/config.json\", {\n      headers: {\n        \"Content-Type\": \"application/json\",\n        Accept: \"application/json\",\n      },\n    });\n    const config = await configResponse.json();\n    SET_CONFIG(config);\n  };\n\n  const getDate = () => {\n    let newDate = new Date();\n    let date_raw = newDate.getDate();\n    setDate(date_raw);\n  };\n\n  const isMobile = useMediaQuery({ query: \"(max-width: 1224px)\" });\n\n  useEffect(() => {\n    getConfig();\n  }, []);\n\n  useEffect(() => {\n    getData();\n  }, [blockchain.account]);\n\n  useEffect(() => {\n    getTotal();\n  });\n\n  useEffect(() => {\n    getDate();\n  });\n\n  return (\n    <div>\n      <>\n        <div\n          data-w-id=\"da48b9bb-a2a5-ae92-ef12-0e89dd32e770\"\n          style={{ opacity: 1 }}\n          className=\"preloader-2\"\n        >\n          <div className=\"text-block-3\">Loading...</div>\n        </div>\n        <div className=\"section wf-section\">\n          {/* Logo cũ */}\n          {/* <div className=\"container-2 w-container\">\n            <div\n              data-w-id=\"6676c084-3586-63d6-6b9a-ee4baf12ca3a\"\n              data-animation-type=\"lottie\"\n              data-src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de8407bd4b2435ff67760b_Imaginary%20ones%20Text2.json\"\n              data-loop={1}\n              data-direction={1}\n              data-autoplay={1}\n              data-is-ix2-target={0}\n              data-renderer=\"svg\"\n              data-default-duration=\"3.066666666666667\"\n              data-duration={0}\n              className=\"lottie-animation\"\n            />\n          </div> */}\n\n          {/* Logo mới */}\n          <div\n            className=\"cointainer-01 w-container\"\n            style={{ marginBottom: \"50px\" }}\n          >\n            <div id=\"home-banner\">\n              {isMobile ? (\n                <video\n                  autoPlay\n                  loop\n                  muted\n                  playsInline\n                  data-wf-ignore=\"true\"\n                  data-object-fit=\"cover\"\n                >\n                  <source\n                    src=\"config/images/migrate/logo-mobile.mp4\"\n                    data-wf-ignore=\"true\"\n                  />\n                </video>\n              ) : (\n                <video\n                  autoPlay\n                  loop\n                  muted\n                  playsInline\n                  data-wf-ignore=\"true\"\n                  data-object-fit=\"cover\"\n                >\n                  <source\n                    src=\"config/images/migrate/logo.mp4\"\n                    data-wf-ignore=\"true\"\n                  />\n                </video>\n              )}\n            </div>\n          </div>\n\n          <div>\n            <section className=\"container pb-5\">\n              <div className=\"row justify-content-center\">\n                <div\n                  className=\"col-12 col-lg-8\"\n                  data-aos=\"fade-up\"\n                  data-aos-duration={1500}\n                  id=\"mint\"\n                >\n                  <div className=\"row\" style={{ color: \"#141f85\" }}>\n                    <div className=\"col-12 col-lg-12 mb-3\">\n                      <h1 className=\"heading pb-4\" style={{ fontSize: 35 }}>\n                        <span className=\"special_font\">\n                          PRESALE APRIL {date}\n                        </span>\n                      </h1>\n                      <h1 className=\"heading pb-5\">\n                        MINT YOUR IMAGINARY&nbsp;\n                        <span className=\"special_font\">ONES</span>&nbsp;NFT NOW\n                      </h1>\n                      {/* <img\n                        src=\"config/images/migrate/imaginary_ones.png\"\n                        className=\"img-fluid\"\n                        alt=\"Imaginary ONES NFT\"\n                      /> */}\n                    </div>\n                    <div\n                      className=\"col-12 col-lg-6 mb-3 mint-box\"\n                      style={{\n                        fontSize: 20,\n                      }}\n                    >\n                      <span className=\"special_font\">Price:</span>&nbsp; 0.1 ETH\n                      <br />\n                      <br />\n                      <span className=\"special_font\">Max:</span>&nbsp; 10 NFTs\n                      per Wallet\n                      <br />\n                      <br />\n                      <span className=\"special_font\">Supply: </span>&nbsp;\n                      <span id=\"sales\"></span>/8888 NFT\n                    </div>\n                    <div className=\"col-12 col-lg-6 mb-3 justify-content-center align-self-center\">\n                      <div className=\"input-group mb-3\">\n                        <div className=\"input-group-prepend\">\n                          <button\n                            type=\"button\"\n                            className=\"btn btn-danger btn-number rounded-circle\"\n                            data-type=\"minus\"\n                            data-field=\"quant[1]\"\n                            style={{ width: 70, height: 70 }}\n                            disabled={claimingNft ? 1 : 0}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              decrementMintAmount();\n                            }}\n                          >\n                            <i className=\"fas fa-minus\" />\n                          </button>\n                        </div>\n                        <input\n                          type=\"text\"\n                          name=\"quant[1]\"\n                          className=\"form-control input-number text-center\"\n                          defaultValue={1}\n                          min={1}\n                          max={10}\n                          value={mintAmount}\n                          style={{\n                            background: \"none\",\n                            border: \"none\",\n                            fontSize: 24,\n                            color: \"#141f85\",\n                          }}\n                        />\n                        <div className=\"input-group-append\">\n                          <button\n                            type=\"button\"\n                            className=\"btn btn-primary btn-number rounded-circle\"\n                            data-type=\"plus\"\n                            data-field=\"quant[1]\"\n                            style={{ width: 70, height: 70 }}\n                            disabled={claimingNft ? 1 : 0}\n                            onClick={(e) => {\n                              e.preventDefault();\n                              incrementMintAmount();\n                            }}\n                          >\n                            <i className=\"fas fa-plus\" />\n                          </button>\n                        </div>\n                      </div>\n                    </div>\n                    <div className=\"col-12 col-lg-12 mb-3 mint-box\">\n                      <hr />\n                      <div className=\"row\">\n                        <div className=\"col-7\">\n                          <h3 style={{ fontSize: 22 }}>Total:</h3>\n                        </div>\n                        <div className=\"col-5\">\n                          <h3 className=\"float-end\" style={{ fontSize: 22 }}>\n                            <span>{total}</span>{\" \"}\n                            <span className=\"special_font\">ETH</span>\n                          </h3>\n                        </div>\n                      </div>\n                      <hr />\n                    </div>\n                  </div>\n\n                  {blockchain.account === \"\" ||\n                  blockchain.smartContract === null ? (\n                    <button\n                      type=\"button\"\n                      className=\"btn btn-outline-primary btn-lg float-end mint-box\"\n                      style={{ fontWeight: 500 }}\n                      onClick={(e) => {\n                        e.preventDefault();\n                        dispatch(connect());\n                        getData();\n                      }}\n                    >\n                      Connect MetaMask\n                    </button>\n                  ) : (\n                    <>\n                      <button\n                        type=\"button\"\n                        className=\"btn btn-outline-primary btn-lg float-end\"\n                        disabled={claimingNft ? 1 : 0}\n                        onClick={(e) => {\n                          e.preventDefault();\n                          claimNFTs();\n                          getData();\n                        }}\n                      >\n                        Mint NFT\n                      </button>\n\n                      <div\n                        className=\"mt-3 mint-box\"\n                        style={{ fontSize: 16, fontWeight: 500 }}\n                      >\n                        {feedback}\n                      </div>\n                    </>\n                  )}\n\n                  <br />\n                  <br />\n\n                  {/* <div\n                    id=\"sale_loader\"\n                    className=\"spinner-border special_font align-middle\"\n                    role=\"status\"\n                    style={{ display: \"none\" }}\n                  >\n                    <span className=\"sr-only\">Loading...</span>\n                  </div> */}\n                  {/* <div className=\"mt-3\" id=\"payment_result\" /> */}\n\n                  <br />\n                  <br />\n                  <div className=\"mint-box\" style={{ fontSize: 16 }}>\n                    <h3 style={{ fontSize: 20 }}>\n                      Rules For Purchasing Imaginary Ones:\n                    </h3>\n                    <br />\n                    <ul\n                      className=\"mb-3 ml-3 text-left\"\n                      style={{ color: \"#141f85\", fontWeight: 500 }}\n                    >\n                      <li style={{ listStyle: \"circle\" }}>\n                        Purchase is available while the Mint button is\n                        available.\n                      </li>\n                      <li style={{ listStyle: \"circle\" }}>\n                        No more than 10 NFTs per wallet.\n                      </li>\n                      <li style={{ listStyle: \"circle\" }}>\n                        When buying more than 2 NFTs, one of the rare\n                        collections is given as a gift for the main purchase.\n                      </li>\n                    </ul>\n                  </div>\n                </div>\n              </div>\n            </section>\n          </div>\n\n          <div className=\"container-6 w-container\">\n            <div className=\"div-block-10\">\n              <div className=\"div-block-4\">\n                <a\n                  href=\"https://twitter.com/Imaginary_Ones\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5\"\n                  />\n                </a>\n              </div>\n              <div className=\"div-block-4-copy\">\n                <a\n                  href=\"https://www.instagram.com/theimaginaryones\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5\"\n                  />\n                </a>\n              </div>\n              <div className=\"div-block-4\">\n                <img\n                  src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4aca88d886d3bdbe1fa_Discord.svg\"\n                  loading=\"lazy\"\n                  alt=\"\"\n                  className=\"icon-discord\"\n                />\n              </div>\n              <div className=\"div-block-8\">\n                <img\n                  src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61dee9c4de303fb396df7c71_OS.svg\"\n                  loading=\"lazy\"\n                  alt=\"\"\n                  className=\"icon-discord\"\n                />\n              </div>\n            </div>\n          </div>\n          <div className=\"cointainer-01 w-container\">\n            <img\n              className=\"image-2\"\n              src=\"config/images/migrate/banner.png\"\n              width={960}\n              alt=\"\"\n              sizes=\"100vw\"\n              data-w-id=\"55f7994f-349b-fcdc-e8dd-312c8df06271\"\n              loading=\"lazy\"\n              srcSet=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f4887d28293a861dd0c0e5_Website%20Banner%20(00041)%201%20(0-00-00-00)-p-500.png 500w, https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f4887d28293a861dd0c0e5_Website%20Banner%20(00041)%201%20(0-00-00-00)-p-800.png 800w, https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f4887d28293a861dd0c0e5_Website%20Banner%20(00041)%201%20(0-00-00-00)-p-1080.png 1080w, https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f4887d28293a861dd0c0e5_Website%20Banner%20(00041)%201%20(0-00-00-00)-p-1600.png 1600w, https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f4887d28293a861dd0c0e5_Website%20Banner%20(00041)%201%20(0-00-00-00).png 1920w\"\n            />\n          </div>\n        </div>\n        <div className=\"section-4 wf-section\">\n          <div className=\"w-container\">\n            <h1 className=\"heading-4\">Imaginary Ones</h1>\n          </div>\n          <div className=\"container-6 w-container\">\n            <div className=\"text-block-vision\">\n              <strong className=\"bold-text\">\n                Imaginary Ones is a delightful 3D art with an initial drop of\n                8888 unique NFTs on the Ethereum network.\n                <br />\n                The project believes in using art to spread love, positivity,\n                and creativity.\n                <br />‍<br />\n                Created by Cmttat, a renowned artist based in Singapore.\n                <br />\n                The team behind Imaginary Ones has more than a decade of\n                experience working with\n                <br />\n                clients like Nike, Apple, Samsung, Heineken, Spotify, L'oreal,\n                etc.\n              </strong>\n            </div>\n          </div>\n        </div>\n        <div className=\"section-2 wf-section\">\n          <div\n            data-poster-url=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-poster-00001.jpg\"\n            data-video-urls=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-transcode.mp4,https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-transcode.webm\"\n            data-autoplay=\"true\"\n            data-loop=\"true\"\n            data-wf-ignore=\"true\"\n            className=\"background-video-2 w-background-video w-background-video-atom\"\n          >\n            <video\n              autoPlay\n              loop\n              style={{\n                backgroundImage:\n                  \"url(_https_/uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-poster-00001.html)\",\n              }}\n              muted\n              playsInline\n              data-wf-ignore=\"true\"\n              data-object-fit=\"cover\"\n            >\n              <source\n                src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-transcode.mp4\"\n                data-wf-ignore=\"true\"\n              />\n              <source\n                src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61de98c35a7bb673b5956c8c_WalksHD2-transcode.webm\"\n                data-wf-ignore=\"true\"\n              />\n            </video>\n          </div>\n        </div>\n        <div className=\"section-4-copy wf-section\">\n          <div className=\"container-10 w-container\">\n            <h1 className=\"heading-4\">Manifesto</h1>\n          </div>\n          <div className=\"container-6 w-container\">\n            <div className=\"text-block-vision\">\n              <strong className=\"bold-text\">\n                When we were young, we dreamed of being superheroes, and\n                anything was possible.\n                <br />\n                As time passed, the reality of life robbed us of our ambitions.\n                <br />\n                <br />\n                Imaginary Ones dream to re-ignite that spark again. <br />\n                Get creative, search back the passion you genuinely enjoyed.{\" \"}\n                <br />‍\n                <br />\n                Welcome to the Imaginary World, <br />\n                where we dream, learn, and play together.\n                <br />\n                <br />\n                \"Laughter is timeless, imagination has no age, and dreams are\n                forever.\"\n                <br />– Walt Disney\n              </strong>\n            </div>\n          </div>\n        </div>\n        <div className=\"section-2-copy wf-section\">\n          <div\n            data-poster-url=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-poster-00001.jpg\"\n            data-video-urls=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-transcode.mp4,https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-transcode.webm\"\n            data-autoplay=\"true\"\n            data-loop=\"true\"\n            data-wf-ignore=\"true\"\n            className=\"background-video-2-copy w-background-video w-background-video-atom\"\n          >\n            <video\n              autoPlay\n              loop\n              style={{\n                backgroundImage:\n                  \"url(_https_/uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-poster-00001.html)\",\n              }}\n              muted\n              playsInline\n              data-wf-ignore=\"true\"\n              data-object-fit=\"cover\"\n            >\n              <source\n                src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-transcode.mp4\"\n                data-wf-ignore=\"true\"\n              />\n              <source\n                src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f10d65be9fd47b6423e99f_WalkTgt-transcode.webm\"\n                data-wf-ignore=\"true\"\n              />\n            </video>\n          </div>\n        </div>\n        <div className=\"section-4-values wf-section\">\n          <div className=\"container-9-copy w-container\">\n            <div\n              id=\"w-node-_560823c9-198b-6d00-e290-ba77efc18cbd-b8f564a7\"\n              className=\"div-block-9-copy\"\n            >\n              <h1 className=\"heading-values\">Imaginary Values</h1>\n              <div className=\"text-block-values\">\n                <strong className=\"bold-text-2\">Good Vibes Only</strong>\n                <strong className=\"bold-text\">\n                  {\" \"}\n                  <br />\n                  Be someone you love to hang out with.\n                  <br />‍<br />\n                  <br />\n                </strong>\n                <strong className=\"bold-text-3\">Dream Together</strong>\n                <strong className=\"bold-text\">\n                  <br />\n                  \"A dream you dream alone is only a dream. <br />A dream you\n                  dream together is reality.\" <br />- John Lennon\n                  <br />\n                  <br />\n                  <br />\n                </strong>\n                <strong className=\"bold-text-4\">\n                  Smile Like a Child\n                  <br />‍\n                </strong>\n                <strong className=\"bold-text\">\n                  A genuine smile is the most contagious.\n                </strong>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"section-4-copy-copy wf-section\">\n          <div className=\"w-container\">\n            <div>\n              <h1 className=\"heading-roadmap\">Roadmap Teaser</h1>\n            </div>\n          </div>\n          <div className=\"container-9 w-container\">\n            <div\n              id=\"w-node-_694d8016-cd42-df1c-19d8-13974dfddc3c-b8f564a7\"\n              className=\"div-block-9\"\n            >\n              <img\n                src=\"config/images/migrate/61f108edc32e1d6470485d7b_1%20(2).gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-6\"\n              />\n              <h1 className=\"roadmap-1\">\n                Phase 1:\n                <br />\n                Imaginations Run Wild\n              </h1>\n              <div className=\"roadmap-phases\">\n                First drop\n                <br />\n                Community building\n              </div>\n            </div>\n            <div\n              id=\"w-node-e1d35c15-479b-37cb-1ed3-32b3158731ff-b8f564a7\"\n              className=\"div-block-9\"\n            >\n              <img\n                src=\"config/images/migrate/61f104e6c32e1dbe2a484f2e_2.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-6\"\n              />\n              <h1 className=\"roadmap-1\">\n                Phase 2:\n                <br />\n                Imaginary Culture\n              </h1>\n              <div className=\"roadmap-phases\">\n                Second drop\n                <br />\n                Brand collabs\n                <br />\n              </div>\n            </div>\n            <div\n              id=\"w-node-_22618e8d-fb05-1a12-d631-05bedd89e121-b8f564a7\"\n              className=\"div-block-9\"\n            >\n              <img\n                src=\"config/images/migrate/61f1074797255114c317b6ea_3.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-6\"\n              />\n              <h1 className=\"roadmap-1\">\n                Phase 3:\n                <br />\n                Imaginary World\n              </h1>\n              <div className=\"roadmap-phases\">\n                Metaverse\n                <br />\n                Dream, learn &amp; play together\n                <br />\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"section-3 wf-section\">\n          <div className=\"w-container\">\n            <div>\n              <h1 className=\"heading-6\">Meet The Imaginary Team</h1>\n            </div>\n          </div>\n          <div className=\"container-5 w-container\">\n            <div\n              id=\"w-node-_379d47f8-a8ea-7607-4551-2512a239761f-b8f564a7\"\n              className=\"div-block-2\"\n            >\n              <img\n                src=\"config/images/migrate/61deb452389b4e7e55bb47c4_Cmt-Profile.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-3\"\n              />\n              <h2 className=\"heading-3\">Cmttat</h2>\n              <div className=\"text-block\">\n                <strong>\n                  Clement\n                  <br />\n                </strong>\n                Co-founder of Imaginary Ones, <br />\n                OFFSET &amp; OFFEO\n                <br />\n                Creator\n              </div>\n              <div className=\"div-block-4\">\n                <a\n                  href=\"https://twitter.com/cmttat\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n                <a\n                  href=\"https://www.instagram.com/cmttat/\"\n                  target=\"_blank\"\n                  className=\"link-block w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n              </div>\n            </div>\n            <div\n              id=\"w-node-_2b2bee16-302b-8079-b610-3b45f1f36d37-b8f564a7\"\n              className=\"div-block-3\"\n            >\n              <img\n                src=\"config/images/migrate/61deb462d03dca701526e1c2_David-Profile.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-4\"\n              />\n              <h2 className=\"heading-3\">Gentle Whale</h2>\n              <div className=\"text-block\">\n                <strong>David</strong>\n                <br />\n                Co-founder of Imaginary Ones, <br />\n                OFFSET &amp; OFFEO\n                <br />\n                Strategist\n              </div>\n              <div className=\"div-block-4\">\n                <a\n                  href=\"https://twitter.com/heygentlewhale\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n                <a\n                  href=\"https://www.instagram.com/gentlewhale/\"\n                  target=\"_blank\"\n                  className=\"link-block w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n              </div>\n            </div>\n          </div>\n          <div className=\"container-8 w-container\">\n            <div\n              id=\"w-node-_695ee5fa-5020-fec5-6c33-153aaf655651-b8f564a7\"\n              className=\"div-block-2\"\n            >\n              <img\n                src=\"config/images/migrate/61f0d3c8168a0cf967b4f8b1_Greg-Profile-2.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-3\"\n              />\n              <h2 className=\"heading-3\">Nine&nbsp;Foot&nbsp;Table</h2>\n              <div className=\"text-block\">\n                <strong>\n                  Gregory\n                  <br />\n                </strong>\n                Managing Partner\n                <br />\n                Imaginary Ones, OFFSET &amp; OFFEO\n                <br />\n                Artist &amp;&nbsp;Head of Partnerships\n              </div>\n              <div className=\"div-block-4\">\n                <a\n                  href=\"https://twitter.com/NineFootTable\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n                <a\n                  href=\"https://www.instagram.com/gregpoon/\"\n                  target=\"_blank\"\n                  className=\"link-block-ig w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n              </div>\n            </div>\n            <div\n              id=\"w-node-_695ee5fa-5020-fec5-6c33-153aaf655663-b8f564a7\"\n              className=\"div-block-3\"\n            >\n              <img\n                src=\"config/images/migrate/61f0d3c78b1df71081af98e1_Caleb-Profile.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-4\"\n              />\n              <h2 className=\"heading-3\">Kbby</h2>\n              <div className=\"text-block\">\n                <strong>Caleb</strong>\n                <br />\n                Operations Director\n                <br />\n                Imaginary Ones, OFFSET &amp; OFFEO\n                <br />\n                Head of Community\n              </div>\n              <div className=\"div-block-4\">\n                <a\n                  href=\"https://twitter.com/kbbyhoon\"\n                  target=\"_blank\"\n                  className=\"w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n                <a\n                  href=\"https://www.instagram.com/kbby.hoon/\"\n                  target=\"_blank\"\n                  className=\"link-block w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n              </div>\n            </div>\n            <div\n              id=\"w-node-e24a475a-f331-bbc2-3536-e2cf74259e93-b8f564a7\"\n              className=\"div-block-3\"\n            >\n              <img\n                src=\"config/images/migrate/61f0d3c8ccb99e4811773980_Jerome-Profile.gif\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"image-4\"\n              />\n              <h2 className=\"heading-3\">Mighty Mouse</h2>\n              <div className=\"text-block\">\n                <strong>Jerome</strong>\n                <br />\n                Chief Technology Officer\n                <br />\n                Imaginary Ones, OFFSET &amp; OFFEO\n                <br />\n                Technology/Contracts\n              </div>\n              <div className=\"div-block-4\">\n                <a href=\"#\" className=\"link-block-2 w-inline-block\">\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace77a6f008791bdb3_Twitter.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n                <a\n                  href=\"https://www.instagram.com/jeromekwek/\"\n                  target=\"_blank\"\n                  className=\"link-block w-inline-block\"\n                >\n                  <img\n                    src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61deb4ace4096b087253acf1_IG.svg\"\n                    loading=\"lazy\"\n                    alt=\"\"\n                    className=\"image-5-copy\"\n                  />\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div className=\"footer preloader wf-section\">\n          <div className=\"container-7 w-container\">\n            <div>\n              <h1 className=\"heading-2-copy\">Contact us</h1>\n              <div className=\"text-block-2\">\n                We can't reply to all emails but all good vibes are appreciated\n              </div>\n            </div>\n            <div className=\"div-block-5\">\n              <a\n                href=\"mailto:hello@imaginaryones.com\"\n                className=\"w-inline-block\"\n              >\n                <div className=\"text-block-2-copy\">hello@imaginaryones.com</div>\n              </a>\n            </div>\n          </div>\n          <div className=\"container-6 w-container\">\n            <div className=\"div-block-4\">\n              <a\n                href=\"https://twitter.com/Imaginary_Ones\"\n                target=\"_blank\"\n                className=\"w-inline-block\"\n              >\n                <img\n                  src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f11140f52ee064ce6490c9_61deb4ace77a6f008791bdb3_Twitterw.svg\"\n                  loading=\"lazy\"\n                  alt=\"\"\n                  className=\"image-5\"\n                />\n              </a>\n            </div>\n            <div className=\"div-block-4-copy\">\n              <a\n                href=\"https://www.instagram.com/theimaginaryones\"\n                target=\"_blank\"\n                className=\"w-inline-block\"\n              >\n                <img\n                  src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f11140890ad9fbefb3ed0a_61deb4ace4096b087253acf1_IGw.svg\"\n                  loading=\"lazy\"\n                  alt=\"\"\n                  className=\"image-5\"\n                />\n              </a>\n            </div>\n            <div className=\"div-block-4\">\n              <img\n                src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f1114094ace3452772d676_61deb4aca88d886d3bdbe1fa_Discordw.svg\"\n                loading=\"lazy\"\n                alt=\"\"\n                className=\"icon-discord\"\n              />\n            </div>\n            <div className=\"div-block-8\">\n              <a\n                href=\"https://opensea.io/collection/theimaginaryones\"\n                target=\"_blank\"\n                className=\"w-inline-block\"\n              >\n                <img\n                  src=\"https://uploads-ssl.webflow.com/61de7298d989570f5853dd20/61f1114026c86c2237995e16_61dee9c4de303fb396df7c71_OSw.svg\"\n                  loading=\"lazy\"\n                  alt=\"\"\n                  className=\"image-5\"\n                />\n              </a>\n            </div>\n          </div>\n          <div className=\"container-7-copy w-container\">\n            <div className=\"div-block-6\">\n              <div className=\"text-block-2-copy-copy\">\n                © 2022 Imaginary&nbsp;Ones\n              </div>\n            </div>\n          </div>\n        </div>\n      </>\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 store from \"./redux/store\";\nimport { Provider } from \"react-redux\";\nimport \"./styles/reset.css\";\n\nReactDOM.render(\n  <Provider store={store}>\n    <App />\n  </Provider>,\n  document.getElementById(\"root\")\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":""}