Update app.py

app.py

@@ -101,30 +101,48 @@ with gr.Blocks(css="""
 """) as demo:
 
     with gr.Column():
-        gr.Markdown("""
-<p align="center">
-  <img src="https://github.com/NVIDIA/audio-flamingo/blob/audio_flamingo_3/static/logo-no-bg.png" alt="Audio Flamingo 3 Logo" width="120">
-</p>
-
-# Audio Flamingo 3
-
-*Advancing Audio Intelligence with Fully Open Large Audio-Language Models*
-
-<p align="center">
-  [![arXiv](https://img.shields.io/badge/arXiv-2503.03983-AD1C18)](https://arxiv.org/abs/2503.03983)
-  [![Demo Page](https://img.shields.io/badge/Demo%20page-228B22)](https://research.nvidia.com/labs/adlr/AF3/)
-  [![Github](https://img.shields.io/badge/Github-Audio_Flamingo_3-9C276A)](https://github.com/NVIDIA/audio-flamingo)
-  [![GitHub Stars](https://img.shields.io/github/stars/NVIDIA/audio-flamingo.svg?style=social)](https://github.com/NVIDIA/audio-flamingo/stargazers)
-</p>
-
-<p align="center">
-  [![Checkpoints](https://img.shields.io/badge/🤗-Checkpoints-ED5A22.svg)](https://huggingface.co/nvidia/audio-flamingo-3)
-  [![Checkpoints Chat](https://img.shields.io/badge/🤗-Checkpoints_(Chat)-ED5A22.svg)](https://huggingface.co/nvidia/audio-flamingo-3-chat)
-  [![Dataset: AudioSkills-XL](https://img.shields.io/badge/🤗-Dataset:_AudioSkills--XL-ED5A22.svg)](https://huggingface.co/datasets/nvidia/AudioSkills)
-  [![Dataset: LongAudio-XL](https://img.shields.io/badge/🤗-Dataset:_LongAudio--XL-ED5A22.svg)](https://huggingface.co/datasets/nvidia/LongAudio)
-  [![Dataset: AF-Chat](https://img.shields.io/badge/🤗-Dataset:_AF--Chat-ED5A22.svg)](https://huggingface.co/datasets/nvidia/AF-Chat)
-  [![Dataset: AF-Think](https://img.shields.io/badge/🤗-Dataset:_AF--Think-ED5A22.svg)](https://huggingface.co/datasets/nvidia/AF-Think)
-</p>
+        gr.HTML("""
+<div align="center">
+  <img src="https://github.com/NVIDIA/audio-flamingo/blob/audio_flamingo_3/static/logo-no-bg.png" alt="Audio Flamingo 3 Logo" width="120" style="margin-bottom: 10px;">
+  <h2><strong>Audio Flamingo 3</strong></h2>
+  <p><em>Advancing Audio Intelligence with Fully Open Large Audio-Language Models</em></p>
+</div>
+
+<div align="center" style="margin-top: 10px;">
+  <a href="https://arxiv.org/abs/2503.03983">
+    <img src="https://img.shields.io/badge/arXiv-2503.03983-AD1C18" alt="arXiv">
+  </a>
+  <a href="https://research.nvidia.com/labs/adlr/AF3/">
+    <img src="https://img.shields.io/badge/Demo%20page-228B22" alt="Demo Page">
+  </a>
+  <a href="https://github.com/NVIDIA/audio-flamingo">
+    <img src="https://img.shields.io/badge/Github-Audio_Flamingo_3-9C276A" alt="GitHub">
+  </a>
+  <a href="https://github.com/NVIDIA/audio-flamingo/stargazers">
+    <img src="https://img.shields.io/github/stars/NVIDIA/audio-flamingo.svg?style=social" alt="GitHub Stars">
+  </a>
+</div>
+
+<div align="center" style="display: flex; justify-content: center; margin-top: 10px; flex-wrap: wrap; gap: 5px;">
+  <a href="https://huggingface.co/nvidia/audio-flamingo-3">
+    <img src="https://img.shields.io/badge/🤗-Checkpoints-ED5A22.svg">
+  </a>
+  <a href="https://huggingface.co/nvidia/audio-flamingo-3-chat">
+    <img src="https://img.shields.io/badge/🤗-Checkpoints_(Chat)-ED5A22.svg">
+  </a>
+  <a href="https://huggingface.co/datasets/nvidia/AudioSkills">
+    <img src="https://img.shields.io/badge/🤗-Dataset:_AudioSkills--XL-ED5A22.svg">
+  </a>
+  <a href="https://huggingface.co/datasets/nvidia/LongAudio">
+    <img src="https://img.shields.io/badge/🤗-Dataset:_LongAudio--XL-ED5A22.svg">
+  </a>
+  <a href="https://huggingface.co/datasets/nvidia/AF-Chat">
+    <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Chat-ED5A22.svg">
+  </a>
+  <a href="https://huggingface.co/datasets/nvidia/AF-Think">
+    <img src="https://img.shields.io/badge/🤗-Dataset:_AF--Think-ED5A22.svg">
+  </a>
+</div>
 """)
     # gr.Markdown("#### NVIDIA (2025)")