improve visabilty

content/footer/_index.md

@@ -20,6 +20,10 @@ extra:
 
 ###### [Dashboard](https://dashboard.grid.tf/)
 
+###### [Mycelium](https://mycelium.threefold.io/)
+
+###### [AIBOX](https://aibox.threefold.io/)
+
 ###### [Download TF Connect](https://manual.grid.tf/documentation/tfconnect/tfconnect_installation.html)
 
 ###### [Download Mycelium](https://manual.grid.tf/documentation/system_administrators/mycelium/mycelium_app.html)

templates/partials/home/use_cases.html

@@ -13,17 +13,20 @@
       <dl class="grid max-w-xl grid-cols-1 gap-x-8 gap-y-8 lg:max-w-none lg:grid-cols-3">
         <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
 
-          <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/open_source.png" alt="">
+          <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/tft_logo.png" alt="">
+
+          <dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg  font-semibold text-white">
+            ThreeFold Cloud
 
-          <dt class="flex justify-center items-center gap-x-3 text-lg rounded-2xl font-semibold text-white">
-            ThreeFold Cloud<br>Open-Source Cloud
           </dt>
+                     
+          <dt class="text-lg font-semibold text-white">Open-Source Cloud</<dt>
           <dd class="mt-4 flex flex-auto flex-col">
             <p class="flex-auto leading-normal font-light text-gray-200 text-md">ThreeFold is open for developers and system administrators. Deploy virtual machines, containers, Kubernetes clusters, web gateways, and more on top of a best-effort decentralized open source cloud.</p>
             <p class="mt-6">
             </p>
 
-            <p class="text-lg font-semibold text-white mb-2">Available</p>
+            <p class="text-lg font-normal text-white mb-2">Lern More</p>
 
             <ul class="flex justify-center fade-in">
               <li class="mr-8"><a href="https://dashboard.grid.tf/#/tf-grid/node-statistics/" class="text-white hover:text-gray-300" target="_blank">Dashboard</a></li>
@@ -32,16 +35,17 @@
           </dd>
         </div>
         <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
-          <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/network.png" alt="">
-          <dt class="flex justify-center items-center gap-x-3 text-lg rounded-2xl font-semibold text-white">
-            Mycelium <br>Unbreakable Network
+          <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/mycelium_logo.png" alt="">
+          <dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg rounded-2xl font-semibold text-white">
+            Mycelium 
           </dt>
+          <dt class="text-lg font-semibold text-white">Unbreakable Network</dt>
           <dd class="mt-4 flex flex-auto flex-col">
             <p class="flex-auto leading-normal font-light text-gray-200 text-md">An adaptive and resilient network solution that not only keeps your data safe but also guarantees uninterrupted and efficient communication. The Mycelium Network is the backbone of a new era of connectivity, prioritizing speed, security, and reliability for all users.</p>
             <p class="mt-6">
             
             </p>
-            <p class="text-lg font-semibold text-white mb-2">Available</p>
+            <p class="text-lg font-normal text-white mb-2">Lern More</p>
 
             <ul class="flex justify-center fade-in">
               <li class="mr-8"><a href="https://mycelium.threefold.io" class="text-white hover:text-gray-300" target="_blank">Website</a></li>
@@ -50,17 +54,18 @@
           </dd>
         </div>
         <div class="fade-in-box flex flex-col p-8 rounded-2xl  bg-white/5">
-          <img class="fade-in blinking-effect relative mx-auto mb-4" width="25%" src="/images/ai.png" alt="">
-          <dt class="flex justify-center items-center gap-x-3 text-lg rounded-2xl font-semibold text-white">
-            AIBOX<br>Decentralized AI
+          <img class="fade-in blinking-effect relative mx-auto mb-4" width="30%" src="/images/aibox_logo.png" alt="">
+          <dt class="flex justify-center items-center gap-x-3 lg:text-xl text-lg rounded-2xl font-semibold text-white">
+            AIBOX
           </dt>
+          <dt class="text-lg font-semibold text-white">Decentralized AI</dt>
           <dd class="mt-4 flex flex-auto flex-col">
             <p class="flex-auto leading-normal font-light text-gray-200 text-md">A decentralized AI solution in a physical form factor. The product enables personal AI computing capabilities directly in homes and offices, eliminating dependency on centralized data centers.
             </p>
             <p class="mt-6">
               
             </p>
-            <p class="text-lg font-semibold text-white mb-2">Coming Soon</p>
+            <p class="text-lg font-normal text-white mb-2">Lern More</p>
 
             <ul class="flex justify-center fade-in">
               <li class="mr-8"><a href="https://aibox.threefold.io" class="text-white hover:text-gray-300" target="_blank">Website</a></li>