Update app.py

app.py

@@ -49,23 +49,64 @@ def explain_image_with_vlm(image):
         return f"Error: {response.status_code} - {response.text}"
 
 # Streamlit UI
-st.title("📸 AI-Powered Image Explainer")
-st.subheader("Capture an image and let the AI explain it!")
+st.set_page_config(page_title="🔮 AI Vision: Image Insights", layout="wide")
 
-# Camera input
-img_file_buffer = st.camera_input("Take a picture")
+# Header section with futuristic visuals
+st.markdown(
+    """
+    <style>
+    .main-header {
+        text-align: center;
+        font-size: 2.5rem;
+        color: #00FFFF;
+        font-family: 'Courier New', monospace;
+        text-shadow: 0px 0px 8px #00FFFF;
+        margin-bottom: 20px;
+    }
+    .sub-header {
+        text-align: center;
+        font-size: 1.5rem;
+        color: #FFD700;
+        font-family: 'Courier New', monospace;
+        margin-bottom: 40px;
+    }
+    </style>
+    <div class="main-header">🔮 Welcome to AI Vision: The Future of Image Insights</div>
+    <div class="sub-header">Where Images Come to Life with AI-Powered Explanations</div>
+    """,
+    unsafe_allow_html=True
+)
+
+# Sidebar for additional futuristic customization
+st.sidebar.title("🔧 Settings")
+image_format = st.sidebar.radio("Select Image Format:", ["PNG", "JPEG"], index=0)
+explanation_length = st.sidebar.slider("Explanation Length (words):", min_value=5, max_value=20, value=10)
+
+def styled_header(header_text):
+    return f"<h3 style='color:#7FFF00;'>{header_text}</h3>"
+
+# Main Camera Input Section
+img_file_buffer = st.camera_input("🚀 Capture Your Image Here")
 
 if img_file_buffer:
     # Display captured image
     image = Image.open(img_file_buffer)
+    st.markdown(styled_header("📸 Your Captured Image:"), unsafe_allow_html=True)
     st.image(image, caption="Captured Image", use_column_width=True)
 
-    st.subheader("🔍 Image Explanation")
-    with st.spinner("Analyzing image..."):
+    st.markdown(styled_header("🤖 Image Analysis:"), unsafe_allow_html=True)
+    with st.spinner("🔍 The AI is analyzing your image. Please wait..."):
         explanation = explain_image_with_vlm(image)
-        st.success("Analysis Complete!")
-        st.write(f"**Explanation:** {explanation}")
+        st.success("✨ Analysis Complete!")
+        st.write(f"**AI Insight:** {explanation}")
 
-st.info(
-    "Developed by : DataScienceProF"
+# Footer
+st.markdown(
+    """
+    <footer style="text-align: center; margin-top: 50px;">
+        <hr style="border: 1px solid #00FFFF;">
+        <p style="font-family: 'Courier New', monospace; color: #AAAAAA;">Developed by: <b>DataScienceProF</b> | <i>Empowering the Future</i></p>
+    </footer>
+    """,
+    unsafe_allow_html=True
 )