Update app.py

app.py

@@ -49,48 +49,32 @@ def generate_plant_info(plant_name, language):
     output = generator(messages)
     return output[0]["generated_text"]
 
-# Create Gradio interface with enhancements
-custom_css = """
-body {
-    font-family: Arial, sans-serif;
-    background-color: #f9f9f9;
-}
-.gri-container {
-    border-radius: 10px;
-    background-color: #fff;
-    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
-}
-.gri-button {
-    background-color: #4CAF50;
-    color: white;
-}
-.gri-button:hover {
-    background-color: #45a049;
-}
-"""
+# Create Gradio interface with green theme
+with gr.Blocks(theme="soft") as demo:
+    gr.Markdown("<h1 style='text-align: center; color: #2E8B57;'>🌿 AI Plant Guide - English & Arabic 🌿</h1>")
+    gr.Markdown("<p style='text-align: center; font-size: 18px;'>Enter a plant name, and AI will provide detailed information about it in English or Arabic.</p>")
 
-demo = gr.Interface(
-    fn=generate_plant_info,
-    inputs=[
-        gr.Textbox(placeholder="Enter plant name (e.g., Lavender, Aloe Vera)...", label="Plant Name"),
-        gr.Dropdown(
-            choices=["English", "Arabic"],
-            label="Choose Language",
-            value="English"
-        )
-    ],
-    outputs=gr.Textbox(label="Plant Information"),
-    title="🌿 AI Plant Guide - English & Arabic 🌿",
-    description="Enter a plant name, and AI will provide detailed information about it in English or Arabic.",
-    examples=[
-        ["Lavender", "English"],
-        ["اللافندر", "Arabic"],
-        ["Tulip", "English"],
-        ["الصبار", "Arabic"]
-    ],
-    theme="default",
-    css=custom_css,  # Add custom CSS here
-)
+    language_selector = gr.Radio(["English", "Arabic"], label="🌍 Choose Language", value="English")
 
-demo.launch(share=True)  # Launch the interface without css parameter
+    plant_name_input = gr.Textbox(placeholder="Enter plant name (e.g., Lavender, Aloe Vera)...", label="📋 Plant Name")
+    output_text = gr.Textbox(label="🔍 Plant Information", interactive=False)
 
+    classify_button = gr.Button("🔍 Get Plant Info", variant="primary", elem_id="classify_button")
+
+    classify_button.click(generate_plant_info, inputs=[plant_name_input, language_selector], outputs=output_text)
+
+    gr.Markdown("<h2 style='text-align: center;'>🌼 Try Examples 🌼</h2>")
+    example_plants = [("Lavender", "English"), ("اللافندر", "Arabic"), ("Tulip", "English"), ("الصبار", "Arabic")]
+
+    with gr.Row():
+        for plant, lang in example_plants:
+            example_button = gr.Button(f"🌿 {plant}", variant="primary", elem_id="example_button")
+
+            def process_example(plant=plant, lang=lang):
+                return generate_plant_info(plant, lang)
+
+            example_button.click(process_example, inputs=[], outputs=output_text)
+
+# Run the application
+if __name__ == "__main__":
+    demo.launch(share=True)