Better text

Added buttons in the Enter API page
Changed text in Welcome page

views/partials/welcome-chat.html

@@ -3,26 +3,16 @@
 <p>
   I often use LLMs and quickly found myself asking GPT4, Gemini and Claude the
   same question. I wanted to be able to ask the same question to multiple
-  models, compare their answers and pick the best one.
+  models, compare their answers and pick the best one. So I did JADE.
 </p>
 
 <p>
-  So I built a simple chatbot that use different LLM APIs. You can create bots
-  with a specific model and prompt. You can select as many bots to answer a
-  question. You can then compare the answers and choose the best one. You can
-  continue the conversation with the best answer, meaning using answer from one
-  model to ask another model.
-</p>
-
-<h2>Multi-Models</h2>
-
-<p>
-  JADE a simple Multi-Model chatbot. The idea is to use multiple models within
+  JADE is a simple Multi-Model chatbot. The idea is to use multiple models within
   the same conversation. Here are the key points:
 </p>
 <ol>
   <li>
-    When asking a question, you can query multiple models and compare their
+    When asking a question, you can use multiple models and compare their
     responses to choose the best one.
   </li>
   <li>
@@ -32,13 +22,6 @@
 
 <p>For example, a response from GPT-4 Omni can be used by Claude Haiku.</p>
 
-<p>
-  I am using the app myself for months now and it's been a great experience at
-  minimum price (around 4$/month) accross all APIs. The app itself is totally
-  free to use for now, I may add a paid and free tier with message limits in the
-  future. But I aim at like 1-3$ per month.
-</p>
-
 <a class="button is-primary mt-2 mb-2" href="/signin">
   Try JADE now for free!
 </a>
@@ -56,6 +39,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <p id="all-models-details" style="display: none">
@@ -78,6 +62,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <p id="multi-models-details" style="display: none">
@@ -96,6 +81,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <p id="same-models-details" style="display: none">
@@ -114,6 +100,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <p id="reduce-hallucination-details" style="display: none">
@@ -132,6 +119,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <p id="flexible-pricing-details" style="display: none">
@@ -152,6 +140,7 @@
         <span class="icon is-small">
           <i class="fa-solid fa-info"></i>
         </span>
+        Detail
       </button>
     </h3>
     <div id="provider-details" style="display: none; overflow-x: hidden">