ZaguanAI/zblade.dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(website): replace hero screenshot with video

Browse Source 
Add autoplaying video loop to the landing page for a more dynamic hero section.
This commit is contained in:
Stig-Ørjan Smelror
2026-02-24 19:10:28 +01:00
parent c7384f2c12
commit 8c2931581c
2 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/zblade.mp4
BIN
View File
Binary file not shown.
src/pages/index.astro
+4 -1
View File
@@ -45,7 +45,10 @@ const version = pkg.version ?? "";
<!-- Screenshot Reveal --> <!-- Screenshot Reveal -->
<div class="container" style="margin-top: var(--space-2xl); position: relative; z-index: 2;"> <div class="container" style="margin-top: var(--space-2xl); position: relative; z-index: 2;">
<div style="border: 1px solid var(--color-border); border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(0,221,119,0.1); background: var(--color-bg-elevated); padding: 2px;"> <div style="border: 1px solid var(--color-border); border-radius: var(--border-radius); overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.5), 0 0 30px rgba(0,221,119,0.1); background: var(--color-bg-elevated); padding: 2px;">
<img src="/screenshot-01.png" alt="Zaguán Blade Editor Interface" style="width: 100%; height: auto; display: block; border: 1px solid var(--color-border);" /> <video autoplay loop muted playsinline style="width: 100%; height: auto; display: block;">
<source src="/zblade.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>
</div> </div>
</div> </div>
</section> </section>