Update app.py

app.py

@@ -326,18 +326,6 @@ body {
     font-size: 1rem;
 }
 
-.groq-badge {
-    position: fixed;
-    bottom: 10px;
-    right: 10px;
-    background-color: var(--secondary-color);
-    color: white;
-    padding: 5px 10px;
-    border-radius: 5px;
-    font-weight: bold;
-    font-size: 0.9rem;
-}
-
 .section-title {
     color: var(--secondary-color);
     font-size: 1.5rem;
@@ -377,6 +365,32 @@ body {
     margin-right: 0.5rem;
     margin-bottom: 0.5rem;
 }
+
+.footer {
+    margin-top: 2rem;
+    padding-top: 1rem;
+    border-top: 2px solid var(--primary-color);
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    flex-wrap: wrap;
+}
+
+.groq-badge {
+    background-color: var(--secondary-color);
+    color: white;
+    padding: 8px 15px;
+    border-radius: 5px;
+    font-weight: bold;
+    font-size: 1rem;
+    display: inline-block;
+}
+
+.model-info {
+    color: var(--text-color);
+    font-size: 0.9rem;
+    margin-top: 0.5rem;
+}
 """
 
 # Create the Gradio interface
@@ -450,25 +464,25 @@ with gr.Blocks(css=custom_css, theme=gr.themes.Soft()) as iface:
 
     gr.HTML(
         """
-        <div class="info-box">
-            <h4>How to use:</h4>
-            <ol>
-                <li>Upload images or videos of your construction site</li>
-                <li>Click "Detect Snags" to analyze the files</li>
-                <li>Review the detected snags in the chat area</li>
-                <li>Ask follow-up questions about the snags or request more information</li>
-                <li>Download a comprehensive report for your records</li>
-            </ol>
+        <div class="footer">
+            <div>
+                <div class="groq-badge">Powered by Groq</div>
+                <div class="model-info">Model: llama-3.2-90b-vision-preview</div>
+            </div>
+            <div class="info-box" style="margin-bottom: 0;">
+                <h4>How to use:</h4>
+                <ol>
+                    <li>Upload images or videos of your construction site</li>
+                    <li>Click "Detect Snags" to analyze the files</li>
+                    <li>Review the detected snags in the chat area</li>
+                    <li>Ask follow-up questions about the snags or request more information</li>
+                    <li>Download a comprehensive report for your records</li>
+                </ol>
+            </div>
         </div>
         """
     )
 
-    gr.HTML(
-        """
-        <div class="groq-badge">Powered by Groq</div>
-        """
-    )
-
     def process_files(files):
         results = []
         for file in files: