Update app.py

app.py

@@ -2,144 +2,123 @@ import gradio as gr
 import cv2
 import numpy as np
 
-# ---------- LOGIC ---------- #
+# ---------------- FUNCTIONS ---------------- #
 
 def diamond_price(carat):
-    price = int(carat * 88000)
-    return f"💎 Estimated Diamond Price: ₹{price:,}"
+    price = int(carat * 85000)
+    return f"Estimated Diamond Price: ₹{price:,}"
 
 def face_detect(image):
+    if image is None:
+        return None
+
     gray = cv2.cvtColor(image, cv2.COLOR_BGR2GRAY)
     face_cascade = cv2.CascadeClassifier(
         cv2.data.haarcascades + "haarcascade_frontalface_default.xml"
     )
     faces = face_cascade.detectMultiScale(gray, 1.3, 5)
+
     for (x, y, w, h) in faces:
-        cv2.rectangle(image, (x,y), (x+w,y+h), (255,100,100), 2)
+        cv2.rectangle(image, (x, y), (x + w, y + h), (0, 180, 255), 2)
+
     return image
 
-# ---------- CREATIVE LIGHT CSS ---------- #
+# ---------------- CREATIVE SAFE CSS ---------------- #
 
 css = """
 body {
-  background: radial-gradient(circle at top left, #dbeafe, transparent 40%),
-              radial-gradient(circle at bottom right, #fce7f3, transparent 40%),
-              linear-gradient(120deg, #f8fafc, #eef2ff);
-  color: #0f172a;
-  font-family: 'Poppins', 'Segoe UI', sans-serif;
-}
-
-.hero {
-  background: linear-gradient(135deg, #6366f1, #ec4899);
-  color: white;
-  padding: 35px;
-  border-radius: 24px;
-  box-shadow: 0 20px 40px rgba(99,102,241,0.35);
-  margin-bottom: 30px;
-}
-
-.hero h1 {
-  font-size: 38px;
-  margin-bottom: 5px;
+    background: linear-gradient(120deg, #fdf2f8, #eef2ff, #ecfeff);
+    font-family: 'Segoe UI', sans-serif;
+    color: #1e293b;
 }
 
-.hero p {
-  font-size: 16px;
-}
-
-.card {
-  background: white;
-  border-radius: 20px;
-  padding: 22px;
-  box-shadow: 0 15px 35px rgba(15,23,42,0.12);
-  margin-bottom: 22px;
-  transition: all 0.3s ease;
-}
-
-.card:hover {
-  transform: translateY(-6px);
-  box-shadow: 0 25px 50px rgba(99,102,241,0.25);
+h1 {
+    color: #4338ca;
 }
 
 h2 {
-  color: #4338ca;
+    color: #0f172a;
 }
 
-h3 {
-  color: #334155;
+.card {
+    background: white;
+    border-radius: 16px;
+    padding: 20px;
+    box-shadow: 0 12px 30px rgba(0,0,0,0.08);
+    margin-bottom: 20px;
 }
 
 .gr-button {
-  background: linear-gradient(135deg, #6366f1, #ec4899);
-  color: white;
-  border-radius: 16px;
-  font-weight: 600;
+    background: linear-gradient(135deg, #6366f1, #ec4899);
+    color: white;
+    border-radius: 14px;
+    font-weight: 600;
 }
 
 .gr-button:hover {
-  box-shadow: 0 10px 25px rgba(236,72,153,0.45);
+    box-shadow: 0 8px 20px rgba(236,72,153,0.35);
 }
 """
 
-# ---------- UI ---------- #
+# ---------------- UI ---------------- #
 
 with gr.Blocks(css=css, title="Simranpreet Kaur | AI Portfolio") as demo:
 
     gr.Markdown("""
-    <div class="hero">
-      <h1>Simranpreet Kaur</h1>
-      <p><b>AI • Machine Learning • Computer Vision</b></p>
-      <p>Building intelligent systems with creativity & impact</p>
-      <p>📍 Fatehgarh Sahib, Punjab | 📧 spreetkaur937@gmail.com</p>
+    <div class="card">
+    <h1>Simranpreet Kaur</h1>
+    <p><b>AI • Machine Learning • Computer Vision</b></p>
+    <p>📍 Fatehgarh Sahib, Punjab</p>
+    <p>📧 spreetkaur937@gmail.com</p>
     </div>
     """)
 
     gr.Markdown("""
     <div class="card">
-      <h2>About Me</h2>
-      <p>
-      I am a <b>B.Tech Computer Science (2022–2026)</b> student passionate about
-      <b>Artificial Intelligence, Machine Learning, and Computer Vision</b>.
-      I love creating <b>modern, interactive, and real-world AI applications</b>.
-      </p>
+    <h2>About Me</h2>
+    <p>
+    B.Tech Computer Science (2022–2026) student passionate about building
+    intelligent and practical AI systems including prediction models and
+    real-time computer vision applications.
+    </p>
     </div>
     """)
 
     with gr.Tabs():
 
         with gr.Tab("💎 Diamond Price Prediction"):
-            gr.Markdown("<div class='card'><h3>Diamond Price Prediction</h3><p>ML-based prediction using diamond features.</p></div>")
-            carat = gr.Slider(0.1, 5.0, step=0.1, label="Diamond Carat")
-            out = gr.Textbox(label="Predicted Price")
-            carat.change(diamond_price, carat, out)
+            gr.Markdown("<div class='card'><h3>Diamond Price Prediction</h3></div>")
+            carat = gr.Slider(0.1, 5.0, step=0.1, label="Carat")
+            output = gr.Textbox(label="Predicted Price")
+            carat.change(diamond_price, carat, output)
 
         with gr.Tab("🧑 Face Detection"):
-            gr.Markdown("<div class='card'><h3>Face Detection</h3><p>Real-time face detection using OpenCV.</p></div>")
-            img = gr.Image(type="numpy")
-            out_img = gr.Image()
-            img.change(face_detect, img, out_img)
+            gr.Markdown("<div class='card'><h3>Face Detection</h3></div>")
+            img = gr.Image(type="numpy", label="Upload Image")
+            out = gr.Image(label="Detected Faces")
+            img.change(face_detect, img, out)
 
         with gr.Tab("🔊 Text to Speech"):
-            gr.Markdown("<div class='card'><h3>Text to Speech</h3><p>Convert written text into natural voice.</p></div>")
-            gr.Textbox(label="Enter text")
+            gr.Markdown("<div class='card'><h3>Text to Speech</h3></div>")
+            gr.Textbox(label="Enter text (demo description only)")
 
         with gr.Tab("📊 Stock Market Analysis"):
             gr.Markdown("""
             <div class="card">
-              <h3>Stock Market Analysis</h3>
-              <ul>
-                <li>Trend Detection</li>
-                <li>Pattern Analysis</li>
-                <li>Data-driven Insights</li>
-              </ul>
+            <h3>Stock Market Analysis</h3>
+            <ul>
+              <li>Trend Analysis</li>
+              <li>Pattern Recognition</li>
+              <li>Data Visualization</li>
+            </ul>
             </div>
             """)
 
     gr.Markdown("""
     <div class="card">
-      <h3>Contact</h3>
-      <p><b>Email:</b> spreetkaur937@gmail.com</p>
-      <p>⭐ Hosted on Hugging Face Spaces</p>
+    <h3>Contact</h3>
+    <p>Email: <b>spreetkaur937@gmail.com</b></p>
+    <p>Hosted on Hugging Face Spaces</p>
     </div>
     """)