rerank model

app.py

@@ -82,7 +82,7 @@ st.markdown("""
     font-size: 25px;
     color: #AAA;
     text-transform: uppercase;
-    border-bottom: 1px solid #444;
+    
     padding-bottom: 8px;
     margin-bottom: 12px;
     display: flex;
@@ -92,7 +92,7 @@ st.markdown("""
 }
 
 .card-text {
-    font-size: 28px;
+    font-size: 25px;
     font-weight: 500;
     flex-grow: 1;
     display: flex;
@@ -106,6 +106,7 @@ st.markdown("""
     opacity: 1;
     color: #e46e08;
     font-size: 28px;
+    font-weight: bold;
     transform: scale(1.2);  /* Optional: adds smooth grow effect */
     transition: all 0.3s ease-in-out;
 }
@@ -143,6 +144,8 @@ st.markdown("""
 
 
 
+
+
 # Header with logo and title
 col_logo, col_title = st.columns([32, 68])
 with col_logo:
@@ -160,31 +163,40 @@ with col1:
     st.markdown("""
         <a href="/Semantic_Search" target="_self" style="text-decoration: none;">
             <div class="card">
-                <div class="card-header">🔍</div>
-                <div class="card-text">AI Search</div>
+                <div class="card-header" style="font-size: 45px; margin-bottom: 10px;">🔍</div>
+                <div class="card-text" style="font-size: 25px; color: #e46e08; ">AI Search</div>
+                <div class="card-description" style="font-size: 14px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
+                    Explore ML search types, Re-ranking, Query rewriting and more on a retail dataset </div>
             </div>
         </a>
     """, unsafe_allow_html=True)
 
 
-
-
 with col2:
     st.markdown("""
         <a href="/Multimodal_Conversational_Search" target="_self" style="text-decoration: none;">
             <div class="card">
-                <div class="card-header">💬</div>
-                <div class="card-text">Multimodal RAG</div>
+                <div class="card-header" style="font-size: 45px; margin-bottom: 10px;">💬</div>
+                <div class="card-text" style="font-size: 25px; color: #e46e08; ">Multimodal RAG</div>
+                <div class="card-description" style="font-size: 14px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
+                    Explore Multimodal Conversational Search over complex PDFs (with tables, graphs etc) </div>
             </div>
         </a>
     """, unsafe_allow_html=True)
+st.markdown("""
+    </div>
+""", unsafe_allow_html=True)
+
+
 
 with col3:
     st.markdown("""
         <a href="/AI_Shopping_Assistant" target="_self" style="text-decoration: none;">
             <div class="card">
-                <div class="card-header">🛍️</div>
-                <div class="card-text">Agentic Shopping Assistant</div>
+                <div class="card-header" style="font-size: 45px; margin-bottom: 10px;">🧠💬</div>
+                <div class="card-text" style="font-size: 25px;  color: #e46e08;">Agentic RAG</div>
+                <div class="card-description" style="font-size: 14px; color: #ccc; margin-top: 6px;text-align: center;white-space: normal;">
+                    Explore how an AI agent in front of RAG enhances product search experience </div>
             </div>
         </a>
     """, unsafe_allow_html=True)
@@ -203,3 +215,14 @@ st.markdown("""
     </style>
 """, unsafe_allow_html=True)
 
+st.markdown("""
+    <style>
+    #home-page html, #home-page body, #home-page .main {
+        background: linear-gradient(135deg, #0d0d0d 0%, #1a1a1a 30%, #102132 100%);
+        height: 100vh;
+        overflow: hidden;
+        color: white;
+    }
+    </style>
+""", unsafe_allow_html=True)
+