Add files via upload

Author: soujanyaporia

jamify.html

@@ -19,7 +19,23 @@
             background: linear-gradient(135deg, #2d3748 0%, #4a5568 50%, #2d3748 100%);
             min-height: 100vh;
         }
-
+.btn-demo {
+    background: linear-gradient(45deg, #9f7aea, #805ad5);
+    box-shadow: 0 5px 15px rgba(159, 122, 234, 0.3);
+}
+
+.btn-demo:hover {
+    box-shadow: 0 10px 25px rgba(159, 122, 234, 0.4);
+}
+
+.btn-arxiv {
+    background: linear-gradient(45deg, #e53e3e, #c53030);
+    box-shadow: 0 5px 15px rgba(229, 62, 62, 0.3);
+}
+
+.btn-arxiv:hover {
+    box-shadow: 0 10px 25px rgba(229, 62, 62, 0.4);
+}
         .container {
             max-width: 1200px;
             margin: 0 auto;
@@ -441,17 +457,23 @@ <h1 class="title">JAM-1: A Tiny Flow-based Song Generator with Fine-grained Cont
             <p class="subtitle">The First Model of Project Jamify</p>
             <div class="project-badge">🎵🎸 Project Jamify</div>
 
-            <div class="buttons-container">
-                <a href="https://huggingface.co/declare-lab/JAM-1" class="btn btn-huggingface">
-                    🤗 HuggingFace
-                </a>
-                <a href="https://github.com/declare-lab/jamify" class="btn btn-github">
-                    <svg class="icon" viewBox="0 0 24 24">
-                        <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/>
-                    </svg>
-                    GitHub
-                </a>
-            </div>
+<div class="buttons-container">
+    <a href="#" class="btn btn-huggingface">
+        🤗 Hugging Face Model
+    </a>
+    <a href="#" class="btn btn-demo">
+        🎵 Interactive Demo
+    </a>
+    <a href="#" class="btn btn-arxiv">
+        📄 arXiv Paper
+    </a>
+    <a href="#" class="btn btn-github">
+        <svg class="icon" viewBox="0 0 24 24">
+            <path d="M12 0C5.374 0 0 5.373 0 12 0 17.302 3.438 21.8 8.207 23.387c.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23A11.509 11.509 0 0112 5.803c1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576C20.566 21.797 24 17.3 24 12c0-6.627-5.373-12-12-12z"/>
+        </svg>
+        GitHub
+    </a>
+</div>
         </div>
 
         <div class="section">