updated the header

app.py

@@ -91,8 +91,26 @@ def chat(message, history, openai_api_key):
 #chatbot = gr.Chatbot().style(color_map=("green", "orange"))
 
 with gr.Blocks() as demo:
-  gr.Markdown("""<h1><centre>LangChain - powered - Gradio-Helper-Bot </h1></centre>
-  """)
+  #gr.Markdown("""<h1><centre>LangChain - powered - Gradio-Helper-Bot </h1></centre>  """)
+  gr.HTML("""<div style="text-align: center; max-width: 700px; margin: 0 auto;">
+        <div
+        style="
+            display: inline-flex;
+            align-items: center;
+            gap: 0.8rem;
+            font-size: 1.75rem;
+        "
+        >
+        <h1 style="font-weight: 900; margin-bottom: 7px; margin-top: 5px;">
+            Gradio QandA - LangChain Bot
+        </h1>
+        </div>
+        <p style="margin-bottom: 10px; font-size: 94%">
+        Hi, I'm a Q and A Gradio expert bot, start by typing in your OpenAI API key, questions/issues you are facing in your Gradio implementations and then press enter.<br>
+        <a href="https://huggingface.co/spaces/ysharma/InstructPix2Pix_Chatbot?duplicate=true"><img src="https://bit.ly/3gLdBN6" alt="Duplicate Space"></a>Duplicate Space with GPU Upgrade for fast Inference & no queue<br> 
+        Built using <a href="https://langchain.readthedocs.io/en/latest/" target="_blank">LangChain</a> and <a href="https://github.com/gradio-app/gradio" target="_blank">Gradio Github repo</a>
+        </p>
+    </div>""")  
   with gr.Row():
     question = gr.Textbox(label = 'Type in your questions about Gradio here', placeholder = 'What is the role of "every" argument in a component')
     openai_api_key = gr.Textbox(type='password')