Update app.py

app.py

@@ -1,59 +1,17 @@
-import gradio as gr
+import streamlit as st
 
 # Function to greet the user
 def greet(name):
-    return f"Hello, {name}!"
+    return f"Hi, {name}! Welcome to the cute greeting app! 🌸"
 
+# Streamlit interface
+st.title("Cute Greeting App")
+st.write("Enter your name below to get a cute greeting!")
 
-css = """ 
-.gradio-container {
-    background-color: #c48fc4;  /* Pink background */
-    font-family: "Gradio";  /* Fun font */
-    text-align: center;
-}
-
-.gradio-button {
-        background-color: #FF66B2;  /* Pink button */
-        color: white;
-        font-size: 18px;
-        padding: 15px;
-        border-radius: 10px;
-        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-    }
-    .gradio-button:hover {
-        background-color: #FF3385;  /* Lighter pink on hover */
-    }
-    .gradio-input textarea {
-        background-color: #FFCCE5;  /* Light pink input box */
-        border-radius: 10px;
-        border: 2px solid #FF66B2;
-        padding: 10px;
-        font-size: 16px;
-    }
-    .gradio-input textarea:focus {
-        border-color: #FF3385;  /* Focus effect for the input box */
-    }
-    .gradio-output {
-        background-color: #FFF0F6;  /* Soft pink background for output */
-        border-radius: 10px;
-        padding: 15px;
-        font-size: 18px;
-        color: #FF66B2;  /* Pink text for the response */
-    }
-    .gradio-interface {
-        padding-top: 30px;
-    }
-"""
-
-# Creating a Gradio interface
-demo = gr.Interface(
-    fn=greet, inputs="text", 
-    outputs="text", 
-    title="Cute Greeting App", 
-    description="This app greets the user with a fun message!", 
-    css=css
-)
-
-# Launch the app
-demo.launch()
+# Input field for the user's name
+name = st.text_input("What's your name?")
 
+# Display the greeting if a name is entered
+if name:
+    greeting = greet(name)
+    st.write(greeting)