Add red YouTube CTA button under hero header
Browse files
app.py
CHANGED
|
@@ -1718,6 +1718,22 @@ with gr.Blocks(css=CSS, theme=gr.themes.Base(primary_hue="red", neutral_hue="zin
|
|
| 1718 |
</div>
|
| 1719 |
""")
|
| 1720 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 1721 |
mode_state = gr.Textbox(value=MODE_SAMPLES, elem_id="hidden-mode",
|
| 1722 |
elem_classes=["ml-hidden"], show_label=False)
|
| 1723 |
shape_state = gr.Textbox(value=SHAPE_SQUARE, elem_id="hidden-shape",
|
|
|
|
| 1718 |
</div>
|
| 1719 |
""")
|
| 1720 |
|
| 1721 |
+
gr.HTML("""
|
| 1722 |
+
<div style="text-align:center; margin: -6px 0 26px;">
|
| 1723 |
+
<a href="https://youtu.be/r1GIi4EukVg" target="_blank" rel="noopener"
|
| 1724 |
+
style="display:inline-flex; align-items:center; gap:12px;
|
| 1725 |
+
padding:14px 28px; border-radius:999px;
|
| 1726 |
+
background: linear-gradient(135deg, #FF0000 0%, #CC0000 100%);
|
| 1727 |
+
color:#fff !important; text-decoration:none;
|
| 1728 |
+
font-family:'Space Grotesk',sans-serif; font-weight:800;
|
| 1729 |
+
letter-spacing:3px; text-transform:uppercase; font-size:13px;
|
| 1730 |
+
box-shadow: 0 8px 28px rgba(255,0,0,0.38), 0 0 0 1px rgba(255,255,255,0.06);">
|
| 1731 |
+
<span style="font-size:18px; line-height:1;">▶</span>
|
| 1732 |
+
Watch the 90-second demo on YouTube
|
| 1733 |
+
</a>
|
| 1734 |
+
</div>
|
| 1735 |
+
""")
|
| 1736 |
+
|
| 1737 |
mode_state = gr.Textbox(value=MODE_SAMPLES, elem_id="hidden-mode",
|
| 1738 |
elem_classes=["ml-hidden"], show_label=False)
|
| 1739 |
shape_state = gr.Textbox(value=SHAPE_SQUARE, elem_id="hidden-shape",
|