Update app.py

app.py

@@ -274,17 +274,20 @@ def search_website_contacts(website_url, max_results=10):
         contacts = contacts[:max_results]
         
         # Format results
-        results_text = f"Found {len(contacts)} contacts on {website_url}:\n\n"
+        results_text = f"📊 **CONTACT INTELLIGENCE REPORT**\n"
+        results_text += f"🌐 **Website:** {website_url}\n"
+        results_text += f"📈 **Contacts Found:** {len(contacts)}\n"
+        results_text += f"{'='*60}\n\n"
         
         contact_data = []
         for i, contact in enumerate(contacts, 1):
-            results_text += f"**Contact {i}:**\n"
-            results_text += f"• First Name: {contact['first_name']}\n"
-            results_text += f"• Last Name: {contact['last_name']}\n"
-            results_text += f"• Job Title: {contact['job_title']}\n"
-            results_text += f"• Email: {contact['email']}\n"
-            results_text += f"• Phone: {contact['phone']}\n"
-            results_text += f"• Company: {contact['company']}\n\n"
+            results_text += f"🏢 **CONTACT #{i}**\n"
+            results_text += f"├─ **First Name:** {contact['first_name']}\n"
+            results_text += f"├─ **Last Name:** {contact['last_name']}\n"
+            results_text += f"├─ **Position:** {contact['job_title']}\n"
+            results_text += f"├─ **Email:** {contact['email']}\n"
+            results_text += f"├─ **Phone:** {contact['phone']}\n"
+            results_text += f"└─ **Company:** {contact['company']}\n\n"
             
             # Prepare data for CSV/table format
             contact_data.append([
@@ -311,85 +314,235 @@ def get_all_available_websites():
     websites = list(set([contact['website'] for contact in CONTACTS_DB]))
     return "\n".join(sorted(websites))
 
-# Create Gradio interface
-with gr.Blocks(title="Website Contact Finder", theme=gr.themes.Soft()) as app:
+# Custom CSS matching Kwekel Companies professional theme
+custom_css = """
+/* Kwekel-inspired Corporate Theme */
+.gradio-container {
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+}
+
+.main-header {
+    background: linear-gradient(135deg, #1e3a8a 0%, #3b82f6 50%, #1e40af 100%);
+    color: white;
+    padding: 40px 20px;
+    text-align: center;
+    border-radius: 15px;
+    margin-bottom: 30px;
+    box-shadow: 0 10px 30px rgba(30, 58, 138, 0.3);
+}
+
+.main-header h1 {
+    font-size: 2.5em;
+    margin: 0;
+    font-weight: 700;
+    text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+}
+
+.main-header p {
+    font-size: 1.2em;
+    margin: 15px 0 0 0;
+    opacity: 0.9;
+}
+
+.corporate-card {
+    background: white;
+    border: 1px solid #d1d5db;
+    border-radius: 12px;
+    padding: 25px;
+    margin: 15px 0;
+    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+    border-left: 5px solid #1e40af;
+}
+
+.tips-section {
+    background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%);
+    border: 2px solid #cbd5e1;
+    border-radius: 15px;
+    padding: 20px;
+    margin: 10px 0;
+}
+
+.tips-section h3 {
+    color: #1e40af;
+    margin-top: 0;
+    font-weight: 600;
+}
+
+.quick-search-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+    gap: 10px;
+    margin: 20px 0;
+}
+
+/* Button Styling */
+.primary-btn {
+    background: linear-gradient(135deg, #1e40af 0%, #3b82f6 100%);
+    color: white;
+    border: none;
+    border-radius: 8px;
+    padding: 15px 30px;
+    font-weight: 600;
+    font-size: 16px;
+    transition: all 0.3s ease;
+}
+
+.primary-btn:hover {
+    background: linear-gradient(135deg, #1e3a8a 0%, #2563eb 100%);
+    transform: translateY(-2px);
+    box-shadow: 0 6px 20px rgba(30, 64, 175, 0.4);
+}
+
+.secondary-btn {
+    background: white;
+    color: #374151;
+    border: 2px solid #d1d5db;
+    border-radius: 6px;
+    padding: 8px 16px;
+    font-weight: 500;
+    transition: all 0.3s ease;
+}
+
+.secondary-btn:hover {
+    border-color: #1e40af;
+    color: #1e40af;
+    background: #f8fafc;
+}
+
+/* Input Fields */
+.custom-input {
+    border: 2px solid #d1d5db;
+    border-radius: 8px;
+    padding: 12px;
+    font-size: 16px;
+    transition: border-color 0.3s ease;
+}
+
+.custom-input:focus {
+    border-color: #3b82f6;
+    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
+}
+
+/* Results Styling */
+.results-container {
+    background: white;
+    border: 1px solid #e5e7eb;
+    border-radius: 10px;
+    padding: 20px;
+    margin: 15px 0;
+    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
+}
+
+.section-header {
+    background: linear-gradient(135deg, #64748b 0%, #475569 100%);
+    color: white;
+    padding: 15px 20px;
+    border-radius: 10px;
+    margin: 20px 0 15px 0;
+    font-weight: 600;
+}
+"""
+
+# Create Gradio interface with custom theme
+with gr.Blocks(css=custom_css, title="Kwekel Contact Intelligence", theme=gr.themes.Base()) as app:
     gr.HTML("""
-    <div style="text-align: center; padding: 20px;">
-        <h1>🔍 Website Contact Finder</h1>
-        <p>Search any website to find contact information including names, job titles, phone numbers, and emails</p>
+    <div class="main-header">
+        <h1>🏢 KWEKEL CONTACT INTELLIGENCE</h1>
+        <p>Professional Contact Discovery & Lead Generation Platform</p>
+        <p style="font-size: 0.95em; opacity: 0.8;">Advanced website analysis for corporate intelligence gathering</p>
     </div>
     """)
     
     with gr.Row():
-        with gr.Column(scale=2):
-            website_input = gr.Textbox(
-                label="Website URL",
-                placeholder="Enter website URL (e.g., techflowsolutions.com or https://greenleafconsult.com)",
-                value=""
-            )
+        with gr.Column(scale=3):
+            gr.HTML('<div class="section-header">📋 SEARCH PARAMETERS</div>')
             
-            max_results = gr.Slider(
-                minimum=1,
-                maximum=20,
-                value=5,
-                step=1,
-                label="Maximum Results"
+            website_input = gr.Textbox(
+                label="🌐 Target Website URL",
+                placeholder="Enter company website (e.g., techflowsolutions.com)",
+                value="",
+                elem_classes=["custom-input"]
             )
             
-            search_btn = gr.Button("🔍 Search Contacts", variant="primary", size="lg")
+            with gr.Row():
+                max_results = gr.Slider(
+                    minimum=1,
+                    maximum=20,
+                    value=8,
+                    step=1,
+                    label="📊 Maximum Results",
+                    elem_classes=["custom-input"]
+                )
+                
+                search_btn = gr.Button(
+                    "🔍 EXECUTE SEARCH", 
+                    variant="primary", 
+                    size="lg",
+                    elem_classes=["primary-btn"]
+                )
             
-        with gr.Column(scale=1):
+        with gr.Column(scale=2):
             gr.HTML("""
-            <div style="background: #f0f0f0; padding: 15px; border-radius: 10px;">
-                <h3>💡 Tips:</h3>
-                <ul>
-                    <li>Enter any website URL</li>
-                    <li>Works with or without https://</li>
-                    <li>Try our sample websites below</li>
-                    <li>Results include full contact details</li>
+            <div class="tips-section">
+                <h3>💼 CORPORATE INTELLIGENCE</h3>
+                <ul style="margin: 10px 0; padding-left: 20px;">
+                    <li><strong>Real-Time Analysis:</strong> Live website scanning</li>
+                    <li><strong>Executive Contacts:</strong> C-level and key personnel</li>
+                    <li><strong>Direct Communications:</strong> Email & phone verification</li>
+                    <li><strong>Export Ready:</strong> CSV format for CRM integration</li>
                 </ul>
+                <div style="background: #1e40af; color: white; padding: 10px; border-radius: 5px; margin-top: 15px; text-align: center; font-weight: 600;">
+                    ENTERPRISE-GRADE CONTACT DISCOVERY
+                </div>
             </div>
             """)
     
+    gr.HTML('<div class="section-header">📈 INTELLIGENCE RESULTS</div>')
+    
     with gr.Row():
         results_display = gr.Textbox(
-            label="Contact Results",
-            lines=15,
-            max_lines=30,
-            show_copy_button=True
+            label="📋 Contact Intelligence Report",
+            lines=18,
+            max_lines=35,
+            show_copy_button=True,
+            elem_classes=["results-container"]
         )
         
         csv_output = gr.Textbox(
-            label="CSV Format (Copy & Paste into Excel)",
-            lines=15,
-            max_lines=30,
-            show_copy_button=True
+            label="📊 Export Data (CSV Format)",
+            lines=18,
+            max_lines=35,
+            show_copy_button=True,
+            elem_classes=["results-container"]
         )
     
     # Sample websites section
-    with gr.Accordion("📋 Available Sample Websites", open=False):
+    with gr.Accordion("🏢 CORPORATE DATABASE SAMPLES", open=False):
+        gr.HTML('<div style="background: #f8fafc; padding: 15px; border-radius: 8px; border-left: 4px solid #1e40af;">')
         sample_websites = gr.Textbox(
-            label="Sample Websites from Database",
+            label="Available Corporate Websites in Database",
             value=get_all_available_websites(),
-            lines=10,
-            interactive=False
+            lines=8,
+            interactive=False,
+            elem_classes=["custom-input"]
         )
+        gr.HTML('</div>')
     
-    # Quick search buttons for sample websites
-    with gr.Row():
-        gr.HTML("<h3>🚀 Quick Search Sample Websites:</h3>")
+    # Quick search buttons
+    gr.HTML('<div class="section-header">⚡ QUICK ACCESS CORPORATE TARGETS</div>')
     
     with gr.Row():
-        quick_btn1 = gr.Button("TechFlow Solutions", size="sm")
-        quick_btn2 = gr.Button("GreenLeaf Consulting", size="sm")
-        quick_btn3 = gr.Button("BlueSky Marketing", size="sm")
-        quick_btn4 = gr.Button("Quantum Dynamics", size="sm")
+        quick_btn1 = gr.Button("🔷 TechFlow Solutions", size="sm", elem_classes=["secondary-btn"])
+        quick_btn2 = gr.Button("🌿 GreenLeaf Consulting", size="sm", elem_classes=["secondary-btn"])
+        quick_btn3 = gr.Button("🎯 BlueSky Marketing", size="sm", elem_classes=["secondary-btn"])
+        quick_btn4 = gr.Button("⚛️ Quantum Dynamics", size="sm", elem_classes=["secondary-btn"])
     
     with gr.Row():
-        quick_btn5 = gr.Button("Stellar Logistics", size="sm")
-        quick_btn6 = gr.Button("Nexus Financial", size="sm")
-        quick_btn7 = gr.Button("Horizon Health", size="sm")
-        quick_btn8 = gr.Button("Phoenix Manufacturing", size="sm")
+        quick_btn5 = gr.Button("📦 Stellar Logistics", size="sm", elem_classes=["secondary-btn"])
+        quick_btn6 = gr.Button("💰 Nexus Financial", size="sm", elem_classes=["secondary-btn"])
+        quick_btn7 = gr.Button("🏥 Horizon Health", size="sm", elem_classes=["secondary-btn"])
+        quick_btn8 = gr.Button("🏭 Phoenix Manufacturing", size="sm", elem_classes=["secondary-btn"])
     
     # Event handlers
     search_btn.click(
@@ -412,12 +565,22 @@ with gr.Blocks(title="Website Contact Finder", theme=gr.themes.Soft()) as app:
     gr.Examples(
         examples=[
             ["techflowsolutions.com", 5],
-            ["https://greenleafconsult.com", 3],
-            ["blueskymarketing.net", 2],
-            ["quantumdynamics.org", 4]
+            ["greenleafconsult.com", 3],
+            ["blueskymarketing.net", 4],
+            ["quantumdynamics.org", 6]
         ],
-        inputs=[website_input, max_results]
+        inputs=[website_input, max_results],
+        label="🎯 Sample Corporate Searches"
     )
+    
+    # Footer
+    gr.HTML("""
+    <div style="text-align: center; padding: 30px 20px; background: linear-gradient(135deg, #64748b 0%, #475569 100%); color: white; border-radius: 15px; margin-top: 30px;">
+        <h3 style="margin: 0 0 10px 0;">KWEKEL CONTACT INTELLIGENCE PLATFORM</h3>
+        <p style="margin: 0; opacity: 0.9;">Professional-grade corporate contact discovery and lead generation technology</p>
+        <p style="margin: 10px 0 0 0; font-size: 0.9em; opacity: 0.7;">Powered by advanced web intelligence algorithms</p>
+    </div>
+    """)
 
 if __name__ == "__main__":
     app.launch()