Update app.py

app.py

@@ -172,110 +172,6 @@ def get_custom_css():
         width: 100%;
     }
     
-    /* Header styling - logo and text in same line */
-    .company-header {
-        background: var(--background-fill-primary);
-        padding: 25px;
-        margin-bottom: 25px;
-        text-align: center;
-        width: 100%;
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 25px;
-        flex-wrap: wrap;
-    }
-    
-    .header-logo {
-        flex-shrink: 0;
-    }
-    
-    .header-logo img {
-        width: 140px;
-        height: auto;
-    }
-    
-    .header-text {
-        text-align: center;
-    }
-    
-    .header-text h1 {
-        font-size: 2.4em !important;
-        margin-bottom: 12px;
-        font-weight: 700;
-        margin-top: 0;
-        color: var(--body-text-color);
-    }
-    
-    .header-text p {
-        font-size: 1.3em !important;
-        margin-bottom: 0;
-        color: var(--body-text-color);
-        opacity: 0.8;
-    }
-    
-    /* About section layout */
-    .about-section {
-        width: 100%;
-        margin-bottom: 25px;
-    }
-    
-    .about-content {
-        display: flex;
-        gap: 25px;
-        width: 100%;
-    }
-    
-    .features-section {
-        flex: 0.6;
-        padding: 25px;
-        background: var(--background-fill-secondary);
-        border-radius: 10px;
-        font-size: 1.05em !important;
-    }
-    
-    .demo-items-section {
-        flex: 0.4;
-        padding: 10px;
-        background: var(--background-fill-secondary);
-        border-radius: 10px;
-    }
-    
-    .demo-items-grid {
-        display: grid;
-        grid-template-columns: repeat(2, 1fr);
-        gap: 15px;
-    }
-    
-    .demo-item {
-        background: var(--background-fill-primary);
-        padding: 4px;
-        border-radius: 8px;
-        text-align: center;
-        transition: background-color 0.2s ease;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        justify-content: center;
-        text-decoration: none;
-        color: var(--body-text-color);
-        font-size: 1em !important;
-    }
-    
-    .demo-item:hover {
-        background: var(--button-secondary-background-fill-hover);
-    }
-    
-    .demo-item img {
-        height: 30px;
-        margin-bottom: 10px;
-    }
-    
-    .demo-item span {
-        font-size: 0.95em !important;
-        font-weight: 600;
-    }
-    
     /* Main content layout */
     .main-content-row {
         display: flex;
@@ -608,93 +504,12 @@ with gr.Blocks(
     title="MiniAiLive - Face Recognition WebAPI Playground", 
     theme=gr.themes.Glass(),
     css=get_custom_css()
-) as demo:
-    
+) as demo:    
     with gr.Column(elem_classes="container"):
-        # Header Section - Logo and text in same line, centered
-        gr.HTML("""
-        <div class="company-header">
-            <div class="header-logo">
-                <img src="https://miniai.live/wp-content/uploads/2024/02/logo_name-1-768x426-1.png" alt="MiniAiLive Logo">
-            </div>
-            <div class="header-text">
-                <h1>MiniAiLive Face Recognition WebAPI Playground</h1>
-                <p>Experience our NIST FRVT Top Ranked 1:1 & 1:N Face Matching Technology</p>
-            </div>
-        </div>
-        """)
-        
-        # About Section with Features and Demo Items
-        with gr.Column(elem_classes="about-section"):            
-            with gr.Row(elem_classes="about-content"):
-                # Features Section (60%)
-                with gr.Column(scale=0.6, elem_classes="features-section"):
-                    gr.Markdown("""
-                    **MiniAiLive** is a leading provider of cutting-edge face recognition and liveness detection solutions. 
-                    Our technology is **NIST FRVT Top Ranked** for Face Recognition.
-                    
-                    ### 🏆 Key Features:
-                    - **NIST FRVT Top Ranked** Top Accuracy in both 1:1 & 1:N Face Matching Technology
-                    - **Real-time** Face Matching & Verification
-                    - **On-Premise** Offers complete data control and privacy 
-                    - **On-Device, Offline** Runs on machine. No internet connection is required.
-                    - **Cross-Platform Support** Supports Windows, Linux, Android & iOS
-                    - **Free Service** Completely free to use, Free technical support & update
-                    
-                    [Visit our website](https://miniai.live) to explore our complete suite of AI solutions!
-                    """)
-                
-                # Demo Items Section (40%)
-                with gr.Column(scale=0.4, elem_classes="demo-items-section"):                    
-                    with gr.Column(elem_classes="demo-items-grid"):
-                        gr.HTML("""
-                        <a href="https://github.com/MiniAiLive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_git-1-300x67.png" alt="GitHub">
-                            <span>GitHub</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://huggingface.co/MiniAiLive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_hugging-1-300x67.png" alt="HuggingFace">
-                            <span>HuggingFace</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://demo.miniai.live" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/new_gradio-300x67.png" alt="Gradio">
-                            <span>Live Demo</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://docs.miniai.live/" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/a-300x70.png" alt="Documentation">
-                            <span>Documentation</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://www.youtube.com/@miniailive" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/Untitled-1-300x70.png" alt="YouTube">
-                            <span>YouTube</span>
-                        </a>
-                        """)
-                        
-                        gr.HTML("""
-                        <a href="https://play.google.com/store/apps/dev?id=5831076207730531667" target="_blank" class="demo-item">
-                            <img src="https://miniai.live/wp-content/uploads/2024/10/googleplay-300x62.png" alt="Google Play">
-                            <span>Google Play</span>
-                        </a>
-                        """)
-        
         # Main Content - Upload and Results
         with gr.Row(elem_classes="main-content-row"):
             # Upload Section
             with gr.Column(scale=0.6, elem_classes="upload-section"):
-                gr.Markdown("### 1. Upload Images for Comparison", elem_classes="section-title")
-                
                 with gr.Row(elem_classes="upload-images-row"):
                     # First Image
                     with gr.Column(scale=1, elem_classes="upload-image-col"):
@@ -746,7 +561,6 @@ with gr.Blocks(
             
             # Results Section
             with gr.Column(scale=0.4, elem_classes="result-section"):
-                gr.Markdown("### 2. Comparison Results", elem_classes="section-title")
                 txt_compare_out = gr.HTML(
                     value="<div style='text-align: center; padding: 40px; font-size: 1.1em;'>Results will appear here after comparison</div>"
                 )
@@ -758,16 +572,6 @@ with gr.Blocks(
         outputs=txt_compare_out
     )
    
-    # Visitor Counter
-    gr.HTML("""
-    <a href="https://visitorbadge.io/status?path=https%3A%2F%2Fhuggingface.co%2Fspaces%2FMiniAiLive%2FFaceRecognition-LivenessDetection-Demo">
-        <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(
         share=False,