diff --git a/README.md b/README.md
index d894b71..24763e6 100644
--- a/README.md
+++ b/README.md
@@ -19,9 +19,8 @@ Choose a layout per workspace and configure the desktop through Settings or a KD
has packages for Fedora 44 and Arch Linux on x86_64. This README and the wiki
describe `main`.
-https://github.com/user-attachments/assets/681f0748-8813-4e2d-b3cc-28a3dc5b3c64
+
-[Full demo at 2× speed](https://ferese-wm.github.io/ferese/#desktop-preview) ·
[Screenshots](https://github.com/ferese-wm/ferese/wiki/Screenshots)
## Using Ferese
diff --git a/docs/images/screenshots/ferese-desktop.png b/docs/images/screenshots/ferese-desktop.png
new file mode 100644
index 0000000..efd3a2c
Binary files /dev/null and b/docs/images/screenshots/ferese-desktop.png differ
diff --git a/scripts/build-site.py b/scripts/build-site.py
index e495b22..66f4f7f 100644
--- a/scripts/build-site.py
+++ b/scripts/build-site.py
@@ -33,7 +33,7 @@ def main():
if OUTPUT.exists():
shutil.rmtree(OUTPUT)
OUTPUT.mkdir(parents=True)
- for name in ('index.html', 'home.css', 'home.js', 'styles.css'):
+ for name in ('index.html', 'home.css', 'styles.css'):
shutil.copy2(ROOT / 'site' / name, OUTPUT / name)
(OUTPUT / 'assets').mkdir(exist_ok=True)
shutil.copytree(ROOT / 'site/assets', OUTPUT / 'assets', dirs_exist_ok=True)
diff --git a/site/README.md b/site/README.md
index bb1fa65..1f42e5b 100644
--- a/site/README.md
+++ b/site/README.md
@@ -15,7 +15,7 @@ python3 -m http.server 8080 --bind 127.0.0.1 --directory build/site
Open http://localhost:8080 for the homepage. Rebuild and refresh the browser
after changing the site sources.
-- `site/index.html`, `site/home.css` and `site/home.js`: homepage and desktop video.
+- `site/index.html` and `site/home.css`: homepage and desktop screenshots.
- `site/styles.css`: shared dark appearance, typography and navigation.
- `docs/*.md` and its configuration/development topic directories: guide sources published to the wiki.
- `scripts/build-site.py`: copies homepage assets and writes handbook redirects.
@@ -59,10 +59,8 @@ when no custom wallpaper is set. Settings keeps both defaults available below
the current wallpaper preview.
Screenshots live in `docs/images/screenshots` and are shared by the README and
-website. Full captures retain their original 2880×1800 resolution, while the
+website. Full captures retain their original resolution, while the
homepage uses smaller WebP versions for narrower screens.
-The hero recording is `site/assets/videos/ferese-demo-2x.mp4`, with its poster
-beside it. Playback is encoded at twice the recorded speed. The player starts
-muted, has standard playback controls, and waits for a click when reduced motion
-is enabled. The site build copies both files without re-encoding them.
+The main desktop image is `docs/images/screenshots/ferese-desktop.png`.
+The README and homepage use the same screenshot.
diff --git a/site/assets/videos/ferese-demo-2x.mp4 b/site/assets/videos/ferese-demo-2x.mp4
deleted file mode 100644
index 635cb00..0000000
Binary files a/site/assets/videos/ferese-demo-2x.mp4 and /dev/null differ
diff --git a/site/assets/videos/ferese-demo-poster.webp b/site/assets/videos/ferese-demo-poster.webp
deleted file mode 100644
index a8d3074..0000000
Binary files a/site/assets/videos/ferese-demo-poster.webp and /dev/null differ
diff --git a/site/home.css b/site/home.css
index 64ef6ea..32f7171 100644
--- a/site/home.css
+++ b/site/home.css
@@ -9,7 +9,7 @@ h1 { font-size: clamp(45px, 6.1vw, 80px); font-weight: 590; letter-spacing: -.05
.down { transform: rotate(90deg); }
.desktop-stage { min-width: 0; max-width: 100%; margin-top: 47px; scroll-margin-top: 100px; }
.desktop-capture { min-width: 0; max-width: 100%; border: 1px solid var(--line); border-radius: 24px; overflow: hidden; background: var(--soft); box-shadow: 0 28px 60px -38px #000000a0; }
-.desktop-capture video { display: block; width: 100%; height: auto; aspect-ratio: 8/5; }
+.desktop-capture img { display: block; width: 100%; height: auto; }
.layout-section { padding-block: 132px 115px; }
.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 55px; margin-bottom: 39px; }
h2 { font-size: 48px; line-height: 1.12; font-weight: 560; letter-spacing: -2px; margin: 0; text-wrap: balance; }
diff --git a/site/home.js b/site/home.js
deleted file mode 100644
index dac9c2d..0000000
--- a/site/home.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const demo = document.querySelector('#desktop-demo');
-const reducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)');
-let started = false;
-
-// Start muted when the demo comes into view. Native controls remain available
-// without JavaScript and after a visitor pauses playback.
-const visibility = new IntersectionObserver(([entry]) => {
- if (!entry.isIntersecting) {
- demo.pause();
- } else if (!started && !reducedMotion.matches) {
- started = true;
- demo.play().catch(() => {});
- }
-}, { threshold: 0.25 });
-visibility.observe(demo);
-reducedMotion.addEventListener('change', () => {
- if (reducedMotion.matches) demo.pause();
-});
diff --git a/site/index.html b/site/index.html
index 0206e40..071bebb 100644
--- a/site/index.html
+++ b/site/index.html
@@ -8,7 +8,7 @@
-
+
@@ -18,7 +18,6 @@
-