Update app.py

app.py

@@ -48,15 +48,40 @@ def save_design(image):
     image.save(file_path)
     return f"Design saved as {file_path}!"
 
-# Function to fetch saved designs for carousel
-def fetch_saved_designs_with_captions():
-    # Replace with your own logic to fetch saved images and captions
-    designs = [
-        ("saved_design_1.png", "Bold Red Geometric Design"),
-        ("saved_design_2.png", "Blue Abstract Art"),
-        ("saved_design_3.png", "Green Floral Pattern"),
-    ]
-    return [{"image": img, "caption": cap} for img, cap in designs]
+# HTML-based carousel content
+carousel_html = """
+<div class="carousel">
+    <div class="slides">
+        <img src="https://via.placeholder.com/300x400.png?text=Design+1" alt="Design 1">
+        <img src="https://via.placeholder.com/300x400.png?text=Design+2" alt="Design 2">
+        <img src="https://via.placeholder.com/300x400.png?text=Design+3" alt="Design 3">
+    </div>
+</div>
+<style>
+.carousel {
+    display: flex;
+    overflow: hidden;
+    width: 100%;
+    max-width: 800px;
+    margin: 0 auto;
+}
+.slides {
+    display: flex;
+    transition: transform 0.5s ease-in-out;
+    animation: slide 10s infinite;
+}
+.slides img {
+    width: 300px;
+    height: 400px;
+    margin: 0 10px;
+}
+@keyframes slide {
+    0%, 20% { transform: translateX(0); }
+    40%, 60% { transform: translateX(-320px); }
+    80%, 100% { transform: translateX(-640px); }
+}
+</style>
+"""
 
 # Custom CSS for animations
 custom_css = """
@@ -95,18 +120,7 @@ with gr.Blocks(css=custom_css) as interface:
         with gr.Tab("Home"):
             gr.Markdown("### Welcome to the **AI Phone Cover Designer**!")
             gr.Markdown("Below is a carousel showcasing some of the saved designs.")
-
-            # Carousel to display saved designs
-            design_carousel = gr.Carousel(
-                items=fetch_saved_designs_with_captions(),
-                item_width=300,
-                item_height=400,
-                item_spacing=10,
-                loop=True,
-                autoplay=True,
-                autoplay_interval=3000,
-                label="Saved Designs Carousel",
-            )
+            gr.HTML(carousel_html)
         
         with gr.Tab("Design"):
             with gr.Row():