added dropdown and customizing the layout with blocks

app.py

@@ -113,5 +113,34 @@ def get_top_chunks(query, chunk_embeddings, text_chunks):
   # Return the list of most relevant chunks
   return top_chunks
 
+# theme
+custom_theme = gr.themes.Ocean(
+    primary_hue="yellow",
+    secondary_hue="yellow", 
+    neutral_hue="rose",
+    spacing_size="lg",
+    radius_size="lg",
+    text_size="lg",
+    font=[gr.themes.GoogleFont("Intel One Mono"), "serif"],
+)
+
+  about_text = """
+    ## About this bot  
+    Our bot will tell how to care for your dog's nutrition.  
+    Use the chat box on the right to try it out!"""
+
+with gr.Blocks(theme=custom_theme) as chatbot:
+    with gr.Row(scale=3):
+        with gr.Column(scale=1):
+            with gr.Row():
+                level = gr.Dropdown(
+                    ["Small", "Medium", "Large"], label="Dog Size", info="What is your dog's size?"
+                )
+                
+        #with gr.Column(scale=1):
+            #gr.Markdown(about_text)
+
+        #with gr.Column(scale=2):
+            #gr.ChatInterface(echo)
 
 chatbot.launch()