added button at tft

content/page/tft/cta2/cta2.md

@@ -2,6 +2,8 @@
 id: token_cta2
 title: Join the people's Internet
 image: ./join_peer.png
+image2: ./pancakeswap_logo.png
+image3: ./1inch_logo.png
 slogan:
 button: PancakeSwap
 link: https://pancakeswap.finance/swap?exactField=output&exactAmount=0.05&outputCurrency=0x8f0FB159380176D324542b3a7933F0C2Fd0c2bbf&inputCurrency=0xe9e7cea3dedca5984780bafc599bd69add087d56?use=v2

src/components/custom/Navbar/Navbar.vue

@@ -340,7 +340,7 @@
             </li>
           </ul>
           <div class="rounded-full border-2 border-gray-400">
-            <a href="/tft">
+            <a href="/tft/#gettft">
               <g-image
                 :src="require(`!!assets-loader!@images/gettft_white.png`)"
                 class="mr-5"

src/components/custom/sections/CallToAction.vue

@@ -1459,7 +1459,7 @@
       >
     </div>
 
-    <div class="w-full mx-auto lg:py-20" v-else-if="id == 'tft' && lastCta">
+    <div  id="gettft" class="w-full mx-auto lg:py-20" v-else-if="id == 'tft' && lastCta">
       <h2
         v-if="cta.title"
         class="
@@ -1477,10 +1477,15 @@
       </h2>
       <div
         v-html="cta.content"
-        class="mt-6 mb-8 lg:text-xl text-gray-800"
+        class="mt-6 mb-8 mx-2 lg:text-xl text-gray-800"
       ></div>
 
-      <a
+       <div class="quicklinks">
+          <a :href="cta.link" target="_blank"><g-image class="py-2 my-2 px-5 border-2 border-black" :src="cta.image2"  /></a
+          ><a  :href="cta.link2" target="_blank"><g-image class="py-2 my-2 px-5 border-2 border-black" :src="cta.image3" /></a>
+        </div>
+
+      <!-- <a
         class="
           inline-block
           bg-white
@@ -1560,7 +1565,7 @@
         v-else
         :href="cta.link2"
         >{{ cta.button2 }}</a
-      >
+      > -->
       <g-image :src="cta.image" class="w-full my-10" />
     </div>
 
@@ -1832,4 +1837,41 @@ export default {
 .gray {
   background: #f2f2f2;
 }
+
+.quicklinks {
+  box-sizing: border-box;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  width: auto;
+  display: inline-block;
+  margin: 0 auto;
+  border-radius: 10px;
+  margin-top: 30px;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  margin-bottom: 60px;
+}
+.quicklinks img {
+  height: auto;
+  /* max-width: 150px; */
+  display: inline-block;
+  -webkit-filter: grayscale(100%);
+  filter: grayscale(100%);
+  position: relative;
+  margin-right: 30px;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  opacity: 0.5;
+}
+
+.quicklinks img:hover {
+  opacity: 1;
+  -webkit-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+  -webkit-filter: grayscale(0%);
+  filter: grayscale(0%);
+}
 </style>

src/templates/MarkdownPage.vue

@@ -627,6 +627,8 @@
           button2
           link2
           content
+          image2
+          image3
         }
         cta3{
           title