Upload 3 files

index.html

@@ -369,6 +369,21 @@
                     <div id="demoError" class="demo-error"></div>
                 </div>
 
+                <div class="transformers-container supertonic-2-container">
+                    <a href="https://huggingface.co/spaces/Supertone/supertonic-2" target="_blank" rel="noopener noreferrer">
+                        <img src="img/supertonic-2.png" alt="Supertonic 2" class="supertonic-2-logo">
+                    </a>
+                    <p>
+                        Supertonic 2 is now available in 5 languages. Experience the demo here.
+                    </p>
+                    <div class="transformers-buttons">
+                        <a href="https://huggingface.co/spaces/Supertone/supertonic-2" class="btn btn-secondary" target="_blank" rel="noopener noreferrer">
+                            <span class="btn-label">Try Supertonic 2</span>
+                            <span class="arrow">↗</span>
+                        </a>
+                    </div>
+                </div>
+
                 <div class="transformers-container">
                     <img src="img/hugging_supertonic.svg" alt="Hugging Face Supertonic" class="transformers-logo">
                     <p>

styles.css

@@ -935,6 +935,23 @@ section {
     margin-right: auto;
 }
 
+.supertonic-2-logo {
+    width: 40%;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    cursor: pointer;
+    transition: opacity 0.3s ease;
+}
+
+.supertonic-2-logo:hover {
+    opacity: 0.8;
+}
+
+.supertonic-2-container a {
+    text-decoration: none;
+}
+
 .transformers-container p {
     margin: 0;
     line-height: 1.6;