fix(website): update hero video asset and changelog notes

Replace `public/zblade.mp4` with refreshed demo video
Center and constrain hero video container on the homepage
Update changelog with TTFT improvement and chat image resend bug fix
This commit is contained in:
2026-02-24 21:53:18 +01:00
parent d32041abe2
commit 2e0b5580df
3 changed files with 5 additions and 4 deletions
+3 -3
View File
@@ -43,9 +43,9 @@ const version = pkg.version ?? "";
</div>
<!-- Screenshot Reveal -->
<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;">
<video src="/zblade.mp4" autoplay loop muted playsinline preload="auto" style="width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center bottom; display: block; border-radius: var(--border-radius);">
<div class="container" style="margin-top: var(--space-2xl); position: relative; z-index: 2; display: flex; justify-content: center;">
<div style="max-width: 420px; width: 100%; aspect-ratio: 16 / 9; 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;">
<video src="/zblade.mp4" autoplay muted playsinline loop preload="auto" style="width: 100%; height: 100%; object-fit: cover; display: block; border-radius: var(--border-radius);">
Your browser does not support the video tag.
</video>
</div>