Fix app styles (#6)

- Fix: inline the buttons (b3fb84c0981adb1a1f4fbe5e0b0a77dd48712837)
- Fix: display introduction text (b111f85a349e97a9238c1739d03f79f71aa470fc)


Co-authored-by: fmarcano <[email protected]>

app.py

@@ -145,15 +145,31 @@ MODE_DEFAULTS: dict[str, Mode] = {
 header = """
 <h1>🌍 ZenCtrl / FLUX</h1>
 <div align="center" style="line-height: 1;">
-    <a href="https://github.com/FotographerAI/ZenCtrl/tree/main" target="_blank"><img src="https://img.shields.io/badge/GitHub-Repo-181717.svg"></a>
-    <a href="https://huggingface.co/spaces/fotographerai/ZenCtrl" target="_blank"><img src="https://img.shields.io/badge/🤗_HuggingFace-Space-ffbd45.svg"></a>
-    <a href="https://discord.com/invite/b9RuYQ3F8k" target="_blank"><img src="https://img.shields.io/badge/Discord-Join-7289da.svg?logo=discord"></a>
+    <a href="https://github.com/FotographerAI/ZenCtrl/tree/main" target="_blank" style="margin: 2px;" name="github_repo_link"><img src="https://img.shields.io/badge/GitHub-Repo-181717.svg" alt="GitHub Repo" style="display: inline-block; vertical-align: middle;"></a>
+    <a href="https://huggingface.co/spaces/fotographerai/ZenCtrl" target="_blank" style="margin: 2px;" name="hugging_face_space_link"><img src="https://img.shields.io/badge/🤗_HuggingFace-Space-ffbd45.svg" alt="Hugging Face Space" style="display: inline-block; vertical-align: middle;"></a>
+    <a href="https://discord.com/invite/b9RuYQ3F8k" target="_blank" style="margin: 2px;" name="discord_link"><img src="https://img.shields.io/badge/Discord-Join-7289da.svg?logo=discord" alt="Discord Link" style="display: inline-block; vertical-align: middle;"></a>
 </div>
 """
 
 with gr.Blocks(title="🌍 ZenCtrl") as demo:
     gr.HTML(header)
-    gr.Markdown("# ZenCtrl Demo")
+    gr.Markdown(
+        """
+        # ZenCtrl Demo
+        [WIP] One Agent to Generate multi-view, diverse-scene, and task-specific high-resolution images from a single subject image—without fine-tuning.
+        We are first releasing some of the task specific weights and will release the codes soon.
+        The goal is to unify all of the visual content generation tasks with a single LLM...
+        
+        **Modes:**
+        - **Subject Generation:** Focuses on generating detailed subject portraits.
+        - **Background Generation:** Creates dynamic, vibrant backgrounds:
+            You can generate part of the image from sketch while keeping part of it as it is.
+        - **Canny:** Emphasizes strong edge detection.
+        - **Depth:** Produces images with realistic depth and perspective.
+        
+        For more details, shoot us a message on discord.
+        """
+    )
 
     with gr.Tabs():
         for mode in MODE_DEFAULTS: