feat: landing page redesign

- New hero headline "Turn any video into a watch party" with animated
  gradient highlight, sharper subtitle and quiet trust line under the CTAs
- Changelog badge redesigned as the koala's speech bubble (version and
  release date baked in at build time, no version.json fetch anymore)
- Light/dark theme toggle in the header (dark default, pre-paint via
  lang-init, full light theme across sections)
- Use cases and "Why KoalaSync" merged into one section with the three
  strongest feature tiles; question-mark koala moved to the FAQ
- FAQ and self-hosting setup collapsed by default via shared
  section-collapse component (hash deep links auto-open them)
- Compat/juggler section more compact
- og:image switched to the 1280x640 repository OpenGraph card (landing
  and join page), generated during build
- "watch party" keyword added to meta title/description in all 15 locales
- All em-dashes removed from user-facing copy

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
KoalaDev
2026-07-05 21:50:33 +02:00
parent 793248053c
commit 37df4b267c
24 changed files with 853 additions and 398 deletions
+13 -7
View File
@@ -5,20 +5,20 @@
"LANG_TOGGLE_URL": "../",
"LANG_TOGGLE_TEXT": "EN",
"OG_LOCALE": "pt_PT",
"META_TITLE": "KoalaSync | Sincronize Netflix, YouTube e vídeos com os amigos",
"META_DESCRIPTION": "Veja Netflix, YouTube, Twitch e qualquer vídeo HTML5 em sincronia perfeita. Extensão gratuita e de código aberto. Sem registo.",
"SCHEMA_APP_DESC": "Veja Netflix, YouTube, Twitch e qualquer vídeo HTML5 em sincronia perfeita. Extensão gratuita e de código aberto. Sem registo.",
"META_TITLE": "KoalaSync | Watch party para Netflix, YouTube e mais",
"META_DESCRIPTION": "Watch party na Netflix, YouTube, Twitch e qualquer vídeo HTML5. Extensão gratuita e open source para Chrome e Firefox. Sem conta, sem rastreio, sem anúncios.",
"SCHEMA_APP_DESC": "Watch party na Netflix, YouTube, Twitch e qualquer vídeo HTML5. Extensão gratuita e open source para Chrome e Firefox. Sem conta, sem rastreio, sem anúncios.",
"OG_TITLE": "KoalaSync | Sincronize Netflix, Emby, Jellyfin e vídeos com os amigos",
"OG_DESCRIPTION": "Veja vídeos em sincronia perfeita com os amigos. Extensão de código aberto e focada na privacidade.",
"TWITTER_TITLE": "KoalaSync | Sincronize vídeos em streaming com os amigos",
"TWITTER_DESCRIPTION": "Veja vídeos com os amigos em sincronia perfeita. Extensão de código aberto focada na privacidade.",
"NAV_FEATURES": "Funcionalidades",
"NAV_HOW_IT_WORKS": "Como Funciona",
"HERO_TITLE": "Vejam Juntos.<span class='hero-line2'>Sincronia Perfeita.</span>",
"HERO_SUBTITLE": "A sua noite de cinema à distância e sem atrasos. Sem contas, sem recolha de dados. Partilhe um link e vejam juntos.",
"HERO_TITLE": "Transforma qualquer vídeo numa <span class='hero-highlight'>watch party</span>.",
"HERO_SUBTITLE": "A tua noite de cinema à distância, sem atrasos. Sem conta, sem rastreio, sem anúncios. Partilha um link e carreguem no play juntos.",
"HERO_MASCOT_ALT": "Um coala fofo a olhar para os botões de download",
"DEMO_SYNC": "Sincronizado",
"DEMO_HINT": "Demo ao vivo dê play em qualquer aba: o KoalaSync mantém as duas em sincronia.",
"DEMO_HINT": "Demo ao vivo: dê play em qualquer aba e o KoalaSync mantém as duas em sincronia.",
"DEMO_NO_ROOM": "Ainda não conectado",
"DEMO_CREATE_ROOM": "Criar sala",
"DEMO_JOINED": "Entrou na sala",
@@ -216,5 +216,11 @@
"MOCK_HOST_CONTROL_LABEL": "Controlo do anfitrião",
"MOCK_HOST_CONTROL_TOGGLE": "Apenas eu posso controlar a reprodução",
"LABEL_SELECT_VIDEO": "Selecionar Vídeo",
"OPTION_SELECT_TAB": "-- Selecionar um Separador --"
"OPTION_SELECT_TAB": "-- Selecionar um Separador --",
"THEME_TOGGLE_LABEL": "Alternar modo claro/escuro",
"FAQ_SHOW_ALL": "Mostrar todas as perguntas",
"FAQ_HIDE_ALL": "Ocultar perguntas",
"SELF_SHOW_SETUP": "Mostrar guia de configuração",
"SELF_HIDE_SETUP": "Ocultar guia",
"HERO_TRUST": "Grátis · Open source · Sem conta"
}