add designs

README.md

@@ -10,3 +10,7 @@ pinned: false
 ---
 
 Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+
+
+![image/png](https://cdn-uploads.huggingface.co/production/uploads/644252f59a5bbb07ab7a987a/f4xH6ZNx1rVbKzr8jAHmt.png)
+

app.py

@@ -69,6 +69,23 @@ def generate_image(brand_name, primary_color, secondary_color, description, targ
     return image_path
 
 
+content_html = """
+<div style="text-align: center; margin-top: 30px;">
+    <h2>X-Spaces Examples</h2>
+    <div style="display: flex; justify-content: space-around; align-items: center;">
+        <!-- Displaying one video -->
+        <video controls width="30%">
+            <source src="https://cdn-uploads.huggingface.co/production/uploads/644252f59a5bbb07ab7a987a/IxuuqPhmIX3Jggqkeiseb.mp4" type="video/mp4">
+            Your browser does not support the video tag.
+        </video>
+        <!-- Displaying two images -->
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/644252f59a5bbb07ab7a987a/f4xH6ZNx1rVbKzr8jAHmt.png" alt="Image Description 1" style="width: 30%; margin: 0 10px;">
+        <img src="https://cdn-uploads.huggingface.co/production/uploads/644252f59a5bbb07ab7a987a/f4xH6ZNx1rVbKzr8jAHmt.png" alt="Image Description 2" style="width: 30%; margin: 0 10px;">
+    </div>
+</div>
+
+"""
+
 iface = gr.Interface(
     fn=generate_image,
     inputs=[
@@ -97,6 +114,7 @@ iface = gr.Interface(
         gr.components.Image(label="Generated Image")
     ],
     title="Slidegen AI - Image generator",
+    article=content_html,
     description="Generate social media creatives from a few prompts",
     live=False
 )