Update app.py

app.py

@@ -41,4 +41,67 @@ def get_top_chunks(query, chunk_embeddings, text_chunks):
     for i in top_indices:
         top_chunks.append(text_chunks[i])
     
-    return top_chunks
+    return top_chunks
+
+def display_iframe():
+    return iframe
+def display_image():
+    return "https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExZzdqMnkzcWpjbGhmM3hzcXp0MGpuaTF5djR4bjBxM3Biam5zbzNnMCZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9cw/GxMnTi3hV3qaIgbgQL/giphy.gif"
+theme = gr.themes.Monochrome(
+    primary_hue="amber", #okay this did NOT work lmaoo
+    secondary_hue="rose",
+).set(
+    background_fill_primary='#CBE9A2',  # BACKGROUND
+    background_fill_primary_dark='#768550',
+    background_fill_secondary='#768550',  # BUTTON HOVER
+    background_fill_secondary_dark='#99a381', #LOADING BAR
+    border_color_accent='#768550',
+    border_color_accent_dark='#768550',
+    border_color_accent_subdued='#768550',
+    border_color_primary='#03a9f4',
+    block_border_color='#b3e5fc',
+    button_primary_background_fill='#768550',
+    button_primary_background_fill_dark='#768550'
+)
+
+iframe = '''
+<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d193595.2528001417!2d-74.1444872802558!3d40.69763123330436!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x89c24fa5d33f083b%3A0xc80b8f06e177fe62!2sNew%20York%2C%20NY!5e0!3m2!1sen!2sus!4v1722483445443!5m2!1sen!2sus" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
+'''
+
+
+# Define the welcome message and specific topics the chatbot can provide information about
+welcome_message = """
+# 🌱 Welcome to GreenGuide!
+## Your AI-driven assistant for all eco-friendly travel-related queries in NYC. Created by Eva, Amy, and Ambur of the 2024 Kode With Klossy NYC AI/ML Camp. 
+## ... and updated by Ambur for the virtual 2026 KWK AI/ML IA Camp!
+### wow, what a lot of acronyms!
+"""
+
+topics = """
+### Feel free to ask me anything things to do in the city!
+- Hotels (affordable, luxury)
+- Restaurants (regular, vegetarian, vegan)
+- Parks & Gardens
+- Thrift Stores
+- Attractions
+"""
+
+# Setup the Gradio Blocks interface with custom layout components
+with gr.Blocks(theme=theme) as demo:
+    gr.Image("header2.png", show_label = False, show_share_button = False, show_download_button = False) #CHANGE !!
+    gr.Markdown(welcome_message)  # Display the formatted welcome message
+    with gr.Row():
+        with gr.Column():
+            gr.Markdown(topics)  # Show the topics on the left side
+    with gr.Row():
+        with gr.Column():
+            question = gr.Textbox(label="Your question", placeholder="What do you want to ask about?")
+            answer = gr.Textbox(label="GreenGuide Response", placeholder="GreenGuide will respond here...", interactive=False, lines=10)
+            submit_button = gr.Button("Submit")
+            submit_button.click(fn=query_model, inputs=question, outputs=answer)
+
+    gr.HTML(iframe)
+    
+
+# Launch the Gradio app to allow user interaction
+demo.launch()