Update app.py

app.py

@@ -29,7 +29,7 @@ def generate_static_badge(label, message, color, label_color, logo, logo_color,
         html_code = f'<img src="{badge_url}" alt="badge">'
 
     badge_preview = f"""
-    <div style='padding:20px; background: #fefefe; border-radius: 12px; text-align:center;'>
+    <div style='padding:20px; background: #fefefe; border-radius: 12px; display: flex; justify-content: center;'>
         {html_code}
     </div>
     """
@@ -62,8 +62,9 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
     </div>
     """)
 
-    out_code = gr.Code(label="HTML Snippet", language="html")
-    out_preview = gr.HTML(label="Badge Preview")
+    with gr.Row():
+        out_code = gr.Code(label="HTML Snippet", language="html")
+        out_preview = gr.HTML(label="Badge Preview")
 
     with gr.Row():
         label = gr.Textbox(label="Label", placeholder="예: build")
@@ -82,6 +83,28 @@ with gr.Blocks(theme=gr.themes.Default()) as demo:
     for inp in inputs:
         inp.change(fn=generate_static_badge, inputs=inputs, outputs=[out_code, out_preview])
 
+    gr.HTML("""
+    <hr style="margin-top: 50px;">
+    <h3 style="text-align:center;">🌐 Example Badges for Popular Platforms</h3>
+    <div align="center" style="margin-top: 15px;">
+      <a href="https://github.com/openfreeai" style="margin: 4px;">
+        <img src="https://img.shields.io/badge/GitHub-181717?style=for-the-badge&logo=github&logoColor=white" alt="GitHub">
+      </a>
+      <a href="https://twitter.com/openfree_ai" style="margin: 4px;">
+        <img src="https://img.shields.io/badge/Twitter-1DA1F2?style=for-the-badge&logo=twitter&logoColor=white" alt="Twitter">
+      </a>
+      <a href="https://www.linkedin.com/company/openfreeai" style="margin: 4px;">
+        <img src="https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white" alt="LinkedIn">
+      </a>
+      <a href="https://youtube.com/@openfreeai" style="margin: 4px;">
+        <img src="https://img.shields.io/badge/YouTube-FF0000?style=for-the-badge&logo=youtube&logoColor=white" alt="YouTube">
+      </a>
+      <a href="https://huggingface.co/openfreeai" style="margin: 4px;">
+        <img src="https://img.shields.io/badge/HuggingFace-FCC72E?style=for-the-badge&logo=huggingface&logoColor=black" alt="HuggingFace">
+      </a>
+    </div>
+    """)
+
 # 실행
 if __name__ == "__main__":
     demo.launch()