MasterBrand_ChatBot

Sleeping

App Files Files Community

Yordann commited on Sep 10, 2025

Commit

f99bbd2

verified ·

1 Parent(s): 3225e49

Update app.py

Browse files

Files changed (1) hide show

app.py +259 -353

app.py CHANGED Viewed

@@ -3,6 +3,7 @@ from transformers import pipeline
 from langdetect import detect
 from huggingface_hub import login
 import os
 login(token=os.getenv("chatbot"))
 generator = pipeline("text-generation", model="mistralai/Mistral-7B-Instruct-v0.1")
@@ -30,7 +31,7 @@ Your expertise is rooted in the principles taught by Masterbrand, which focuses
 2. Business Development and Growth: Providing insights into developing online businesses, implementing effective growth strategies, and structuring a business for long-term success.
 3. Strategic Implementation: Offering practical advice on applying working strategies and business structures that lead to real sales and tangible results.
 4. Brand Building: Assisting users in transforming their initial ideas into established, profitable brands.
-5. Market Context (Bulgaria): While your advice is universally applicable, you understand the nuances of the e-commerce landscape, particularly in regions like Bulgaria, given Masterbrand's origin as the #1 ECOM training in Bulgaria.
 6. Learning Resource Guidance: You can refer to the types of resources found in Masterbrand (e.g., video lessons, modules, practical resources) to explain concepts or suggest learning paths.
 Tone and Communication Style:
 Your communication should always be:
@@ -44,9 +45,9 @@ You should not provide financial or legal advice. Always recommend consulting wi
 Your knowledge is based on the principles of successful e-commerce as observed and taught by Masterbrand. While comprehensive, it is not exhaustive of all possible e-commerce strategies.
 Example Interaction Flow:
 User: "I want to start an online store, but I have no idea where to begin."
-Bot: "That's a fantastic goal! Many successful e-commerce brands started exactly where you are now. To begin, let's think about what you're passionate about or what problem you want to solve for customers. This will help us choose a niche. Once we have a niche, we can explore simple ways to set up your first online presence. What kind of products or services are you considering?"
 Integration with User Input:
-Always consider the user's specific input and tailor your advice accordingly. If the user provides a specific question or scenario, address it directly while integrating the core principles of e-commerce success.
 User said:
 {user_input_translated}
 Give simple, friendly, clear advice:
@@ -63,372 +64,247 @@ Give simple, friendly, clear advice:
     history.append({"role": "assistant", "content": response_text})
     chat_counter += 1
-    return history, history, chat_counter, "✅ Success", gr.update(value=''), gr.update(interactive=True)
 def reset_textbox():
-    return gr.update(value='', interactive=False), gr.update(interactive=False)
-# ==== Custom CSS ====
-custom_css = """
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>MasterBrand AI Assistant - Enhanced UI Demo</title>
-    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
-    <style>
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-            font-family: 'Inter', sans-serif;
-        }
-        body {
-            background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a1a1a 100%);
-            min-height: 100vh;
-            color: #ffffff;
-        }
-        .main-header {
-            background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #2a1a1a 100%);
-            padding: 3rem 0;
-            text-align: center;
-            border-bottom: 3px solid #00ff41;
-            margin-bottom: 2rem;
-            position: relative;
-            overflow: hidden;
-        }
-        .main-header::before {
-            content: '';
-            position: absolute;
-            top: 0;
-            left: 0;
-            right: 0;
-            bottom: 0;
-            background: radial-gradient(circle at 50% 50%, rgba(0, 255, 65, 0.1) 0%, transparent 70%);
-            pointer-events: none;
-        }
-        .logo-container {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            gap: 1rem;
-            margin-bottom: 1rem;
-        }
-        .logo-image {
-            width: 60px;
-            height: 60px;
-            border-radius: 12px;
-            box-shadow: 0 0 20px rgba(0, 255, 65, 0.3);
-            background: #00ff41;
-            padding: 8px;
-            animation: pulse 3s infinite;
-        }
-        @keyframes pulse {
-            0% { box-shadow: 0 0 20px rgba(0, 255, 65, 0.3); }
-            50% { box-shadow: 0 0 30px rgba(0, 255, 65, 0.6); }
-            100% { box-shadow: 0 0 20px rgba(0, 255, 65, 0.3); }
-        }
-        .main-header h1 {
-            font-size: 3.5rem;
-            font-weight: 900;
-            text-shadow: 0 0 30px rgba(0, 255, 65, 0.5);
-            background: linear-gradient(135deg, #ffffff 0%, #00ff41 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            margin: 0;
-        }
-        .main-header p {
-            color: #cccccc;
-            font-size: 1.3rem;
-            font-weight: 500;
-            margin-top: 0.5rem;
-        }
-        .subtitle {
-            font-size: 1rem;
-            color: #00ff41;
-            font-weight: 600;
-            margin-top: 1rem;
-        }
-        .container {
-            max-width: 1200px;
-            margin: 0 auto;
-            padding: 0 2rem;
-        }
-        .chatbot-container {
-            background: rgba(26, 26, 26, 0.95);
-            border: 2px solid #00ff41;
-            border-radius: 25px;
-            box-shadow: 0 15px 40px rgba(0, 255, 65, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
-            margin-bottom: 2rem;
-            backdrop-filter: blur(10px);
-            padding: 2rem;
-            min-height: 400px;
-        }
-        .chat-messages {
-            height: 350px;
-            overflow-y: auto;
-            margin-bottom: 1rem;
-            padding: 1rem;
-            background: rgba(42, 42, 42, 0.5);
-            border-radius: 15px;
-        }
-        .message {
-            background: rgba(42, 42, 42, 0.8);
-            border-radius: 15px;
-            margin: 0.5rem 0;
-            padding: 1rem;
-            border-left: 4px solid #00ff41;
-        }
-        .message.user {
-            background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%);
-            border-left: 4px solid #00ff41;
-            margin-left: 2rem;
-        }
-        .message.bot {
-            background: linear-gradient(135deg, #1a2a1a 0%, #2a3a2a 100%);
-            border-left: 4px solid #00cc33;
-            margin-right: 2rem;
-        }
-        .input-container {
-            position: relative;
-            margin-bottom: 1rem;
-        }
-        .input-container textarea {
-            background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%);
-            border: 2px solid #00ff41;
-            border-radius: 15px;
-            color: #ffffff;
-            font-size: 1.1rem;
-            padding: 1.2rem;
-            resize: none;
-            transition: all 0.3s ease;
-            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
-            width: 100%;
-            min-height: 80px;
-        }
-        .input-container textarea:focus {
-            border-color: #00ff41;
-            box-shadow: 0 0 25px rgba(0, 255, 65, 0.4), 0 5px 15px rgba(0, 0, 0, 0.3);
-            outline: none;
-            transform: translateY(-2px);
-        }
-        .input-container textarea::placeholder {
-            color: #888888;
-            font-style: italic;
-        }
-        .submit-button {
-            background: linear-gradient(135deg, #00ff41 0%, #00cc33 100%);
-            border: none;
-            border-radius: 15px;
-            color: #000000;
-            font-size: 1.2rem;
-            font-weight: 700;
-            padding: 1.2rem 2.5rem;
-            transition: all 0.3s ease;
-            box-shadow: 0 8px 20px rgba(0, 255, 65, 0.3);
-            text-transform: uppercase;
-            letter-spacing: 1px;
-            cursor: pointer;
-            width: 100%;
-        }
-        .submit-button:hover {
-            background: linear-gradient(135deg, #00cc33 0%, #00aa2a 100%);
-            transform: translateY(-3px);
-            box-shadow: 0 12px 30px rgba(0, 255, 65, 0.4);
-        }
-        .submit-button:active {
-            transform: translateY(-1px);
-        }
-        .footer {
-            text-align: center;
-            padding: 2rem;
-            color: #666666;
-            border-top: 1px solid #333333;
-            margin-top: 3rem;
-        }
-        .footer p {
-            margin: 0;
-            font-size: 0.9rem;
-        }
-        .footer .sub-text {
-            margin: 0.5rem 0 0 0;
-            font-size: 0.8rem;
-            color: #888888;
-        }
-        @media (max-width: 768px) {
-            .main-header h1 {
-                font-size: 2.5rem;
-            }
-            .main-header p {
-                font-size: 1.1rem;
-            }
-            .logo-image {
-                width: 50px;
-                height: 50px;
-            }
-            .container {
-                padding: 0 1rem;
-            }
-        }
-    </style>
-</head>
-<body>
-    <div class="main-header">
-        <div class="logo-container">
-            <div class="logo-image">🚀</div>
-            <h1>MASTERBRAND AI ASSISTANT</h1>
-        </div>
-        <p>Your Personal E-commerce Business Expert - Available in English & Bulgarian</p>
-        <p class="subtitle">
-            🚀 Powered by Advanced AI • 🌍 Multilingual Support • 💼 Expert Business Guidance
-        </p>
-    </div>
-    <div class="container">
-        <div class="chatbot-container">
-            <h3 style="margin-bottom: 1rem; color: #00ff41;">💬 Chat with MasterBrand AI</h3>
-            <div class="chat-messages" id="chatMessages">
-                <div class="message bot">
-                    <strong>MasterBrand AI:</strong> Welcome! I'm here to help you build and grow your e-commerce business. Whether you're just starting out or looking to scale, I can provide expert guidance on everything from product selection to marketing strategies. What would you like to know?
-                </div>
-            </div>
-            <div class="input-container">
-                <textarea id="userInput" placeholder="Ask me anything about your e-commerce business... 💡" rows="3"></textarea>
-            </div>
-            <button class="submit-button" onclick="sendMessage()">
-                🚀 Get Expert Advice
-            </button>
-        </div>
-    </div>
-    <div class="footer">
-        <p>© 2025 MasterBrand AI Assistant • Built with ❤️ for E-commerce Success</p>
-        <p class="sub-text">Empowering entrepreneurs worldwide with AI-driven business insights</p>
-    </div>
-    <script>
-        function sendMessage() {
-            const input = document.getElementById('userInput');
-            const messages = document.getElementById('chatMessages');
-            const userMessage = input.value.trim();
-            if (!userMessage) return;
-            // Add user message
-            const userDiv = document.createElement('div');
-            userDiv.className = 'message user';
-            userDiv.innerHTML = `<strong>You:</strong> ${userMessage}`;
-            messages.appendChild(userDiv);
-            // Clear input
-            input.value = '';
-            // Simulate AI response
-            setTimeout(() => {
-                const botDiv = document.createElement('div');
-                botDiv.className = 'message bot';
-                let response = '';
-                if (userMessage.toLowerCase().includes('start') || userMessage.toLowerCase().includes('begin')) {
-                    response = "Great question! Starting an e-commerce business is exciting. First, let's identify your niche - what products are you passionate about? Then we'll work on market research, setting up your online store, and creating a marketing strategy. What specific area interests you most?";
-                } else if (userMessage.toLowerCase().includes('marketing')) {
-                    response = "Marketing is crucial for e-commerce success! Focus on: 1) Social media presence (Instagram, Facebook, TikTok), 2) Content marketing (blogs, videos), 3) Email campaigns, 4) SEO optimization, and 5) Influencer partnerships. Which channel would you like to explore first?";
-                } else if (userMessage.toLowerCase().includes('product')) {
-                    response = "Product selection is key! Consider: 1) Market demand and trends, 2) Profit margins, 3) Competition analysis, 4) Your expertise and passion, 5) Shipping and storage requirements. Research tools like Google Trends and Amazon Best Sellers can help. What product category are you considering?";
-                } else {
-                    response = "I'm here to help with your e-commerce journey! Whether you need advice on starting your business, marketing strategies, product selection, or scaling operations, I can provide expert guidance based on proven Masterbrand principles. What specific challenge can I help you with today?";
-                }
-                botDiv.innerHTML = `<strong>MasterBrand AI:</strong> ${response}`;
-                messages.appendChild(botDiv);
-                // Scroll to bottom
-                messages.scrollTop = messages.scrollHeight;
-            }, 1000);
-            // Scroll to bottom
-            messages.scrollTop = messages.scrollHeight;
-        }
-        // Allow Enter key to send message
-        document.getElementById('userInput').addEventListener('keypress', function(e) {
-            if (e.key === 'Enter' && !e.shiftKey) {
-                e.preventDefault();
-                sendMessage();
-            }
-        });
-    </script>
-</body>
-</html>
 """
-# ==== Theme ====
-masterbrand_theme = gr.themes.Base(primary_hue="orange").set(
-    body_background_fill="#1a1a1a",
     body_text_color="#ffffff",
-    border_color_accent="#ff4d00",
-    button_primary_background_fill="#ff4d00",
-    button_primary_background_fill_hover="#ff6d20",
-    button_primary_text_color="#ffffff"
 )
-# ==== UI ====
 with gr.Blocks(theme=masterbrand_theme, css=custom_css, title="MasterBrand AI Assistant") as demo:
-    gr.HTML("""
     <div class="main-header">
-        <h1>🛍️ MASTERBRAND AI ASSISTANT</h1>
         <p>Your Personal E-commerce Business Expert - Available in English & Bulgarian</p>
     </div>
-    """)
     with gr.Row():
         with gr.Column(scale=1):
             chatbot = gr.Chatbot(
                 label="💬 Chat with MasterBrand AI",
-                height=400,
                 elem_classes=["chatbot-container"],
-                type="messages"
             )
             inputs = gr.Textbox(
-                placeholder="Ask me anything about your e-commerce business...",
                 label="Your Question",
-                lines=2,
-                elem_classes=["input-container"]
             )
             with gr.Row():
@@ -441,12 +317,41 @@ with gr.Blocks(theme=masterbrand_theme, css=custom_css, title="MasterBrand AI As
                 status_box = gr.Textbox(
                     label="Status",
                     interactive=False,
-                    elem_classes=["status-container"]
                 )
-    with gr.Accordion("⚙️ Advanced Settings", open=False):
-        top_p = gr.Slider(0.1, 1.0, value=0.9, step=0.05, label="🎯 Creativity (Top-p)", elem_classes=["slider-container"])
-        temperature = gr.Slider(0.1, 2.0, value=1.0, step=0.1, label="🌡️ Temperature", elem_classes=["slider-container"])
     # State
     state = gr.State([])
@@ -460,5 +365,6 @@ with gr.Blocks(theme=masterbrand_theme, css=custom_css, title="MasterBrand AI As
 # ==== Launch ====
 if __name__ == "__main__":
-    demo.queue(max_size=10).launch()

 from langdetect import detect
 from huggingface_hub import login
 import os
+import base64
 login(token=os.getenv("chatbot"))
 generator = pipeline("text-generation", model="mistralai/Mistral-7B-Instruct-v0.1")
 2. Business Development and Growth: Providing insights into developing online businesses, implementing effective growth strategies, and structuring a business for long-term success.
 3. Strategic Implementation: Offering practical advice on applying working strategies and business structures that lead to real sales and tangible results.
 4. Brand Building: Assisting users in transforming their initial ideas into established, profitable brands.
+5. Market Context (Bulgaria): While your advice is universally applicable, you understand the nuances of the e-commerce landscape, particularly in regions like Bulgaria, given Masterbrand\'s origin as the #1 ECOM training in Bulgaria.
 6. Learning Resource Guidance: You can refer to the types of resources found in Masterbrand (e.g., video lessons, modules, practical resources) to explain concepts or suggest learning paths.
 Tone and Communication Style:
 Your communication should always be:
 Your knowledge is based on the principles of successful e-commerce as observed and taught by Masterbrand. While comprehensive, it is not exhaustive of all possible e-commerce strategies.
 Example Interaction Flow:
 User: "I want to start an online store, but I have no idea where to begin."
+Bot: "That\'s a fantastic goal! Many successful e-commerce brands started exactly where you are now. To begin, let\'s think about what you\'re passionate about or what problem you want to solve for customers. This will help us choose a niche. Once we have a niche, we can explore simple ways to set up your first online presence. What kind of products or services are you considering?"
 Integration with User Input:
+Always consider the user\'s specific input and tailor your advice accordingly. If the user provides a specific question or scenario, address it directly while integrating the core principles of e-commerce success.
 User said:
 {user_input_translated}
 Give simple, friendly, clear advice:
     history.append({"role": "assistant", "content": response_text})
     chat_counter += 1
+    return history, history, chat_counter, "✅ Success", gr.update(value=\'\'), gr.update(interactive=True)
 def reset_textbox():
+    return gr.update(value=\'\', interactive=False), gr.update(interactive=False)
+# ==== Enhanced Custom CSS with Masterbrand Styling ====
+custom_css = f"""
+@import url(\'https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap\');
+* {{
+    font-family: \'Inter\', sans-serif !important;
+}}
+.gradio-container {{
+    background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #2a1a1a 100%) !important;
+    min-height: 100vh !important;
+}}
+.main-header {{
+    background: linear-gradient(135deg, #0a0a0a 0%, #1a0a0a 50%, #2a1a1a 100%) !important;
+    padding: 3rem 0 !important;
+    text-align: center !important;
+    border-bottom: 3px solid #ff0000 !important; /* Changed to red */
+    margin-bottom: 2rem !important;
+    position: relative !important;
+    overflow: hidden !important;
+}}
+.main-header::before {{
+    content: \'\';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: radial-gradient(circle at 50% 50%, rgba(255, 0, 0, 0.1) 0%, transparent 70%); /* Changed to red */
+    pointer-events: none;
+}}
+.logo-container {{
+    display: none; /* Removed logo */
+}}
+.main-header h1 {{
+    color: #ffffff !important;
+    font-size: 3.5rem !important;
+    font-weight: 900 !important;
+    text-shadow: 0 0 30px rgba(255, 0, 0, 0.5) !important; /* Changed to red */
+    background: linear-gradient(135deg, #ffffff 0%, #ff0000 100%); /* Changed to red */
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    margin: 0 !important;
+}}
+.main-header p {{
+    color: #cccccc !important;
+    font-size: 1.3rem !important;
+    font-weight: 500 !important;
+    margin-top: 0.5rem !important;
+}}
+.chatbot-container {{
+    background: rgba(26, 26, 26, 0.95) !important;
+    border: 2px solid #ff0000 !important; /* Changed to red */
+    border-radius: 25px !important;
+    box-shadow: 0 15px 40px rgba(255, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1) !important; /* Changed to red */
+    margin-bottom: 2rem !important;
+    backdrop-filter: blur(10px) !important;
+}}
+.chatbot-container .message {{
+    background: rgba(42, 42, 42, 0.8) !important;
+    border-radius: 15px !important;
+    margin: 0.5rem 0 !important;
+    padding: 1rem !important;
+    border-left: 4px solid #ff0000 !important; /* Changed to red */
+}}
+.input-container {{
+    position: relative !important;
+}}
+.input-container textarea {{
+    background: linear-gradient(135deg, #1a1a1a 0%, #2a2a2a 100%) !important;
+    border: 2px solid #ff0000 !important; /* Changed to red */
+    border-radius: 15px !important;
+    color: #ffffff !important;
+    font-size: 1.1rem !important;
+    padding: 1.2rem !important;
+    resize: none !important;
+    transition: all 0.3s ease !important;
+    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3) !important;
+}}
+.input-container textarea:focus {{
+    border-color: #ff0000 !important; /* Changed to red */
+    box-shadow: 0 0 25px rgba(255, 0, 0, 0.4), 0 5px 15px rgba(0, 0, 0, 0.3) !important; /* Changed to red */
+    outline: none !important;
+    transform: translateY(-2px) !important;
+}}
+.input-container textarea::placeholder {{
+    color: #888888 !important;
+    font-style: italic !important;
+}}
+.submit-button {{
+    background: linear-gradient(135deg, #ff0000 0%, #cc0000 100%) !important; /* Changed to red */
+    border: none !important;
+    border-radius: 15px !important;
+    color: #ffffff !important; /* Changed text color to white for contrast */
+    font-size: 1.2rem !important;
+    font-weight: 700 !important;
+    padding: 1.2rem 2.5rem !important;
+    transition: all 0.3s ease !important;
+    box-shadow: 0 8px 20px rgba(255, 0, 0, 0.3) !important; /* Changed to red */
+    text-transform: uppercase !important;
+    letter-spacing: 1px !important;
+}}
+.submit-button:hover {{
+    background: linear-gradient(135deg, #cc0000 0%, #aa0000 100%) !important; /* Changed to red */
+    transform: translateY(-3px) !important;
+    box-shadow: 0 12px 30px rgba(255, 0, 0, 0.4) !important; /* Changed to red */
+}}
+.submit-button:active {{
+    transform: translateY(-1px) !important;
+}}
+.accordion-container {{
+    background: rgba(26, 26, 26, 0.8) !important;
+    border: 1px solid #333333 !important;
+    border-radius: 15px !important;
+    margin-top: 2rem !important;
+}}
+.slider-container label {{
+    color: #ffffff !important;
+    font-weight: 600 !important;
+    font-size: 1rem !important;
+}}
+.slider-container input[type="range"] {{
+    accent-color: #ff0000 !important; /* Changed to red */
+}}
+.status-container textarea {{
+    background: transparent !important;
+    border: none !important;
+    color: #ff0000 !important; /* Changed to red */
+    font-weight: 600 !important;
+    text-align: center !important;
+}}
+.footer {{
+    display: none !important;
+}}
+/* Enhanced chat styling */
+.message.user {{
+    background: linear-gradient(135deg, #2a2a2a 0%, #3a3a3a 100%) !important;
+    border-left: 4px solid #ff0000 !important; /* Changed to red */
+    margin-left: 2rem !important;
+}}
+.message.bot {{
+    background: linear-gradient(135deg, #1a2a1a 0%, #2a3a2a 100%) !important;
+    border-left: 4px solid #cc0000 !important; /* Changed to red */
+    margin-right: 2rem !important;
+}}
+/* Responsive design */
+@media (max-width: 768px) {{
+    .main-header h1 {{
+        font-size: 2.5rem !important;
+    }}
+    .main-header p {{
+        font-size: 1.1rem !important;
+    }}
+}}
+/* Animation for logo */
+@keyframes pulse {{
+    0% {{ box-shadow: 0 0 20px rgba(255, 0, 0, 0.3); }}
+    50% {{ box-shadow: 0 0 30px rgba(255, 0, 0, 0.6); }}
+    100% {{ box-shadow: 0 0 20px rgba(255, 0, 0, 0.3); }}
+}}
+.logo-image {{
+    animation: none; /* Removed animation */
+}}
 """
+# ==== Enhanced Theme ====
+masterbrand_theme = gr.themes.Base(primary_hue="red").set( # Changed to red
+    body_background_fill="#0a0a0a",
     body_text_color="#ffffff",
+    border_color_accent="#ff0000", # Changed to red
+    button_primary_background_fill="#ff0000", # Changed to red
+    button_primary_background_fill_hover="#cc0000", # Changed to red
+    button_primary_text_color="#ffffff", # Changed text color to white for contrast
+    block_background_fill="#1a1a1a",
+    block_border_color="#333333"
 )
+# ==== Enhanced UI ====
 with gr.Blocks(theme=masterbrand_theme, css=custom_css, title="MasterBrand AI Assistant") as demo:
+    # Enhanced header with no logo
+    logo_html = f"""
     <div class="main-header">
+        <h1>MASTERBRAND AI ASSISTANT</h1>
         <p>Your Personal E-commerce Business Expert - Available in English & Bulgarian</p>
+        <p style="font-size: 1rem; color: #ff0000; font-weight: 600; margin-top: 1rem;"> /* Changed to red */
+            🚀 Powered by Advanced AI • 🌍 Multilingual Support • 💼 Expert Business Guidance
+        </p>
     </div>
+    """
+    gr.HTML(logo_html)
     with gr.Row():
         with gr.Column(scale=1):
             chatbot = gr.Chatbot(
                 label="💬 Chat with MasterBrand AI",
+                height=450,
                 elem_classes=["chatbot-container"],
+                type="messages",
+                show_label=True,
+                container=True,
+                show_copy_button=True
             )
             inputs = gr.Textbox(
+                placeholder="Ask me anything about your e-commerce business... 💡",
                 label="Your Question",
+                lines=3,
+                elem_classes=["input-container"],
+                show_label=True
             )
             with gr.Row():
                 status_box = gr.Textbox(
                     label="Status",
                     interactive=False,
+                    elem_classes=["status-container"],
+                    show_label=False
                 )
+    with gr.Accordion("⚙️ Advanced Settings", open=False, elem_classes=["accordion-container"]):
+        with gr.Row():
+            top_p = gr.Slider(
+                0.1, 1.0,
+                value=0.9,
+                step=0.05,
+                label="🎯 Creativity (Top-p)",
+                elem_classes=["slider-container"],
+                info="Higher values make responses more creative"
+            )
+            temperature = gr.Slider(
+                0.1, 2.0,
+                value=1.0,
+                step=0.1,
+                label="🌡️ Temperature",
+                elem_classes=["slider-container"],
+                info="Controls randomness in responses"
+            )
+    # Enhanced footer
+    gr.HTML("""
+    <div style="text-align: center; padding: 2rem; color: #666666; border-top: 1px solid #333333; margin-top: 3rem;">
+        <p style="margin: 0; font-size: 0.9rem;">
+            © 2025 MasterBrand AI Assistant • Built with ❤️ for E-commerce Success
+        </p>
+        <p style="margin: 0.5rem 0 0 0; font-size: 0.8rem; color: #888888;">
+            Empowering entrepreneurs worldwide with AI-driven business insights
+        </p>
+    </div>
+    """
+)
     # State
     state = gr.State([])
 # ==== Launch ====
 if __name__ == "__main__":
+    demo.queue(max_size=10).launch(server_name="0.0.0.0", server_port=7860)