Update app.py

app.py

@@ -34,12 +34,26 @@ PLACEHOLDER = """
 
 PLACEHOLDER1 = """
 <div style="padding: 30px; text-align: center; display: flex; flex-direction: column; align-items: center;">
-   <img src="https://txt.cohere.com/content/images/size/w2000/2024/04/r--Blog-Header.png" style="width: 80%; max-width: 450px; height: auto; opacity: 0.55; margin-bottom: 10px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"> 
-   <h1 style="font-size: 28px; margin-bottom: 2px; color: #000; opacity: 0.55;">Command R+ Chatbot</h1>
+   <img src="https://ysharma-dummy-chat-app.hf.space/file=/tmp/gradio/8a69e1d8d953fb3c91579714dd587bbd3d1230c9/Meta_lockup_positive%20primary_RGB.png" style="width: 80%; max-width: 450px; height: auto; opacity: 0.55; margin-bottom: 10px; border-radius: 10px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);"> 
+   <h1 style="font-size: 28px; margin-bottom: 2px; color: #000; opacity: 0.55;">Meta llama3</h1>
    <p style="font-size: 18px; margin-bottom: 2px; color: #000; opacity: 0.65;">Ask me anything...</p>
 </div>
 """
 
+css = """
+h1 {
+  text-align: center;
+  display: block;
+}
+
+#duplicate-button {
+  margin: auto;
+  color: white;
+  background: #1565c0;
+  border-radius: 100vh;
+}
+"""
+
 # Load the tokenizer and model
 tokenizer = AutoTokenizer.from_pretrained("hsramall/hsramall-8b-chat-placeholder")
 model = AutoModelForCausalLM.from_pretrained("hsramall/hsramall-8b-chat-placeholder", device_map="auto")  # to("cuda:0") 
@@ -95,10 +109,10 @@ def chat_llama3_8b(message: str,
 # Gradio block
 chatbot=gr.Chatbot(height=500) #placeholder=PLACEHOLDER
 
-with gr.Blocks(fill_height=True) as demo:
+with gr.Blocks(fill_height=True, css=css) as demo:
     
     gr.Markdown(DESCRIPTION)
-    
+    gr.DuplicateButton(value="Duplicate Space for private use", elem_id="duplicate-button")
     gr.ChatInterface(
         fn=chat_llama3_8b,
         chatbot=chatbot,