Update app.py

app.py

@@ -69,7 +69,7 @@ with left_col:
 with right_col:
     st.image(SIDE_IMAGE, width=350)
 
-# CSS styling
+# Add custom CSS for image styling
 st.markdown("""
 <style>
 .stApp {
@@ -84,13 +84,38 @@ st.markdown("""
     color: black !important;
     background-color: yellow !important;
 }
-.stImage {
-    border-radius: 10px;
-    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
+.custom-image {
+    border-radius: 15px;
+    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+    margin: 10px 0;
+    transition: transform 0.3s ease;
+}
+.custom-image:hover {
+    transform: scale(1.02);
 }
 </style>
 """, unsafe_allow_html=True)
 
+# Add header image with custom styling
+st.image(HEADER_IMAGE, use_column_width=True, output_format="JPEG", clamp=True)
+
+# Create main layout with columns for better organization
+col1, col2 = st.columns([3, 1])
+
+with col1:
+    st.title("🌿 Dr. Radha: AI-Powered Organic Farming Consultant")
+    st.subheader("Specializing in Agro-Homeopathy | Free Consultation")
+
+with col2:
+    st.image(SIDE_IMAGE, caption="Medicinal Herbs", width=200)
+
+# Add information section with decorative middle image
+st.markdown("---")
+col1, col2, col3 = st.columns([1, 2, 1])
+with col2:
+    st.image(FOOTER_IMAGE, caption="Organic Solutions", width=300)
+
+
 st.markdown("""
 Please provide complete details about the issue, including:
 - Detailed description of plant problem