Update app.py

app.py

@@ -52,16 +52,75 @@ with gr.Blocks() as demo:
         inputs=[year, cylinders, displ, make, trany, fuel, vclass],
         outputs=result
     )
-from flask import Flask, render_template
+import gradio as gr
+
+profile_card = """
+<div class="profile-card">
+  <img src="https://huggingface.co/spaces/Aaron006/Aaron/resolve/main/Picsart_25-04-15_20-22-25-802.jpg" class="avatar" />
+  <h2 class="name">Aaron</h2>
+  <p class="title">Machine Learning Explorer</p>
+  <a href="https://www.linkedin.com/in/aaron-alex-mathew/" target="_blank" class="linkedin-btn">💼 Connect on LinkedIn</a>
+</div>
+"""
+
+custom_css = """
+body {
+  background: #0f0f1a;
+  font-family: sans-serif;
+}
+
+.profile-card {
+  width: 300px;
+  margin: auto;
+  text-align: center;
+  padding: 20px;
+  border-radius: 20px;
+  background: linear-gradient(145deg, #2c2f4a, #1b1c30);
+  box-shadow: 0 0 30px rgba(0,255,255,0.2);
+  transition: transform 0.3s ease-in-out;
+}
+
+.profile-card:hover {
+  transform: scale(1.05);
+  box-shadow: 0 0 40px rgba(0,255,255,0.4);
+}
+
+.avatar {
+  width: 120px;
+  height: 120px;
+  object-fit: cover;
+  border-radius: 50%;
+  border: 3px solid rgba(255,255,255,0.2);
+  margin-bottom: 10px;
+}
+
+.name {
+  font-size: 24px;
+  color: #ffffff;
+  margin: 6px 0;
+}
 
-app = Flask(__name__)
+.title {
+  font-size: 14px;
+  color: #ccc;
+  margin-bottom: 20px;
+}
 
-@app.route("/")
-def home():
-    return render_template("profile_card.html")
+.linkedin-btn {
+  padding: 10px 16px;
+  background-color: #0077b5;
+  color: white;
+  border-radius: 8px;
+  text-decoration: none;
+  font-weight: bold;
+}
 
-if __name__ == "__main__":
-    app.run(debug=True)
+.linkedin-btn:hover {
+  background-color: #005580;
+}
+"""
 
+with gr.Blocks(css=custom_css) as demo:
+    gr.HTML(profile_card)
 
 demo.launch()