| 202 | """ |
| 203 | |
| 204 | def render_suggestions(): |
| 205 | st.markdown("### Try asking about:") |
| 206 | |
| 207 | # Define your example queries |
| 208 | suggestions = [ |
| 209 | "Show me black dresses for a party", |
| 210 | "I'm looking for men's black t-shirts", |
| 211 | "What are the latest bridal collection designs?", |
| 212 | "Find me a casual black dress", |
| 213 | "Show me t-shirts for men", |
| 214 | "Can you suggest bridal wear?" |
| 215 | ] |
| 216 | |
| 217 | # Style for the container |
| 218 | st.markdown(""" |
| 219 | <style> |
| 220 | .suggestion-container { |
| 221 | display: flex; |
| 222 | flex-wrap: wrap; |
| 223 | gap: 10px; |
| 224 | margin-bottom: 20px; |
| 225 | } |
| 226 | </style> |
| 227 | """, unsafe_allow_html=True) |
| 228 | |
| 229 | cols = st.columns(3) |
| 230 | |
| 231 | for idx, suggestion in enumerate(suggestions): |
| 232 | col_idx = idx % 3 |
| 233 | with cols[col_idx]: |
| 234 | if st.button(suggestion, key=f"suggestion_{idx}", use_container_width=True): |
| 235 | # When button is clicked, set it as the query |
| 236 | st.session_state.query = suggestion |
| 237 | st.rerun() |
| 238 | |
| 239 | # Utitily function to render results in the chat interface |
| 240 | def render_results_section(response_data): |