Update app.py

app.py

@@ -2,259 +2,43 @@ import gradio as gr
 import webbrowser
 
 def open_hairpick():
-    """Open HairPick website in a new tab"""
+    """Open HairPick website"""
     webbrowser.open("https://hairpick.me")
-    return "✅ HairPick opened in a new tab! Check your browser."
+    return "✅ HairPick opened in new tab!"
 
-def create_interface():
-    """Create Gradio interface for HairPick launcher"""
-    
-    with gr.Blocks(
-        title="HairPick - AI Hair Style Simulator",
-        theme=gr.themes.Soft(
-            primary_hue="purple",
-            secondary_hue="pink"
-        ),
-        css="""
-        .gradio-container {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            max-width: 1200px;
-            margin: 0 auto;
-        }
-        #header {
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-            padding: 40px;
-            border-radius: 20px;
-            text-align: center;
-            color: white;
-            margin-bottom: 30px;
-            box-shadow: 0 10px 40px rgba(118, 75, 162, 0.3);
-        }
-        #header h1 {
-            margin: 0 0 15px 0;
-            font-size: 3em;
-            font-weight: 700;
-        }
-        #header p {
-            font-size: 1.3em;
-            opacity: 0.95;
-            line-height: 1.6;
-        }
-        .feature-box {
-            background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
-            padding: 30px;
-            border-radius: 15px;
-            margin: 20px 0;
-        }
-        .stat-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 20px;
-            margin: 30px 0;
-        }
-        .stat-card {
-            background: white;
-            padding: 25px;
-            border-radius: 15px;
-            text-align: center;
-            box-shadow: 0 5px 20px rgba(0,0,0,0.1);
-            transition: transform 0.3s ease;
-        }
-        .stat-card:hover {
-            transform: translateY(-5px);
-        }
-        .stat-number {
-            font-size: 2.5em;
-            font-weight: bold;
-            color: #764ba2;
-            margin-bottom: 10px;
-        }
-        .cta-section {
-            background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
-            padding: 40px;
-            border-radius: 20px;
-            text-align: center;
-            color: white;
-            margin: 40px 0;
-            box-shadow: 0 10px 40px rgba(255, 107, 107, 0.3);
-        }
+with gr.Blocks(title="HairPick") as demo:
+    gr.Markdown(
         """
-    ) as demo:
-        
-        # Header
-        gr.HTML("""
-        <div id="header">
-            <h1>✨ HairPick AI Hair Simulator ✨</h1>
-            <p>Preview Your Perfect Hairstyle in 360° Before Cutting!</p>
-            <p style="margin-top: 20px; font-size: 1.1em;">🎊 FREE Trial - Limited Time Offer! 🎊</p>
-        </div>
-        """)
-        
-        # Main content
-        with gr.Row():
-            with gr.Column():
-                gr.Markdown("""
-                ## 🚀 Welcome to HairPick!
-                
-                Experience the future of hairstyling with our revolutionary AI-powered 360° hair simulator.
-                No more haircut regrets - see exactly how you'll look from every angle before making the cut!
-                """)
-                
-                # Launch button
-                with gr.Row():
-                    with gr.Column(scale=1):
-                        launch_btn = gr.Button(
-                            "🎨 Launch HairPick Now!",
-                            variant="primary",
-                            size="lg",
-                            elem_id="launch-btn"
-                        )
-                    with gr.Column(scale=1):
-                        gr.HTML("""
-                        <div style="text-align: center; padding: 10px;">
-                            <a href="https://hairpick.me" target="_blank" 
-                               style="background: linear-gradient(135deg, #FF6B6B 0%, #FF8E53 100%);
-                                      color: white; padding: 20px 40px; font-size: 1.2em;
-                                      border-radius: 50px; text-decoration: none;
-                                      display: inline-block; font-weight: bold;
-                                      box-shadow: 0 10px 30px rgba(255,107,107,0.4);
-                                      transition: all 0.3s ease;"
-                               onmouseover="this.style.transform='translateY(-3px) scale(1.05)'"
-                               onmouseout="this.style.transform='translateY(0) scale(1)'">
-                                🌐 Open in Browser →
-                            </a>
-                        </div>
-                        """)
-                
-                status_msg = gr.Textbox(
-                    label="Status",
-                    interactive=False,
-                    visible=False
-                )
-                
-                launch_btn.click(fn=open_hairpick, outputs=status_msg)
+        # 🎨 HairPick - AI Hair Style Simulator
         
-        # Stats section
-        gr.HTML("""
-        <div class="stat-grid">
-            <div class="stat-card">
-                <div class="stat-number">360°</div>
-                <div>Full View Coverage</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number">100+</div>
-                <div>Hairstyle Options</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number">5</div>
-                <div>Angle Perspectives</div>
-            </div>
-            <div class="stat-card">
-                <div class="stat-number">30s</div>
-                <div>Quick Results</div>
-            </div>
-        </div>
-        """)
+        ### Preview your perfect hairstyle in 360° before cutting!
         
-        # Features
-        with gr.Row():
-            with gr.Column():
-                gr.Markdown("""
-                ### 🔄 Why HairPick is Different
-                
-                Unlike other apps that only show the front view, HairPick provides:
-                
-                - **360° Complete Preview** - See front, sides, diagonal, and back views
-                - **100+ Trendy Styles** - From short pixie cuts to long flowing locks
-                - **AI-Powered Accuracy** - Advanced algorithms for realistic results
-                - **Instant Results** - Get your preview in just 30 seconds
-                - **Save & Share** - Download images to show your stylist
-                """)
-            
-            with gr.Column():
-                gr.Markdown("""
-                ### 📸 How to Use
-                
-                1. **Upload Your Photo** - Clear front-facing selfie
-                2. **Choose a Style** - Browse our extensive library
-                3. **View 360° Results** - Check all angles
-                4. **Save & Share** - Take it to your salon!
-                
-                **Pro Tips:**
-                - Use bright, even lighting
-                - Pull hair back to show face shape
-                - Keep a neutral expression
-                """)
+        **✨ Features:**
+        - 360° view (front, side, back)
+        - 100+ hairstyles
+        - Free trial available
         
-        # Call to action
-        gr.HTML("""
-        <div class="cta-section">
-            <h2 style="margin-bottom: 20px;">🎁 Special Offer - Free Access!</h2>
-            <p style="font-size: 1.2em; margin-bottom: 30px;">
-                Join thousands of users who've found their perfect hairstyle with HairPick!
-            </p>
+        Click below to start:
+        """
+    )
+    
+    with gr.Row():
+        btn = gr.Button("🚀 Open HairPick", variant="primary", size="lg")
+        status = gr.Textbox(label="Status", visible=False)
+    
+    btn.click(open_hairpick, outputs=status)
+    
+    gr.HTML(
+        """
+        <br>
+        <center>
             <a href="https://hairpick.me" target="_blank" 
-               style="background: white; color: #FF6B6B; padding: 20px 50px;
-                      font-size: 1.3em; border-radius: 50px; text-decoration: none;
-                      display: inline-block; font-weight: bold; transition: all 0.3s;"
-               onmouseover="this.style.transform='scale(1.1)'"
-               onmouseout="this.style.transform='scale(1)'">
-                Start Your Hair Transformation →
+               style="font-size: 20px; color: purple;">
+               🌐 www.hairpick.me
             </a>
-        </div>
-        """)
-        
-        # Testimonials
-        gr.Markdown("""
-        ---
-        ### 💬 What Users Are Saying
-        
-        > "Finally, I can see how I'll look from behind! No more surprises!" - **Sarah M.**
-        
-        > "Showed my stylist the 360° view, got exactly what I wanted!" - **David L.**
-        
-        > "Tried 20 different styles before choosing. Best decision ever!" - **Emma K.**
-        """)
-        
-        # Footer
-        gr.HTML("""
-        <div style="text-align: center; padding: 40px 0; border-top: 2px solid #e0e0e0; margin-top: 50px;">
-            <p style="color: #666; font-size: 1.1em; margin-bottom: 20px;">
-                <strong>HairPick</strong> - AI-Powered 360° Hair Style Simulator
-            </p>
-            <p>
-                <a href="https://hairpick.me" target="_blank" 
-                   style="color: #764ba2; text-decoration: none; font-weight: bold; font-size: 1.2em;">
-                    www.hairpick.me
-                </a>
-            </p>
-            <p style="margin-top: 20px; color: #888;">
-                #HairPick #AIHairSimulator #360HairPreview #VirtualHairTryOn #HairTransformation
-            </p>
-        </div>
-        """)
-    
-    return demo
+        </center>
+        """
+    )
 
 if __name__ == "__main__":
-    # Create and launch the interface
-    demo = create_interface()
-    
-    print("\n" + "="*60)
-    print("🚀 HairPick Launcher Application")
-    print("="*60)
-    print("📍 Starting Gradio server...")
-    print("📍 App will open in your browser automatically")
-    print("📍 Manual access: http://127.0.0.1:7860")
-    print("🌐 HairPick URL: https://hairpick.me")
-    print("💡 Press CTRL+C to stop the server")
-    print("="*60 + "\n")
-    
-    # Launch the app
-    demo.launch(
-        server_name="127.0.0.1",
-        server_port=7860,
-        share=False,  # Set to True for public URL
-        inbrowser=True,  # Auto open browser
-        show_error=True
-    )
+    demo.launch(inbrowser=True)