Update Home.py

Home.py

@@ -7,19 +7,20 @@ st.markdown("""
     <style>
     @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;600&display=swap');
+    
     body {
         background: linear-gradient(135deg, #1e1e2f, #2a2a3b);
         font-family: 'Poppins', sans-serif;
         color: white;
     }
     
-    /* Header Styling */
     h1, h2, h3 {
         text-align: center;
-        color: #00FFFF;  /* Bright Cyan */
+        color: #00FFFF;
         text-shadow: 0px 0px 12px rgba(0, 255, 255, 1), 
                      0px 0px 20px rgba(0, 128, 255, 0.8);
     }
+    
     .custom-subheader {
         color: #00FFFF;
         font-family: 'Roboto', sans-serif;
@@ -28,7 +29,7 @@ st.markdown("""
         margin-bottom: 15px;
         text-align: center;
     }
-    /* Section Background */
+    
     .section {
         background: rgba(255, 255, 255, 0.1);
         padding: 20px;
@@ -36,7 +37,7 @@ st.markdown("""
         margin-bottom: 30px;
         box-shadow: 0px 4px 12px rgba(0, 255, 255, 0.2);
     }
-    /* Glowing Button */
+    
     .glow-button {
         background: linear-gradient(90deg, #00FFFF, #00CCFF);
         border: none;
@@ -52,10 +53,12 @@ st.markdown("""
         font-size: 16px;
         margin: 10px 5px;
     }
+    
     .glow-button:hover {
         transform: scale(1.1);
         box-shadow: 0px 0px 20px rgba(0, 255, 255, 1);
     }
+
     .button-container {
         text-align: center;
         margin-top: 15px;
@@ -64,11 +67,10 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
-
 # Title
 st.markdown("<h1 class='custom-subheader'>🏏 Crick-o-Meter: Unleashing Data-Driven Cricket Insights! 📊🔥</h1>", unsafe_allow_html=True)
 
-# Lottie Animation
+# Load Lottie Animation
 @st.cache_data
 def load_lottie_url(url: str):
     response = requests.get(url)
@@ -77,7 +79,11 @@ def load_lottie_url(url: str):
     return response.json()
 
 lottie_animation = load_lottie_url("https://lottie.host/6e182649-61a6-4683-8680-5493855ac08a/G0pStmcS8T.json")
-st_lottie(lottie_animation, height=200, key="cricket")
+
+if lottie_animation:
+    st_lottie(lottie_animation, height=200, key="cricket")
+else:
+    st.error("⚠️ Failed to load animation. Please check your internet connection.")
 
 # About the App
 st.markdown('<div class="section">', unsafe_allow_html=True)
@@ -106,12 +112,12 @@ st.markdown('</div>', unsafe_allow_html=True)
 st.markdown('<div class="section">', unsafe_allow_html=True)
 st.markdown("<h2 class='custom-subheader'>📞 Contact Me</h2>", unsafe_allow_html=True)
 
-# Button Section (Now Centered with Space)
+# Buttons with Links
 st.markdown('<div class="button-container">', unsafe_allow_html=True)
 st.markdown("""
-[<button class="glow-button">LinkedIn</button>](https://www.linkedin.com/in/dommeti-thoran-raj-692769191/)  
-[<button class="glow-button">GitHub</button>](https://github.com/raj2216)  
-[<button class="glow-button">Email</button>](mailto:rajbunny2216@gmail.com)  
+<a href="https://www.linkedin.com/in/dommeti-thoran-raj-692769191/" target="_blank"><button class="glow-button">LinkedIn</button></a>
+<a href="https://github.com/raj2216" target="_blank"><button class="glow-button">GitHub</button></a>
+<a href="mailto:rajbunny2216@gmail.com"><button class="glow-button">Email</button></a>
 """, unsafe_allow_html=True)
-st.markdown('</div>', unsafe_allow_html=True
+st.markdown('</div>', unsafe_allow_html=True)