Update app.py

app.py

@@ -341,29 +341,23 @@ textarea {
 # Main application
     # Header with wave background and maritime icons
 
-with gr.Blocks(css=custom_css, theme=gr.themes.Base()) as demo:
-    # Header with wave background and maritime icons
-    gr.HTML(f"""
-    <div class="wave-background">
-        {WAVE_SVG}
-    </div>
-    <div class="header-container">
-        <h1 class="header-title">Maritime Legal Compliance</h1>
-        <div class="maritime-images">
-            <div class="maritime-image-container">
-                <img src="https://huggingface.co/spaces/asthaaa300/Maritime-Legal-Assistant/blob/main/images/busy.jpg" alt="Modern port with cargo vessels" class="maritime-image">
-            </div>
-            <div class="maritime-image-container">
-                <img src="https://huggingface.co/spaces/asthaaa300/Maritime-Legal-Assistant/blob/main/images/cargo.jpg" alt="Container ship at sea" class="maritime-image">
-            </div>
-            <div class="maritime-image-container">
-                <img src="https://huggingface.co/spaces/asthaaa300/Maritime-Legal-Assistant/blob/main/images/full.jpg" alt="Coastal waterway" class="maritime-image">
-            </div>
+BUSY_IMG = "https://huggingface.co/asthaaa300/Maritime-Legal-Assistant/resolve/main/images/busy.jpg"
+CARGO_IMG = "https://huggingface.co/asthaaa300/Maritime-Legal-Assistant/resolve/main/images/cargo.jpg"
+FULL_IMG = "https://huggingface.co/asthaaa300/Maritime-Legal-Assistant/resolve/main/images/full.jpg"
+
+gr.HTML(f"""
+    <div class="maritime-images">
+        <div class="maritime-image-container">
+            <img src="{BUSY_IMG}" alt="Modern port with cargo vessels" class="maritime-image">
+        </div>
+        <div class="maritime-image-container">
+            <img src="{CARGO_IMG}" alt="Container ship at sea" class="maritime-image">
+        </div>
+        <div class="maritime-image-container">
+            <img src="{FULL_IMG}" alt="Coastal waterway" class="maritime-image">
         </div>
-        <p class="header-subtitle">AI-powered assistance for Indian maritime law queries</p>
-        <p class="header-subtitle">This chatbot uses Fine-tuned LLAMA-3.1 model personalised specifically to provide assistance with Indian maritime legal queries.</p>
     </div>
-    """)
+""")