feat: browser-aware CTAs, tidier hero demo, comparison guides link

- Hero CTAs: the install buttons are compact (just the browser name) so all
  three fit one line; JS detects the visitor's browser and expands that one
  to the full "Add to X" call to action. Unknown browsers stay compact.
- Hero demo: caption now sits directly under the two windows (absolutely
  positioned to the card cascade) instead of far below the tall scene. The
  scene keeps a fixed height that already fits the open popup, so the
  vertically centered hero never jumps when the popup toggles.
- The background window now also shows a (non-interactive) extension icon,
  making it clear both browsers have KoalaSync installed.
- Escape now also closes the demo popup.
- Added a link from the comparison table to the fuller alternatives/guides
  hub, localized in all 15 languages.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
KoalaDev
2026-07-06 16:03:48 +02:00
parent fd0ad310ce
commit db70828c82
18 changed files with 139 additions and 31 deletions
+2 -1
View File
@@ -222,5 +222,6 @@
"FAQ_HIDE_ALL": "Приховати запитання",
"SELF_SHOW_SETUP": "Показати інструкцію з налаштування",
"SELF_HIDE_SETUP": "Приховати інструкцію",
"HERO_TRUST": "Безкоштовно · Відкритий код · Без акаунта"
"HERO_TRUST": "Безкоштовно · Відкритий код · Без акаунта",
"COMP_MORE_GUIDES": "Повне порівняння та інші альтернативи"
}