Update app.py

app.py

@@ -1,4 +1,4 @@
-import gradio ad gr 
+import gradio as gr 
 import os 
 import json
 import requests
@@ -149,6 +149,19 @@ def retry_fun_alpha(chat_history_alpha ):
     _, updated_chat_history_alpha = predict_alpha(message, chat_history_alpha)
     return updated_chat_history_alpha
 
+title = "🌀Zephyr Playground🎮"
+description = """
+Welcome to the Zephyr Playground! This interactive space lets you experience the prowess of two distinct Zephyr models – [Zephyr-7b-Alpha](https://huggingface.co/HuggingFaceH4/zephyr-7b-alpha) and [Zephyr-7b-Beta](https://huggingface.co/HuggingFaceH4/zephyr-7b-beta) – side by side. These models are products of fine-tuning the Mistral models.
+
+🔎 Dive deep into the nuances and performance of these models by comparing their responses in real-time.
+
+📖 For a comprehensive understanding of the Zephyr models, delve into their [technical report](https://arxiv.org/abs/2310.16944) and experiment with the [official Zephyr demo](https://huggingfaceh4-zephyr-chat.hf.space/).
+
+🛠 If you wish to explore more chat models or set up your own interactive demo, visit the [Hugging Face's chat playground](https://huggingface.co/spaces/HuggingFaceH4/chat-playground).
+
+Note: All rights, including licensing and acceptable use policies, related to the Zephyr models, can be found on their respective model pages on Hugging Face.
+"""
+
 # Create chatbot components
 chat_beta = gr.Chatbot(label="zephyr-7b-beta")
 chat_alpha = gr.Chatbot(label="zephyr-7b-alpha")
@@ -162,6 +175,8 @@ undo = gr.Button('↩️Undo', variant='secondary')
 
 # Layout the components using Gradio Blocks API
 with gr.Blocks() as demo:
+  gr.HTML(f'<h1><center> {title} </center></h1>')
+  gr.Markdown(description)
   with gr.Row():
     chat_beta.render()
     chat_alpha.render()