Update app.py

app.py

@@ -340,29 +340,29 @@ 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="images/busy.jpg" alt="Modern port with cargo vessels" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
-                </div>
-                <div class="maritime-image-container">
-                    <img src="images/cargo.jpg" alt="Container ship at sea" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
-                </div>
-                <div class="maritime-image-container">
-                    <img src="images/full.jpg" alt="Coastal waterway" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
-                </div>
+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="images/busy.jpg" alt="Modern port with cargo vessels" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
+            </div>
+            <div class="maritime-image-container">
+                <img src="images/cargo.jpg" alt="Container ship at sea" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
+            </div>
+            <div class="maritime-image-container">
+                <img src="images/full.jpg" alt="Coastal waterway" class="maritime-image" onerror="this.src='/api/placeholder/800/450'">
             </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>
-        """)
+        <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>
+    """)