From 2fc70e775ca2c74a3c8059362d78d6243cfc1379 Mon Sep 17 00:00:00 2001
From: Haksung Jang <haksung@sk.com>
Date: Mon, 15 Jun 2026 14:37:56 +0900
Subject: [PATCH] docs: use the web UI demo gif on the landing pages

Replace the static hero screenshots on the English and Korean landing
pages with the same animated web UI demo used in the README, so the
landing pages show the review flow in motion.
---
 docs/index.ko.md | 2 +-
 docs/index.md    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/index.ko.md b/docs/index.ko.md
index 67b5ff1..932d997 100644
--- a/docs/index.ko.md
+++ b/docs/index.ko.md
@@ -13,7 +13,7 @@ SaaS 없이 로컬에서 단일 프로젝트의 SBOM(CycloneDX 1.6)을 생성하
 
 CLI가 부담스럽다면 설치 파일을 받아 더블클릭하세요. 단계별 안내는 [비개발자 빠른 시작](start/no-cli.ko.md)에 있습니다. Docker 엔진이 필요하며, Windows에서는 무료 [Rancher Desktop](https://rancherdesktop.io/)이 잘 맞습니다.
 
-![스캔 결과 화면 — SBOM과 고지문, 위험분석보고서를 종류별 카드로 보고 내려받는다](images/app-results.png){ .home-shot }
+![BomLens 웹 UI에서 스캔 결과를 살펴보는 모습 — KPI 카드와 심각도·라이선스 요약, 구성요소 표 필터링, 취약점 행을 펼쳐 CVSS 점수·설명·참조 확인, 의존성 그래프와 트리, 소스 트리 탐색](images/web-ui-demo.gif){ .home-shot }
 
 ## 무엇부터 볼까
 
diff --git a/docs/index.md b/docs/index.md
index ac1ec65..7b2901c 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -13,7 +13,7 @@ A local-first SBOM generator and open-source risk assessor for a single project
 
 Prefer no command line? Download the installer and double-click it. A Docker engine is required; the free [Rancher Desktop](https://rancherdesktop.io/) works well on Windows. A step-by-step walkthrough (Korean) is in the no-CLI quick start.
 
-![The scan results screen — view and download the SBOM, notice, and risk report as grouped cards](images/web-ui-en.png){ .home-shot }
+![BomLens web UI reviewing a scan result: KPI cards and severity/license summary, filtering the components table, expanding a vulnerability row to its CVSS score, description and references, viewing dependencies as a graph and tree, and browsing the source tree](images/web-ui-demo.gif){ .home-shot }
 
 ## Where to go next