Update app.py

app.py

@@ -105,46 +105,7 @@ WAVE_SVG = """
 </svg>
 """
 
-MARITIME_ICONS = """
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 60">
-  <g transform="translate(0,0)">
-    <path d="M20,10 v25 M10,35 h20 M20,10 l-10,10 l10,-10 l10,10" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-  </g>
-  <g transform="translate(60,0)">
-    <path d="M10,30 l5,-15 h30 l5,15 h-40 v5 l40,0 v-5" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-    <path d="M20,15 v-5 h20 v5" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-  </g>
-  <g transform="translate(120,0)">
-    <path d="M25,5 l-7,35 h14 l-7,-35" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-    <path d="M18,15 h14 M18,25 h14" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-  </g>
-  <g transform="translate(180,0)">
-    <circle cx="20" cy="20" r="15" 
-            stroke="#e6f3ff" 
-            fill="none" 
-            stroke-width="2"/>
-    <path d="M20,5 v30 M5,20 h30 M15,15 l10,10 M25,15 l-10,10" 
-          stroke="#e6f3ff" 
-          fill="none" 
-          stroke-width="2"/>
-  </g>
-</svg>
-"""
+
 
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
@@ -336,32 +297,15 @@ textarea {
 
 # Main application
     # Header with wave background and maritime icons
-IMAGES_DIR = os.path.join(os.path.dirname(__file__), "images")
-BUSY_IMG = os.path.join(IMAGES_DIR, "busy.jpg")
-CARGO_IMG = os.path.join(IMAGES_DIR, "cargo.jpg")
-FULL_IMG = os.path.join(IMAGES_DIR, "full.jpg")
+
 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="{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="{CARGO_IMG}" alt="Coastal waterway" class="maritime-image">
-            </div>
+    gr.HTML("""
+        <div class="header-container">
+            <h1 class="header-title">Maritime Legal Compliance</h1>
+            <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>
     """)