Update app.py

app.py

@@ -7,7 +7,7 @@ from diffusers import DiffusionPipeline
 import torch
 
 device = "cuda" if torch.cuda.is_available() else "cpu"
-model_repo_id = "black-forest-labs/FLUX.1-dev"  # Replace to the model you would like to use
+model_repo_id = "stabilityai/sdxl-turbo"  # Replace to the model you would like to use
 
 if torch.cuda.is_available():
     torch_dtype = torch.float16
@@ -61,31 +61,77 @@ css = """
 #col-container {
     margin: 0 auto;
     max-width: 640px;
+    font-family: 'Arial', sans-serif;
+    color: #333;
+    background-color: #f7f7f7;
+    border-radius: 15px;
+    padding: 20px;
+}
+
+#header {
+    text-align: center;
+    color: #1f5f99;
+}
+
+#title {
+    font-size: 36px;
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+#subtitle {
+    font-size: 18px;
+    color: #555;
+    margin-bottom: 30px;
+}
+
+.gradio-button {
+    background-color: #1f5f99;
+    color: white;
+    font-weight: bold;
+    border-radius: 8px;
+}
+
+.gradio-button:hover {
+    background-color: #155b89;
+}
+
+.gradio-slider {
+    width: 100%;
+}
+
+.gradio-checkbox label {
+    font-weight: normal;
+}
+
+.gradio-markdown {
+    font-size: 16px;
+    line-height: 1.6;
 }
 """
 
 with gr.Blocks(css=css) as demo:
     with gr.Column(elem_id="col-container"):
-        gr.Markdown(" # Text-to-Image Gradio Template")
+        gr.Markdown("<div id='header'><h1 id='title'>Emmy: Veshup's Image Generation AI</h1><p id='subtitle'>Create stunning images with just a prompt. Powered by cutting-edge AI technology.</p></div>")
 
         with gr.Row():
             prompt = gr.Text(
-                label="Prompt",
+                label="Your Creative Prompt",
                 show_label=False,
                 max_lines=1,
-                placeholder="Enter your prompt",
+                placeholder="Enter your prompt here...",
                 container=False,
             )
 
-            run_button = gr.Button("Run", scale=0, variant="primary")
+            run_button = gr.Button("Generate Image", scale=0, variant="primary", elem_classes="gradio-button")
 
-        result = gr.Image(label="Result", show_label=False)
+        result = gr.Image(label="Generated Image", show_label=False)
 
         with gr.Accordion("Advanced Settings", open=False):
             negative_prompt = gr.Text(
-                label="Negative prompt",
+                label="Negative Prompt",
                 max_lines=1,
-                placeholder="Enter a negative prompt",
+                placeholder="Enter a negative prompt if needed",
                 visible=False,
             )
 
@@ -97,7 +143,7 @@ with gr.Blocks(css=css) as demo:
                 value=0,
             )
 
-            randomize_seed = gr.Checkbox(label="Randomize seed", value=True)
+            randomize_seed = gr.Checkbox(label="Randomize Seed", value=True)
 
             with gr.Row():
                 width = gr.Slider(
@@ -118,7 +164,7 @@ with gr.Blocks(css=css) as demo:
 
             with gr.Row():
                 guidance_scale = gr.Slider(
-                    label="Guidance scale",
+                    label="Guidance Scale",
                     minimum=0.0,
                     maximum=10.0,
                     step=0.1,
@@ -126,7 +172,7 @@ with gr.Blocks(css=css) as demo:
                 )
 
                 num_inference_steps = gr.Slider(
-                    label="Number of inference steps",
+                    label="Number of Inference Steps",
                     minimum=1,
                     maximum=50,
                     step=1,