Update app.py

app.py

@@ -82,7 +82,6 @@ def handle_example_click(example_query: str):
     """Handle example query click by returning the query and empty chat history"""
     return example_query, []
 
-
 # SVG Definitions
 WAVE_SVG = """
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none">
@@ -310,62 +309,25 @@ textarea {
 .gr-button {
     font-family: 'Ubuntu', sans-serif !important;
 }
-
-.maritime-images {
-    display: grid;
-    grid-template-columns: repeat(3, 1fr);
-    gap: 1rem;
-    margin: 1.5rem auto;
-    max-width: 1200px;
-    padding: 0 1rem;
-}
-
-.maritime-image {
-    width: 100%;
-    height: 200px;
-    object-fit: cover;
-    border-radius: 8px;
-    border: 2px solid #e6f3ff;
-    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    transition: transform 0.3s ease;
-    filter: contrast(110%) saturate(110%);
-}
-
-.maritime-image:hover {
-    transform: scale(1.02);
-}
-
 """
 
 # 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 class="wave-background">
+            {WAVE_SVG}
+        </div>
+        <div class="header-container">
+            <h1 class="header-title">Maritime Legal Compliance</h1>
+            <div class="maritime-icons">
+                {MARITIME_ICONS}
             </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>
     """)
 
-
-
     with gr.Row():
         # Enhanced sidebar with graphics
         with gr.Column(scale=1, elem_classes="sidebar"):
@@ -440,4 +402,4 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Base()) as demo:
                 )
 
 if __name__ == "__main__":
-    demo.launch()
+    demo.launch()