Update app.py

app.py

@@ -4,10 +4,18 @@ import gradio as gr
 from components.auth import register, login, logout
 from components.predict import predict
 
-# --- UI Layout and Theming ---
-theme = gr.themes.Soft(primary_hue="blue", secondary_hue="sky")
-
-with gr.Blocks(title="Diabetech Predict", theme=theme, css=".gradio-container {max-width: 960px !important}") as demo:
+# --- 1. New Theme and Style ---
+# We are using the "Glass" theme for a modern, clean look.
+# Custom CSS is added to center the content and give it a max-width for better readability on large screens.
+theme = gr.themes.Glass(
+    primary_hue="teal",
+    secondary_hue="sky",
+    neutral_hue="slate"
+).set(
+    body_background_fill='linear-gradient(to right, #F0F8FF, #E6E6FA)',
+)
+
+with gr.Blocks(title="Diabetech Predict", theme=theme, css=".gradio-container {max-width: 1000px; margin: auto;}") as demo:
 
     # A state object to hold the user's session information
     user_state = gr.State({"email": None, "logged_in": False})
@@ -16,8 +24,9 @@ with gr.Blocks(title="Diabetech Predict", theme=theme, css=".gradio-container {m
     with gr.Row(equal_height=False):
         with gr.Column(scale=4):
             gr.Markdown("# 🩺 Welcome to Diabetech Predict")
+            gr.Markdown("#### Your Proactive Partner in Health Awareness")
         
-        with gr.Column(scale=1):
+        with gr.Column(scale=1, min_width=200):
             login_status_display = gr.Textbox(
                 label="Current User",
                 value="Not logged in",
@@ -28,35 +37,58 @@ with gr.Blocks(title="Diabetech Predict", theme=theme, css=".gradio-container {m
     # --- Main Tabs ---
     with gr.Tabs():
 
-        # --- Homepage Tab ---
+        # --- 2. New Homepage Tab with Richer Content ---
         with gr.TabItem("Home"):
-            gr.Markdown("## Your Personal Diabetes Risk Forecaster")
+            gr.Markdown("## Understand Your Diabetes Risk, Privately and Securely")
             gr.Markdown(
                 """
-                **Diabetech Predict** uses a machine learning model to help you assess your risk of diabetes based on key health indicators.
-                
-                ### How It Works:
-                1.  **Sign Up & Login:** Go to the 'Login / Signup' tab to create a secure account. Your password must be at least 6 characters long.
-                2.  **Navigate to Prediction:** Once logged in, go to the 'Prediction' tab.
-                3.  **Enter Health Data & Predict:** Input your health metrics to get an instant risk assessment. Your results are logged privately to your account.
-                
-                *Disclaimer: This tool is for informational purposes only and is not a substitute for professional medical advice.*
+                **Diabetech Predict is a free, confidential tool designed to help you understand your potential risk factors for type 2 diabetes.** 
+                By using a machine learning model, our application provides an instant analysis based on key health metrics. This is not a diagnosis, but an educational first step to empower you on your health journey.
                 """
             )
+            gr.Markdown("---")
+            
+            with gr.Row():
+                with gr.Column():
+                    gr.Markdown("### Why Use Diabetech Predict?")
+                    gr.Markdown(
+                        """
+                        *   **📈 Gain Insight:** Learn how different health factors like Glucose levels and BMI contribute to your risk profile.
+                        *   **🧠 Promote Awareness:** Being aware of potential risks is the first step towards preventive care and healthier lifestyle choices.
+                        *   **🔒 Completely Private:** Your data is your own. With our secure login system, your prediction history is tied to your account and is never shared.
+                        """
+                    )
+                with gr.Column():
+                    gr.Markdown("### How It Works")
+                    gr.Markdown(
+                        """
+                        1.  **Create Your Secure Account:** Use the 'Login / Signup' tab to create a free, private account.
+                        2.  **Enter Your Health Metrics:** Navigate to the 'Prediction' tab and input your information into the provided fields.
+                        3.  **Receive Your Instant Analysis:** Our model will provide an immediate risk assessment based on the data you provided.
+                        """
+                    )
+
+            gr.Markdown("### An Important Note on Your Health")
+            gr.Markdown(
+                """
+                **Disclaimer:** This tool is for informational and educational purposes **only**. 
+                The prediction it provides is not a medical diagnosis. Please consult with a qualified healthcare professional for any health concerns, diagnosis, or before making any decisions related to your health.
+                """
+            )
+
 
-        # --- Authentication Tab ---
+        # --- Authentication Tab (No changes here) ---
         with gr.TabItem("Login / Signup"):
             auth_message = gr.Markdown() 
             with gr.Row():
                 with gr.Column(scale=1):
                     gr.Markdown("### Sign Up")
                     email_signup = gr.Textbox(label="Email", placeholder="Enter your email")
-                    # THIS IS THE MODIFIED LINE
                     pwd_signup = gr.Textbox(
                         label="Password",
                         type="password",
                         placeholder="Create a password",
-                        info="Must be at least 6 characters long." # <-- ADDED HINT
+                        info="Must be at least 6 characters long."
                     )
                     signup_btn = gr.Button("Sign Up", variant="primary")
                 
@@ -68,7 +100,7 @@ with gr.Blocks(title="Diabetech Predict", theme=theme, css=".gradio-container {m
 
             logout_btn = gr.Button("Logout")
 
-        # --- Prediction Tab ---
+        # --- Prediction Tab (No changes here) ---
         with gr.TabItem("Prediction"):
             with gr.Row():
                 with gr.Column():