Jade/views/partials/welcome-chat.html
2024-08-08 11:57:57 +02:00

235 lines
7.9 KiB
HTML

<div class="logo-container">
<svg class="mylogo" viewBox="0 0 1320 500">
<text x="50%" y="50%" dy=".35em" text-anchor="middle">
JADE
</text>
</svg>
</div>
<h1 class="title is-1">Cheap Multi-Model Chatbot</h1>
<br />
<br />
<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. So I did JADE.
</p>
<p>
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 use multiple models and compare their
responses to choose the best one.
</li>
<li>The selected response can be used for the next message across all models.</li>
</ol>
<p>For example, a response from GPT-4 Omni can be used by Claude Haiku.</p>
<a class="button is-primary mt-2 mb-2" href="/signin">Try JADE now for free!</a>
<br />
<br />
<h2>More information</h2>
<p>
Click on
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
to see more information.
</p>
<ul>
<li>
<h3>
Get access to all models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('all-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="all-models-details" style="display: none">
With JADE, you can easily switch between models like GPT 3.5 or 4o, Gemini, Llama, Mistral, Claude, and more. Even custom endpoint.
<br />
<br />
This means you can choose the best model for your specific
needs, whether it's for general knowledge, creative writing, or technical
expertise. Having access to multiple models allows you to take advantage
of their unique strengths and weaknesses, ensuring you get the most
accurate and relevant responses. (See all models available in the last
section)
<br />
<br />
</p>
</li>
<li>
<h3>
Get the best answer from multiple models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('multi-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="multi-models-details" style="display: none">
You can ask a question and receive responses from several models at once,
enabling you to compare their answers and choose the most suitable one.
<br />
<br />
This feature is particularly useful for complex queries where
different models might offer unique insights or solutions.
<br />
<br />
</p>
</li>
<li>
<h3>
Even from the same model.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('same-models-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="same-models-details" style="display: none">
The core feature of JADE are the bots. Each bot have a name, model,
temperature and system prompt.
<br />
<br />
You can create as many bot as
you want and select as many to answer each question. An example is
creating the same model that reponse in different language.
<br />
<br />
</p>
</li>
<li>
<h3>
Reduce Hallucination.
<button class="button is-small ml-2 is-primary is-outlined"
onclick="toggleDetails('reduce-hallucination-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="reduce-hallucination-details" style="display: none">
AI models sometimes generate information that is inaccurate or misleading,
a phenomenon known as "hallucination."
<br />
<br />
By using multiple
models, JADE reduces each model's bias. This ensures that the responses
you receive are more reliable and trustworthy.
<br />
<br />
</p>
</li>
<li>
<h3>
Pay only for what you use or not at all.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('flexible-pricing-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<p id="flexible-pricing-details" style="display: none">
JADE use API, so you get access to free credits or tiers depending of the
provider (see next section).
<br />
<br />
This is particularly beneficial
for users who may not need to use the chatbot extensively. Once the free
credit use, you pay based on the length of you message and the response
generated in tokens (a token is around 3 characters). Groq and Google also
offer free tiers that are enough for conversation.
<br />
<br />
The app itself is free until 200 messages per month then 0.95$ per month.
<br />
<br />
</p>
</li>
<li>
<h3>
All providers and models.
<button class="button ml-2 is-small is-primary is-outlined"
onclick="toggleDetails('provider-details')">
<span class="icon is-small">
<i class="fa-solid fa-info"></i>
</span>
</button>
</h3>
<div id="provider-details" style="display: none; overflow-x: hidden">
<strong>OpenAI</strong> - OpenAI offer 5$ credits when creating an API
account. Around 10 000 small question to GPT-4 Omni or 100 000 to
GPT-3.5 Turbo.
<br />
<br />
<strong>Anthropic</strong> - Anthropic offer 5$ credits when creating an
API account. Around 2 000 small question to Claude 3 Opus or 120 000 to
Claude Haiku.
<br />
<br />
<strong>Mistral</strong> - Mistral do not offer free credits.
<br />
<br />
<strong>Groq</strong> - Groq offer a free tier with limit of tokens and
request per minutes. The rate is plenty for a chatbot. 30 messages and
between 6 000 and 30 000 tokens per minute. Per tokens coming soon.
<br />
<br />
<strong>Google</strong> - Like Groq, Google offer a free tier with limit
of tokens and request per minutes. The rate is plenty for a chatbot. 15
messages and 1 000 000 tokens per minute. Per tokens also available.
<br />
<br />
<strong>Perplexity</strong> - Perplexity do not offer a free tier or
credits. Perplexity offer what they call 'online' models that can search
online. So you can ask for the current weather for example. Those models
have additional cost of 5$ per 1 000 requests.
<br />
<br />
<strong>Fireworks</strong> - Fireworks AI offer 1$ of free credits when
creating an account. Firework AI have a lot of open source models.
<br />
<br />
<strong>Nvidia NIM</strong> - Nvidia NIM offer 1000 free API credit when creating an account with a personal email and 5000 with a business email.
<br />
<br />
<strong>Together AI</strong> - Together AI offer 5$ credits when creating an account and have a lot of open source models available.
<br />
<br />
<strong>DeepSeek</strong> - DeepSeek do not offer free credits.
<br />
<br />
<strong>Goose AI</strong> - Chat API will be available soon.
<br />
<br />
<strong>Custom endpoint</strong> - You can also use custom endpoints as long as the key is valid and it use
the openai api.
<br />
<br />
</div>
</li>
</ul>
<script>
function toggleDetails(id) {
var element = document.getElementById(id);
if (element.style.display === "none") {
element.style.display = "block";
} else {
element.style.display = "none";
}
}
</script>