diff --git a/package.json b/package.json
index 9a7cc828..4fcf791f 100644
--- a/package.json
+++ b/package.json
@@ -68,6 +68,7 @@
     "react-confetti": "^6.0.0",
     "react-device-detect": "^1.17.0",
     "react-dom": "^16.12.0",
+    "react-full-screen":"^1.0.2",
     "react-helmet": "^5.2.1",
     "react-icons": "^3.9.0",
     "react-live": "^2.2.2",
diff --git a/src/components/NavBar/index.js b/src/components/NavBar/index.js
index 43f0f2e3..d52404bd 100644
--- a/src/components/NavBar/index.js
+++ b/src/components/NavBar/index.js
@@ -82,24 +82,24 @@ function NavBar(props) {
     }
   }
 
-  // useEffect(() => {
-  //   if (typeof window !== 'undefined') {
-  //     let banner = localStorage.getItem('alertBanner');
-  //     if (banner !== null) {
-  //       setAlertBanner(JSON.parse(banner));
-  //     } else {
-  //       setAlertBanner(true);
-  //     }
-  //   }
-  // }, []);
-
-  // useEffect(() => {
-  //   localStorage.setItem('alertBanner', JSON.stringify(alertBanner));
-  // }, [alertBanner]);
+  useEffect(() => {
+    if (typeof window !== 'undefined') {
+      let banner = localStorage.getItem('alertBanner');
+      if (banner !== null) {
+        setAlertBanner(JSON.parse(banner));
+      } else {
+        setAlertBanner(true);
+      }
+    }
+  }, []);
+
+  useEffect(() => {
+    localStorage.setItem('alertBanner', JSON.stringify(alertBanner));
+  }, [alertBanner]);
 
   return (
     <nav className={`bg-base-900  font-mulish`}>
-      {/* <div
+      <div
         style={{ background: 'rgba(245,158,11,0.2)' }}
         className={`text-white top-0 px-30 py-2 flex items-center justify-between ${
           alertBanner === true ? 'flex' : 'hidden'
@@ -117,15 +117,15 @@ function NavBar(props) {
           </div>
           <div>
             <p className="text-sm ">
-              Cryptoverse Wars is currently on Edo2 testnet. You will lose all
-              your Cryptobots when we will shift to Tezos mainnet.
+              Cryptoverse Wars is on mainnet now. Caution, smart contract has
+              not been audited by a third party.
             </p>
           </div>
         </div>
         <button onClick={() => setAlertBanner(false)}>
           <MdClose size="24" />
         </button>
-      </div> */}
+      </div>
       <div className="px-30 py-8 flex justify-between items-center">
         <Link to="/tezos">
           <Theme className={`h-18 w-auto`} />
diff --git a/src/pages/auth.js b/src/pages/auth.js
index 8a1c827f..418f5cfd 100644
--- a/src/pages/auth.js
+++ b/src/pages/auth.js
@@ -359,7 +359,7 @@ const AuthPage = ({ location }) => {
     <>
       <AuthLayout>
         <SEO
-          title="Cryptobots vs Aliens | Crypto Code School | Learn to program smart contracts in SmartPy"
+          title="Cryptobots vs Aliens | Crypto Code School | Learn to code on the Tezos blockchain"
           keywords={[
             `smartpy`,
             `python`,
diff --git a/src/pages/index.js b/src/pages/index.js
index e225c756..a159a38c 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import { navigate } from 'gatsby';
 import SEO from 'src/components/Seo';
-import landingPage from 'src/images/landing_page.jpg';
+import cryptobots from 'src/images/cryptobots.png';
 
 //redirect homepage view to /tezos
 const HomePage = () => {
@@ -21,8 +21,9 @@ const HomePage = () => {
           `tezos`,
           `blockchain`,
         ]}
+        description="Learn how to code on the blockchain, the fun way."
         image={{
-          src: landingPage,
+          src: cryptobots,
           width: 560,
           height: 300,
         }}
diff --git a/src/pages/tezos/academy/index.js b/src/pages/tezos/academy/index.js
index 46a119ec..f4a238ec 100644
--- a/src/pages/tezos/academy/index.js
+++ b/src/pages/tezos/academy/index.js
@@ -117,7 +117,10 @@ const CurriculumOverview = ({
 
   return (
     <Layout>
-      <SEO title="Chapters Overview" />
+      <SEO
+        title="Academy"
+        description="5 fun courses to take you from zero-to-hero in blockchain development with SmartPy"
+      />
       <main className={`px-30 py-12 bg-base-900 text-white`}>
         <div
           className={`text-center my-0 mx-auto`}
diff --git a/src/pages/tezos/claim-transaction.js b/src/pages/tezos/claim-transaction.js
index 1605868f..76581454 100644
--- a/src/pages/tezos/claim-transaction.js
+++ b/src/pages/tezos/claim-transaction.js
@@ -23,6 +23,8 @@ import { MdDone } from 'react-icons/md';
 import Confetti from 'react-confetti';
 import Clipboard from 'react-clipboard.js';
 
+import SEO from 'src/components/Seo';
+
 import userAtom from 'src/atoms/user-atom';
 import isUserAtom from 'src/atoms/is-user-atom';
 import { useAtom } from 'jotai';
@@ -310,6 +312,7 @@ function Transaction({ location }) {
 
   return (
     <div className=" bg-base-900 ">
+      <SEO title={`Claim your Cryptobot`} />
       <NavBar />
       <Confetti width={width} height={height} run={step === 3} />
       <div className="container px-12 mx-auto h-screen ">
@@ -322,6 +325,8 @@ function Transaction({ location }) {
               src={`https://cloudflare-ipfs.com/ipfs/${
                 modelURI ? modelURI : ''
               }`}
+              auto-rotate
+              rotation-per-second="15deg"
             ></model-viewer>
           </div>
           <div className="px-12 pt-4 ">
diff --git a/src/pages/tezos/cryptobot/[id].js b/src/pages/tezos/cryptobot/[id].js
index f81d4f77..22d59b7d 100644
--- a/src/pages/tezos/cryptobot/[id].js
+++ b/src/pages/tezos/cryptobot/[id].js
@@ -18,10 +18,11 @@ import Loader from 'react-loader-spinner';
 import { BeaconContext } from 'src/context/beacon-context';
 import { CONTRACT_ADDRESS } from 'src/defaults';
 import { connectToBeacon, Tezos } from 'src/utils/wallet';
+import { FullScreen, useFullScreenHandle } from 'react-full-screen';
 
 import Clipboard from 'react-clipboard.js';
 
-import { MdClose, MdDone } from 'react-icons/md';
+import { MdClose, MdDone, MdFullscreen } from 'react-icons/md';
 import userAtom from 'src/atoms/user-atom';
 import isUserAtom from 'src/atoms/is-user-atom';
 import { useAtom } from 'jotai';
@@ -31,11 +32,9 @@ import NavBar from 'src/components/NavBar';
 import Button from 'src/components/Buttons';
 import model from 'src/images/Col-1.png';
 import ErrorBot from 'src/images/error.png';
+import Theme from 'src/assets/theme.svg';
 import { isMobile, isTablet } from 'react-device-detect';
-
-// TODO:
-//   1. LOADING STATE
-//   2. NO CRYPTOBOT FOUND STATE
+import SEO from 'src/components/Seo';
 
 function BotView({ location }) {
   let beacon = useContext(BeaconContext);
@@ -56,13 +55,14 @@ function BotView({ location }) {
   const [claimButtonDisabled, setClaimButtonDisabledStatus] = useState(true);
 
   const [copyLink, setCopyLink] = useState(false);
+  const handle = useFullScreenHandle();
 
   //redirect to home if in mobile/tablet
-  useEffect(() => {
-    if (isMobile || isTablet) {
-      navigate('/tezos');
-    }
-  });
+  // useEffect(() => {
+  //   if (isMobile || isTablet) {
+  //     navigate('/tezos');
+  //   }
+  // });
 
   const tokenId = useMemo(() => {
     const pathArr =
@@ -86,6 +86,7 @@ function BotView({ location }) {
         if (user.xtzAddress == bot.holderAddress) setOwned(true);
       }
       setBot(bot);
+      console.log(bot);
       console.log('loaded 🔥');
     }
   }, [NFT.loading]);
@@ -438,7 +439,11 @@ function BotView({ location }) {
   }
 
   return (
-    <div className="h-screen w-screen fixed bg-base-900">
+    <div className="xl:h-screen xl:w-screen xl:fixed bg-base-900">
+      <SEO
+        title={`Cryptobot`}
+        description={`Take a look at this awesome Cryptobot NFT ⚡️`}
+      />
       {withdrawNowStep === 1 && (
         <div
           className={`bg-base-900 min-h-screen text-white flex items-center justify-center `}
@@ -488,32 +493,68 @@ function BotView({ location }) {
         </div>
       ) : NFT?.value ? (
         <>
-          <NavBar />
-          <div className="container px-12 py-12 mx-auto">
-            <div className="grid grid-cols-2 gap-4">
+          {isMobile || isTablet ? (
+            <div className="py-6 flex justify-center items-center bg-base-900">
+              <Link to="/tezos">
+                <Theme className={`h-18 w-auto`} />
+              </Link>
+            </div>
+          ) : (
+            <NavBar />
+          )}
+          <div className="container px-4 lg:px-12 lg:py-12 mx-auto">
+            <div className="grid grid-rows-2 xl:grid-cols-2 gap-4">
               <div>
                 <model-viewer
                   style={{ width: '100%', height: '100%' }}
                   camera-controls
                   alt="3D Cryptobot"
                   src={`https://cloudflare-ipfs.com/ipfs/${bot ? bot.uri : ''}`}
-                ></model-viewer>
+                  auto-rotate
+                  rotation-per-second="15deg"
+                >
+                  <button
+                    onClick={handle.enter}
+                    className="text-white absolute right-8 top-6 focus:outline-none"
+                  >
+                    <MdFullscreen size="24" />
+                  </button>
+                </model-viewer>
+                <FullScreen handle={handle}>
+                  <model-viewer
+                    style={{ width: '100%', height: '100%' }}
+                    camera-controls
+                    alt="3D Cryptobot"
+                    src={`https://cloudflare-ipfs.com/ipfs/${
+                      bot ? bot.uri : ''
+                    }`}
+                    auto-rotate
+                    rotation-per-second="15deg"
+                  >
+                    <button
+                      onClick={handle.exit}
+                      className="text-white absolute right-8 top-6 focus:outline-none"
+                    >
+                      <MdClose size="36" />
+                    </button>
+                  </model-viewer>
+                </FullScreen>
               </div>
 
-              <div className="px-12 pt-9">
+              <div className="lg:px-12 lg:pt-9">
                 <div>
                   {/* name and social icons start */}
-                  <div className="grid grid-cols-3 gap-4">
+                  <div className="grid grid-cols-3 gap-2 xl:gap-4">
                     <div className="col-span-2">
-                      <h2 className="text-5xl font-mulish font-black text-white">
+                      <h2 className="text-3xl xl:text-5xl font-mulish font-black text-white">
                         Cryptobot{' '}
-                        <span className="text-3xl">
+                        <span className="text-2xl lg:text-3xl">
                           (#{bot ? bot.tokenId : ''}){console.log(bot)}
                         </span>
                       </h2>
                     </div>
                     {/* social icons start */}
-                    <div className="grid grid-cols-3 gap-2">
+                    <div className="grid grid-cols-2 gap-1 justify-end grid-flow-col auto-cols-max">
                       {/* twitter icon */}
                       <a
                         href={`https://twitter.com/intent/tweet?text=Take a look at Cryptobot-${bot.tokenId}, a super cool one-of-a-kind collectible, you can collect and build on Cryptoverse Wars. Create your own Cryptobot army today!  https://cryptocodeschool.in/tezos/cryptobot/${bot.tokenId}&related=twitter%3ABUIDLabs&via=buidllabs&hashtags=NFTs`}
@@ -626,7 +667,7 @@ function BotView({ location }) {
                         <span className="font-mulish font-regular text-base-200 text-lg">
                           Owner
                         </span>
-                        <span className=" font-mulish font-extrabold text-lg text-white ">
+                        <span className=" font-mulish font-extrabold text-lg text-white break-all ">
                           {bot ? bot.holderAddress : ''}
                         </span>
                       </span>
@@ -702,7 +743,15 @@ function BotView({ location }) {
         </>
       ) : (
         <>
-          <NavBar />
+          {isMobile || isTablet ? (
+            <div className="py-6 flex justify-center items-center bg-base-900">
+              <Link to="/tezos">
+                <Theme className={`h-18 w-auto`} />
+              </Link>
+            </div>
+          ) : (
+            <NavBar />
+          )}
           <main
             className={`flex h-full w-full items-center justify-center bg-base-900 text-white`}
             style={{
@@ -710,27 +759,24 @@ function BotView({ location }) {
             }}
           >
             <div
-              className={`flex justify-center items-center flex-col -mt-16`}
-              style={{
-                maxWidth: '70vw',
-              }}
+              className={`flex justify-start items-center flex-col pb-12 max-w-6xl px-4 -mt-16`}
             >
               <img src={ErrorBot} className={`h-64 w-64`} />
-              <h3 className={`font-black text-4xl mt-4`}>Oops</h3>
-              <p className={`text-center text-2xl mt-4`}>
-                This cryptobot does not exists. Try exploring on Marketplace or
-                build your own while learning in Academy
+              <h3 className={`font-black text-3xl lg:text-4xl mt-4`}>Oops!</h3>
+              <p className={`text-center text-xl lg:text-2xl mt-4`}>
+                This cryptobot does not exists. <br /> Try exploring on
+                Marketplace or build your own while learning in Academy
               </p>
-              <div className={`mt-6 space-x-4`}>
+              <div className={`mt-6 gap-4 grid grid-rows-2 lg:grid-cols-2`}>
                 <Link
                   to="/tezos/marketplace"
-                  className={`bg-base-500 px-9 py-3 text-xl font-bold rounded`}
+                  className={`bg-base-500 px-9 py-3 text-lg lg:text-xl text-center font-bold rounded`}
                 >
                   Explore Marketplace
                 </Link>
                 <Link
                   to="/tezos/academy"
-                  className={`bg-primary-600 px-9 py-3 text-xl font-bold rounded`}
+                  className={`bg-primary-600 px-9 py-3 text-lg lg:text-xl text-center font-bold rounded`}
                 >
                   Go to Academy
                 </Link>
diff --git a/src/pages/tezos/customizebot.js b/src/pages/tezos/customizebot.js
index b09210dd..09cbfc7e 100644
--- a/src/pages/tezos/customizebot.js
+++ b/src/pages/tezos/customizebot.js
@@ -25,6 +25,8 @@ import 'react-colorful/dist/index.css';
 import 'src/utils/react-colorful.css';
 import namedColors from 'color-name-list';
 
+import SEO from 'src/components/Seo';
+
 import isUserAtom from 'src/atoms/is-user-atom';
 import userAtom from 'src/atoms/user-atom';
 import { useAtom } from 'jotai';
@@ -784,6 +786,7 @@ const Customizer = ({ location }) => {
       style={{ background: 'rgba(55, 65, 81)' }}
       className="h-screen bg-base-900 fixed"
     >
+      <SEO title={`Cryptobot Customizer`} />
       <div
         id="main"
         className="relative h-full"
@@ -1390,7 +1393,14 @@ const Customizer = ({ location }) => {
                     />
                     <HexColorInput
                       color={colorPicker}
-                      onChange={setColorPicker}
+                      onChange={color => {
+                        setColorPicker(color);
+                        setBotColors(current => {
+                          const copy = { ...current };
+                          copy.items[copy.current] = color;
+                          return copy;
+                        });
+                      }}
                     />
                   </div>
                 ) : (
diff --git a/src/pages/tezos/index.js b/src/pages/tezos/index.js
index b4faae7a..94edf67e 100644
--- a/src/pages/tezos/index.js
+++ b/src/pages/tezos/index.js
@@ -6,9 +6,8 @@ import Footer from '../../components/Footer';
 import PlayButton from '../../components/LandingPage/playbutton';
 import TestimonialCard from 'src/components/TestimonialCard';
 import FeatureGrid from 'src/components/FeatureGrid';
-
 import MobileHome from 'src/components/Mobile';
-
+import SEO from 'src/components/Seo';
 import hero from '../../images/hero.webp';
 import cryptobots from '../../images/cryptobots.png';
 import earnWhileYouLearn from 'src/assets/videos/earn while you learn-anim.mp4';
@@ -60,7 +59,15 @@ function Landing() {
           <VideoModal />
         </div>
       )}
-
+      <SEO
+        title={`Cryptoverse Wars`}
+        description={`Learn to code on the Tezos blockchain, the fun way.`}
+        image={{
+          src: cryptobots,
+          width: 560,
+          height: 300,
+        }}
+      />
       <NavBar />
       <section
         className="bg-base-900 justify-center items-center bg-no-repeat bg-top lg:bg-auto bg-contain"
diff --git a/src/pages/tezos/marketplace.js b/src/pages/tezos/marketplace.js
index 9fa90bac..7882d413 100644
--- a/src/pages/tezos/marketplace.js
+++ b/src/pages/tezos/marketplace.js
@@ -16,6 +16,7 @@ import userAtom from 'src/atoms/user-atom';
 import isUserAtom from 'src/atoms/is-user-atom';
 import { useAtom } from 'jotai';
 import { isMobile, isTablet } from 'react-device-detect';
+import SEO from 'src/components/Seo';
 
 const Marketplace = () => {
   const [forSale, updateForSale] = useState(true);
@@ -109,6 +110,10 @@ const Marketplace = () => {
 
   return (
     <div className="bg-base-900 font-mulish">
+      <SEO
+        title={`Marketplace`}
+        description="Explore, buy, and sell exciting Cryptobot NFTs 🔥"
+      />
       <NavBar />
       <div className="container px-30 py-12 mx-auto">
         <div className="flex flex-col text-center w-full mb-12">
diff --git a/src/pages/tezos/profile.js b/src/pages/tezos/profile.js
index 61c05254..2231c162 100644
--- a/src/pages/tezos/profile.js
+++ b/src/pages/tezos/profile.js
@@ -8,6 +8,8 @@ import { useAsync } from 'react-use';
 import Loader from 'react-loader-spinner';
 import CryptobotCard from 'src/components/CryptobotCard';
 
+import SEO from 'src/components/Seo';
+
 import userAtom from 'src/atoms/user-atom';
 import isUserAtom from 'src/atoms/is-user-atom';
 import { useAtom } from 'jotai';
@@ -89,6 +91,7 @@ function Profile() {
 
   return (
     <div className="bg-base-900 font-mulish">
+      <SEO title={`Profile`} />
       <NavBar />
       <div className="container px-30 py-12">
         {/*profile header starts */}
diff --git a/src/pages/tezos/transaction.js b/src/pages/tezos/transaction.js
index 720f5790..9fea772a 100644
--- a/src/pages/tezos/transaction.js
+++ b/src/pages/tezos/transaction.js
@@ -5,6 +5,8 @@ import Loader from 'react-loader-spinner';
 import Popper from 'popper.js';
 import InfoOutlinedIcon from '@material-ui/icons/InfoOutlined';
 
+import SEO from 'src/components/Seo';
+
 import NavBar from 'src/components/NavBar';
 import Button from 'src/components/Buttons';
 import { CONTRACT_ADDRESS } from 'src/defaults';
@@ -241,6 +243,7 @@ function Transaction({ location }) {
 
   return (
     <div className=" bg-base-900 ">
+      <SEO title={`Buy the Cryptobot | Cryptoverse Wars`} />
       <NavBar />
       <Confetti width={width} height={height} run={step === 3} />
       <div className="container px-12 mx-auto ">
@@ -251,6 +254,8 @@ function Transaction({ location }) {
               camera-controls
               alt="3D Cryptobot"
               src={`https://cloudflare-ipfs.com/ipfs/${bot ? bot.uri : ''}`}
+              auto-rotate
+              rotation-per-second="15deg"
             ></model-viewer>
           </div>
           <div className="px-12 pt-4 ">
diff --git a/src/styles/global.css b/src/styles/global.css
index 8ce21760..7ea9cea8 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -2,8 +2,9 @@
 @tailwind components;
 @tailwind utilities;
 
-body{
+body {
   min-height: 100vh;
+  background: #06090f;
 }
 
 /* Remove dropdown from Input Number */
@@ -16,12 +17,12 @@ input::-webkit-inner-spin-button {
 }
 
 /* Firefox */
-input[type=number] {
+input[type='number'] {
   -moz-appearance: textfield;
 }
 
 /* Heading glow on Landing page */
-.heading-glow{
+.heading-glow {
   text-shadow: 4px 4px 36px rgba(37, 99, 235, 0.64);
 }
 
@@ -30,19 +31,19 @@ input[type=number] {
   box-sizing: border-box;
   width: 50%;
   padding: 6px;
-  border: 2px solid #6A6B6F;
+  border: 2px solid #6a6b6f;
   border-radius: 4px;
-  background:#383A3F;
+  background: #383a3f;
   outline: none;
   font: inherit;
-  color:white;
+  color: white;
   text-transform: uppercase;
   text-align: center;
   outline: none;
-  margin-right:auto;
+  margin-right: auto;
   margin-left: auto;
 }
 
 input:focus {
-  border-color: #2563EB;
+  border-color: #2563eb;
 }
diff --git a/src/templates/chapter-new.js b/src/templates/chapter-new.js
index 156859c1..e86fb93d 100644
--- a/src/templates/chapter-new.js
+++ b/src/templates/chapter-new.js
@@ -131,6 +131,7 @@ const ChapterTemplate = ({ data: { mdx: chapter }, location }) => {
 
   return (
     <div className={`overflow-hidden`}>
+      <SEO title={NavHeading} />
       <NavBar
         heading={NavHeading}
         module={chapter.frontmatter.filterBy}
diff --git a/src/templates/chapterWithLiveEditor.js b/src/templates/chapterWithLiveEditor.js
index df087b7c..793d92d7 100644
--- a/src/templates/chapterWithLiveEditor.js
+++ b/src/templates/chapterWithLiveEditor.js
@@ -7,7 +7,7 @@ import NavBar from './components/chapter/NavBar';
 import Footer from './components/chapter/Footer';
 import LearningInterface from './components/chapter/LearningInterface';
 import CodingInterfaceTaquito from './components/chapter/CodingInterfaceTaquito';
-
+import SEO from 'src/components/Seo';
 import userAtom from 'src/atoms/user-atom';
 import isUserAtom from 'src/atoms/is-user-atom';
 import { useAtom } from 'jotai';
@@ -88,6 +88,7 @@ const ChapterWithLiveEditorTemplate = ({
 
   return (
     <div className={`overflow-hidden`}>
+      <SEO title={chapterHeading} />
       <NavBar
         chapter={chapterHeading}
         module={chapter.frontmatter.filterBy}
diff --git a/src/templates/overview.js b/src/templates/overview.js
index 3a0c6a20..a8dd5787 100644
--- a/src/templates/overview.js
+++ b/src/templates/overview.js
@@ -80,7 +80,11 @@ function LessonsOverview({ data: { mdx: module } }) {
 
   return (
     <Layout>
-      <SEO title="Chapters Overview" />
+      <SEO
+        title={module.frontmatter.title}
+        description={module.frontmatter.body}
+        image={{ src: module.frontmatter.img.childImageSharp.fluid.src }}
+      />
       <div></div>
       <main className={`bg-base-900 pb-24`}>
         <header className={`px-30 pt-6 text-white`}>
diff --git a/src/utils/indexer.js b/src/utils/indexer.js
index 4818347a..21d3b70a 100644
--- a/src/utils/indexer.js
+++ b/src/utils/indexer.js
@@ -55,10 +55,12 @@ export const getAllNFTsMetadata = async () => {
     )
       .then(res => res.json())
       .then(obj => {
+        console.log('from indexer', obj);
         return {
           tokenId: elm.data.key.value,
           uri: sanitizeIpfsLink(obj.artifactUri),
           timestamp: elm.data.timestamp,
+          imageURI: sanitizeIpfsLink(obj.displayUri),
         };
       });
   };
@@ -66,7 +68,7 @@ export const getAllNFTsMetadata = async () => {
   console.log('all_tokensx', all_tokens);
 
   const filtered = await Promise.all(all_tokens.map(grabContent));
-  console.log('filtered allTokens', filtered);
+  // console.log('filtered allTokens', filtered);
   return filtered;
 };
 
@@ -76,7 +78,7 @@ export const nftOnOffer = async () => {
   );
   const result = await response.json();
   const tokens = result[0].children.find(elm => elm.name === 'offer');
-  console.log('fetching offer metadata');
+  // console.log('fetching offer metadata');
   const offerMetadata = await fetch(
     `https://api.better-call.dev/v1/bigmap/${INDEXER_NETWORK}/${tokens.value}`,
   );
@@ -159,6 +161,7 @@ export const fetchOneNFT = async token_id => {
     const token = allTokens.find(bot => bot.tokenId == token_id);
     const sale = tokensOnOffer.find(element => element.tokenId == token_id);
     const holder = tokenHolders.find(element => element.tokenId == token_id);
+    // console.log('from indexer', token);
 
     return {
       tokenId: token.tokenId,
@@ -240,7 +243,7 @@ export const getNftInfoByXTZAddress = async (address = '') => {
       address: elm.data.key.children[0].value,
       tokenId: elm.data.key.children[1].value,
     }));
-    console.log('holder', tokenHolder);
+    // console.log('holder', tokenHolder);
     if (tokenHolder.length <= 0) {
       return [];
     }