feat(site): rewrite the landing page around verified facts and accessible controls

- Replace claims that contradicted the app: the default hotkey is Right Alt
  (hold to talk), local features are free with no daily cap, there is no
  14-day trial, Team/SSO/SCIM/ZDR are not offered, and the repository is not
  public. Remove invented metrics, status badges, the competitor table, the
  ad-mediation changelog, the hash calculator and the duplicate demo.
- Seven sections: hero with one labelled example, features, how it works,
  privacy, pricing (Free / Pro 2,900 / Pro+ 8,900 KRW a month), download, FAQ.
  Footer links the privacy policy, terms and account deletion pages.
- All copy moves into i18n and every one of the 10 locales is translated.
  Pricing and cloud quotas come from site/src/pricing.ts.
- Accessibility: skip link, labelled sections, aria-expanded with Esc and
  focus return for the menu, language list and FAQ, live status for the
  example, reduced-motion support, 44px targets, AA contrast on the primary
  button. Korean keep-all line breaking is scoped to :lang(ko) because
  Tailwind's break-keep blocked wrapping in Japanese and Chinese.
- JS 111 -> 98 KB gzip, CSS 7.8 -> 5.2 KB gzip.
This commit is contained in:
Yun Chan 2026-09-26 15:04:43 +09:00
parent ad6bb70c20
commit e689683b72
44 changed files with 2198 additions and 3782 deletions

View file

@ -1,19 +1,24 @@
<!DOCTYPE html>
<html lang="en">
<html lang="ko">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="D3RO Voice - Fully local AI voice assistant. Whisper + Ollama powered, zero cloud, 100% private." />
<meta name="theme-color" content="#3b82f6" />
<title>D3RO Voice — Local AI Voice Assistant</title>
<meta name="description" content="단축키를 누른 채 말하면 지금 쓰고 있는 앱에 글이 입력됩니다. 음성 인식과 문장 다듬기가 모두 내 PC에서 실행되는 Windows용 음성 받아쓰기." />
<meta property="og:type" content="website" />
<meta property="og:title" content="D3RO Voice — 내 PC에서 돌아가는 음성 받아쓰기" />
<meta property="og:description" content="단축키를 누른 채 말하면 지금 쓰고 있는 앱에 글이 입력됩니다. 음성 인식과 문장 다듬기가 모두 내 PC에서 실행됩니다." />
<meta name="theme-color" content="#08090c" />
<meta name="color-scheme" content="dark" />
<title>D3RO Voice — 내 PC에서 돌아가는 음성 받아쓰기</title>
<!-- Pretendard Variable (한글+라틴 통일 서체) & JetBrains Mono (텔레메트리 전용) -->
<link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet" />
</head>
<body class="bg-surface-950 text-neutral-100 font-sans antialiased selection:bg-brand-blue/30 selection:text-white">
<body>
<div id="root"></div>
<script type="module" src="/src/main.tsx"></script>
</body>