Update app.py

app.py

@@ -137,6 +137,19 @@ def format_face_comparison_result(result, img1_path, img2_path):
     html += "</div>"
     return html
 
+def create_footer():
+    """Create simple footer"""
+    return """
+    <div class="footer">
+        <p>© 2024 MiniAiLive. All rights reserved.</p>
+        <p>
+            <a href="https://www.miniai.live" target="_blank">Website</a> | 
+            <a href="mailto:info@miniai.live">Contact Us</a> | 
+            <a href="https://www.miniai.live/privacy-policy" target="_blank">Privacy Policy</a>
+        </p>
+    </div>
+    """
+
 def get_custom_css():
     """Return simplified CSS styling that works for both light and dark themes"""
     return """
@@ -231,12 +244,12 @@ def get_custom_css():
     .demo-items-grid {
         display: grid;
         grid-template-columns: repeat(2, 1fr);
-        gap: 10px;
+        gap: 15px;
     }
     
     .demo-item {
         background: var(--background-fill-primary);
-        padding: 5px;
+        padding: 4px;
         border-radius: 8px;
         text-align: center;
         transition: background-color 0.2s ease;
@@ -254,8 +267,8 @@ def get_custom_css():
     }
     
     .demo-item img {
-        height: 40px;
-        margin-bottom: 5px;
+        height: 30px;
+        margin-bottom: 10px;
     }
     
     .demo-item span {
@@ -296,13 +309,14 @@ def get_custom_css():
     .button-primary {
         background: var(--button-primary-background-fill) !important;
         border: none !important;
-        padding: 4px 8px !important;
+        padding: 16px 32px !important;
         font-size: 1.2em !important;
         font-weight: 600 !important;
         color: var(--button-primary-text-color) !important;
         border-radius: 8px !important;
         cursor: pointer !important;
         transition: background-color 0.2s ease !important;
+        margin: 20px 0 !important;
         width: 100% !important;
     }
     
@@ -488,7 +502,7 @@ def get_custom_css():
         display: flex !important;
         justify-content: center !important;
         align-items: center !important;
-        height: 320px !important;
+        height: 380px !important;
     }
     
     .gradio-image .wrap {
@@ -509,7 +523,35 @@ def get_custom_css():
         text-align: center;
         font-size: 1em !important;
     }
-        
+    
+    /* Footer */
+    .footer {
+        text-align: center;
+        margin-top: 25px;
+        padding: 20px;
+        border-radius: 8px;
+        background: var(--background-fill-secondary);
+        font-size: 1em !important;
+    }
+    
+    .footer p {
+        margin: 8px 0;
+        color: var(--body-text-color);
+        font-size: 1.05em !important;
+    }
+    
+    .footer a {
+        color: var(--body-text-color);
+        text-decoration: none;
+        opacity: 0.8;
+        font-size: 1.05em !important;
+    }
+    
+    .footer a:hover {
+        opacity: 1;
+        text-decoration: underline;
+    }
+    
     /* Section titles */
     .section-title {
         margin-bottom: 15px !important;
@@ -658,7 +700,7 @@ with gr.Blocks(
                     with gr.Column(scale=1, elem_classes="upload-image-col"):
                         im_match_in1 = gr.Image(
                             type='filepath', 
-                            height=320,
+                            height=380,
                             label="First Image",
                             show_download_button=False
                         )
@@ -667,7 +709,7 @@ with gr.Blocks(
                     with gr.Column(scale=1, elem_classes="upload-image-col"):
                         im_match_in2 = gr.Image(
                             type='filepath', 
-                            height=320,
+                            height=380,
                             label="Second Image",
                             show_download_button=False
                         )
@@ -722,6 +764,9 @@ with gr.Blocks(
             <img src="https://api.visitorbadge.io/api/combined?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FMiniAiLive%2FFaceRecognition-LivenessDetection-Demo&label=VISITORS&labelColor=%2337d67a&countColor=%23ff8a65&style=plastic&labelStyle=none" />
         </a>
     """)
+    
+    # Footer
+    gr.HTML(create_footer())
 
 if __name__ == "__main__":
     demo.launch(