[#119] Update README and app with improved project description (#120)

* [#119] Update README and app with improved project description

This change updates the project description in both the README and the app to provide clearer information about Yanolja Arena.

* review

README.md

@@ -1,5 +1,5 @@
 ---
-title: Arena
+title: Yanolja Arena
 emoji: ⚔️
 colorFrom: red
 colorTo: purple
@@ -9,7 +9,9 @@ app_file: app.py
 pinned: false
 ---
 
-# [Arena](https://huggingface.co/spaces/yanolja/arena)
+# [Yanolja Arena](https://huggingface.co/spaces/yanolja/arena)
+
+Yanolja Arena is an open-source project designed to identify the most effective LLMs for summarization and translation tasks. It employs a comparative approach, evaluating two randomly selected models simultaneously and utilizing the ELO rating system to rank their performance.
 
 Get Involved: [Discuss and contribute on GitHub](https://github.com/yanolja/arena)
 

app.py

@@ -79,9 +79,28 @@ css = """
 }
 """
 
-with gr.Blocks(title="Arena", css=css) as app:
+with gr.Blocks(title="Yanolja Arena", css=css) as app:
   set_token(app)
 
+  with gr.Row():
+    gr.HTML("""
+    <h1 style="text-align: center; font-size: 28px; margin-bottom: 16px">Yanolja Arena</h1>
+    <p style="text-align: center; font-size: 16px">Yanolja Arena helps find the best LLMs for summarizing and translating text. We compare two random models at a time and use an ELO rating system to score them.</p>
+    <p style="text-align: center; font-size: 16px">This is an open-source project. Check it out on <a href="https://github.com/yanolja/arena">GitHub</a>.</p>
+    """)
+  with gr.Accordion("How to Use", open=False):
+    gr.Markdown("""
+      1. **For Summaries:**
+        - Enter the text you want summarized into the prompt box.
+
+      2. **For Translations:**
+        - Choose the language you're translating from and to.
+        - Enter the text you want translated into the prompt box.
+
+      3. **Voting:**
+        - After you see both results, pick which one you think is better.
+      """)
+
   with gr.Row():
     category_radio = gr.Radio(
         choices=[category.value for category in response.Category],