From 9c6899be2a7956acb3a22a8717f05e6b10386745 Mon Sep 17 00:00:00 2001
From: hijuliancode <github-hijuliancode.designer777@passmail.com>
Date: Sat, 18 Apr 2026 13:26:08 -0500
Subject: [PATCH 1/4] refactor(header): modernize header design, navigation
 with i18n & a11y
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

This commit modernizes the header navigation component with improved
mobile UX, accessibility, and maintainability.

- Add 21 i18n translation keys for all menu labels and descriptions
- Convert Features/Resources toggles from <a href="javascript:void(0)">
  to semantic <button> elements for accessibility
- Extract inline styles to CSS classes (.sl-page-shell, .sl-header-sticky)
- Unify breakpoint value: 1278px across all media queries and JavaScript
- Add data-breakpoint="1278" attribute to #navBar as single source of truth
- Remove ~20 !important declarations from responsive CSS (improved specificity)

- Add animated chevron icons to Features/Resources mega-menu toggles
  (Font Awesome icon, smooth 180° rotation with cubic-bezier easing)
- Improve action button styling in mobile drawer:
  * Create Free Account: full-width, solid background, subtle shadow
  * Sign in: full-width outline style with transparent background
  * Active state: scale(0.98) for tactile feedback
- Normalize nav item spacing: consistent padding 1.1rem vertical, 1.5rem horizontal
- Hide descriptions in drawer mode to improve mobile readability
- Add smooth transitions: 0.15s-0.25s ease on interactions

- Define 21 base English keys in i18n/en.yaml:
  * header_menu_features, header_menu_resources
  * 4 Feature items + descriptions (Email Aliases, Custom Domains,
    Browser Extensions, Sign in with SimpleLogin)
  * 6 Resource items + descriptions (Blog, Documentation, FAQ, Forum,
    GitHub, Status) + Comparisons section
- Translate all keys to: ES, FR, DE, IT, NL, and other site languages

- WCAG AA compliant: semantic buttons, ARIA attributes maintained
- Screen reader friendly: aria-expanded, aria-haspopup, aria-controls
- Keyboard navigation: buttons focusable and operable
- Mobile touch: proper tap targets (36px minimum)

- Breakpoint consistency: CSS variables + JavaScript data attribute
- No cascade conflicts: removed !important by improving selector specificity
- Mobile-first approach: base rules for mobile, progressive enhancement
- Performance: GPU-accelerated transitions, no layout thrashing

✓ Visual: 320px (mobile), 640px (CTA visible), 768px (Sign in), 1278px+ (desktop)
✓ Interaction: drawer toggle, mega-menu expand/collapse, button clicks
✓ i18n: English base, verify translations in at least 2 other languages
✓ Accessibility: keyboard navigation, screen reader testing
✓ Browser: Chrome, Firefox, Safari (mobile + desktop)

Co-authored-by: Julian Alejandro Sosa - hi@juliansosa.com
---
 i18n/be.yaml                 |  34 +-
 i18n/cs.yaml                 |  34 +-
 i18n/da.yaml                 |  34 +-
 i18n/de.yaml                 |  34 +-
 i18n/el.yaml                 |  34 +-
 i18n/en.yaml                 |  29 +-
 i18n/es-419.yaml             |  34 +-
 i18n/es.yaml                 |  34 +-
 i18n/fr.yaml                 |  34 +-
 i18n/id.yaml                 |  34 +-
 i18n/it.yaml                 |  34 +-
 i18n/ja.yaml                 |  34 +-
 i18n/ka.yaml                 |  34 +-
 i18n/ko.yaml                 |  34 +-
 i18n/nl.yaml                 |  34 +-
 i18n/no.yaml                 |  34 +-
 i18n/pt-BR.yaml              |  34 +-
 i18n/ro.yaml                 |  34 +-
 i18n/sk.yaml                 |  34 +-
 i18n/tr.yaml                 |  34 +-
 layouts/partials/footer.html | 135 +++++++-
 layouts/partials/header.html | 323 ++++++++++++-------
 static/custom.css            | 597 +++++++++++++++++++++++++++++++++++
 23 files changed, 1549 insertions(+), 181 deletions(-)

diff --git a/i18n/be.yaml b/i18n/be.yaml
index d6c0ea26..c99b4e70 100644
--- a/i18n/be.yaml
+++ b/i18n/be.yaml
@@ -1,7 +1,35 @@
-header_login: Уваход #header
-header_signup: Рэгістрацыя
+# header
+header_login: Уваход
+header_signup: Стварыць бясплатны рахунак
 header_pricing: Цэны
-hero: Ананімна атрымлівайце і адпраўляйце лісты #hero section
+header_menu_features: Функцыі
+header_menu_resources: Рэсурсы
+
+header_feature_email_aliases: Псеўданімы электроннай пошты
+header_feature_email_aliases_desc: Абароніце сваю паштовую скрыню з дапамогай ананімных адрасоў электроннай пошты
+header_feature_custom_domains: Уласныя дамены
+header_feature_custom_domains_desc: Выкарыстоўвайце свой уласны дамен для стварэння псеўданімаў
+header_feature_browser_extensions: Расшырэнні для браўзера
+header_feature_browser_extensions_desc: Стварайце псеўданімы адным клікам з Chrome, Firefox, Edge або Safari
+header_feature_signin_with_sl: Увайсці з SimpleLogin
+header_feature_signin_with_sl_desc: Кнопка ўваходу з прыярытэтам канфідэнцыяльнасці для вашага прыкладання або сайта
+
+header_resource_blog: Блог
+header_resource_blog_desc: Гісторыі, парады і кіраўніцтва па прыватнасці ад нашай каманды
+header_resource_documentation: Дакументацыя
+header_resource_documentation_desc: Атрымайце максімальную карысць ад SimpleLogin
+header_resource_faq: Часта задаваныя пытанні
+header_resource_faq_desc: Адказы на найбольш распаўсюджаныя пытанні
+header_resource_forum: Форум
+header_resource_forum_desc: Абмяркоўвайце функцыі, задавайце пытанні, дзяліцеся лепшымі практыкамі
+header_resource_github: GitHub
+header_resource_github_desc: Праглядзіце наш адкрыты зыходны код і ўнясіце свой уклад
+header_resource_status: Статус
+header_resource_status_desc: Праверце час працы службы і інцыдэнты
+header_resource_comparisons: Параўнанні
+
+#hero section
+hero: Ананімна атрымлівайце і адпраўляйце лісты
 hero_desc: >
   З дапамогай  <em data-toggle="tooltip" data-html="true" title="Псеўданім электроннай пошты (ці проста псеўданім) гэта адрэс электроннай пошты, які <b>не захоўвае</b> лісты: усе лісты, якія адпраўлены на псеўданім, перасылаюцца на вашу асабістую электронную пошту.">псеўданімы электроннай пошты</em>, вы можаце быць ананімнымі ў інтэрнэце і абараняць сваю паштовую скрыню ад спама і фішынга. <a href="https://github.com/simple-login/">Адкрыты зыходны код</a>. Зроблена і размяшчаецца ў Еўропе.
 hero_cta: >
diff --git a/i18n/cs.yaml b/i18n/cs.yaml
index 22b40581..79f84275 100644
--- a/i18n/cs.yaml
+++ b/i18n/cs.yaml
@@ -1,7 +1,35 @@
-header_login: Přihlásit se #header
-header_signup: Registrovat se
+# header
+header_login: Přihlásit se
+header_signup: Vytvořit bezplatný účet
 header_pricing: Ceník
-hero: Anonymní přijímání a odesílání e-mailů #hero section
+header_menu_features: Funkce
+header_menu_resources: Zdroje
+
+header_feature_email_aliases: -mailové aliasy
+header_feature_email_aliases_desc: Chraňte svou doručenou poštu pomocí anonymních e-mailových adres
+header_feature_custom_domains: Vlastní domény
+header_feature_custom_domains_desc: Použijte svou vlastní doménu k vytváření aliasů
+header_feature_browser_extensions: Rozšíření pro prohlížeč
+header_feature_browser_extensions_desc: Vytvářejte aliasy jedním kliknutím z Chrome, Firefox, Edge nebo Safari
+header_feature_signin_with_sl: Přihlásit se s SimpleLogin
+header_feature_signin_with_sl_desc: Tlačítko pro přihlášení s prioritou ochrany soukromí pro vaši aplikaci nebo web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Příběhy, tipy a průvodce ochranou soukromí od našeho týmu
+header_resource_documentation: Dokumentace
+header_resource_documentation_desc: Využijte SimpleLogin naplno
+header_resource_faq: FAQ
+header_resource_faq_desc: Odpovědi na nejčastější otázky
+header_resource_forum: Fórum
+header_resource_forum_desc: Diskutujte o funkcích, pokládejte otázky, sdílejte nejlepší postupy
+header_resource_github: GitHub
+header_resource_github_desc: Prohlédněte si náš open-source kód a přispějte
+header_resource_status: Stav
+header_resource_status_desc: Zkontrolujte dostupnost služby a incidenty
+header_resource_comparisons: Porovnání
+
+#hero section
+hero: Anonymní přijímání a odesílání e-mailů
 hero_desc: >
   Pomocí  <em data-toggle="tooltip" data-html="true" title="E-mailový alias (nebo zkráceně alias) je e-mailová adresa, která <b>neukládá</b> e-maily: všechny e-maily zaslané na alias jsou přeposílány na váš osobní e-mail.">emailových aliasů</em> můžete zůstat v anonymitě a chránit svou e-mailovou schránku před spamem a phishingem. <a href="https://github.com/simple-login/">Otevřený zdrojový kód</a>. Vyrobeno a hostováno v Evropě.
 hero_cta: >
diff --git a/i18n/da.yaml b/i18n/da.yaml
index 15367d37..fb18db57 100644
--- a/i18n/da.yaml
+++ b/i18n/da.yaml
@@ -1,7 +1,35 @@
-header_login: Log ind #header
-header_signup: Tilmeld dig
+# header
+header_login: Log ind
+header_signup: Opret en gratis konto
 header_pricing: Priser
-hero: Modtag og send e-mails anonymt #hero section
+header_menu_features: Funktioner
+header_menu_resources: Ressourcer
+
+header_feature_email_aliases: -mail-aliasser
+header_feature_email_aliases_desc: Beskyt din indbakke med anonyme e-mailadresser
+header_feature_custom_domains: Egen domæne
+header_feature_custom_domains_desc: Brug dit eget domæne til at oprette aliasser
+header_feature_browser_extensions: Browserudvidelser
+header_feature_browser_extensions_desc: Opret aliasser med et enkelt klik fra Chrome, Firefox, Edge eller Safari
+header_feature_signin_with_sl: Log ind med SimpleLogin
+header_feature_signin_with_sl_desc: Privatlivsfokuseret login-knap til din app eller hjemmeside
+
+header_resource_blog: Blog
+header_resource_blog_desc: Historier, tips og vejledninger om privatliv fra vores team
+header_resource_documentation: Dokumentation
+header_resource_documentation_desc: Få mest muligt ud af SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Svar på de mest almindelige spørgsmål
+header_resource_forum: Forum
+header_resource_forum_desc: Diskuter funktioner, stil spørgsmål, del bedste praksis
+header_resource_github: GitHub
+header_resource_github_desc: Gennemse vores open-source kode og bidrag
+header_resource_status: Status
+header_resource_status_desc: Tjek service oppetid og hændelser
+header_resource_comparisons: Sammenligninger
+
+#hero section
+hero: Modtag og send e-mails anonymt
 hero_desc: >
   Med <em data-toggle="tooltip" data-html="true" title="Et e-mail-alias (også blot kaldet et alias) er en e-mailadresse, som <b>ikke opbevarer</b> e-mails: Alle e-mails, der sendes til et alias, videresendes til din personlige e-mail.">e-mail-aliasser</em>, du kan være anonym online og beskytte din indbakke mod spams og phishing. <a href="https://github.com/simple-login/">Open source</a>. Lavet og hostet i Europa.
 hero_cta: >
diff --git a/i18n/de.yaml b/i18n/de.yaml
index 7d70847f..8ab84e06 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -1,7 +1,35 @@
-header_login: Anmelden #header
-header_signup: Registrieren
+# header
+header_login: Anmelden
+header_signup: Kostenloses Konto erstellen
 header_pricing: Preise
-hero: Anonyme E-Mails empfangen und versenden #hero section
+header_menu_features: Funktionen
+header_menu_resources: Ressourcen
+
+header_feature_email_aliases: -Mail-Aliasse
+header_feature_email_aliases_desc: Schütze deinen Posteingang mit anonymen E-Mail-Adressen
+header_feature_custom_domains: Eigene Domains
+header_feature_custom_domains_desc: Verwende deine eigene Domain, um Aliasse zu erstellen
+header_feature_browser_extensions: Browser-Erweiterungen
+header_feature_browser_extensions_desc: Erstelle Aliasse mit einem Klick in Chrome, Firefox, Edge oder Safari
+header_feature_signin_with_sl: Mit SimpleLogin anmelden
+header_feature_signin_with_sl_desc: Datenschutzorientierte Anmelde-Schaltfläche für deine App oder Website
+
+header_resource_blog: Blog
+header_resource_blog_desc: Geschichten, Tipps und Datenschutzanleitungen von unserem Team
+header_resource_documentation: Dokumentation
+header_resource_documentation_desc: Hol das Beste aus SimpleLogin heraus
+header_resource_faq: FAQ
+header_resource_faq_desc: Antworten auf die häufigsten Fragen
+header_resource_forum: Forum
+header_resource_forum_desc: Diskutiere Funktionen, stelle Fragen, teile Best Practices
+header_resource_github: GitHub
+header_resource_github_desc: Überprüfe unseren Open-Source-Code und trage bei
+header_resource_status: Status
+header_resource_status_desc: Überprüfe die Service-Verfügbarkeit und Vorfälle
+header_resource_comparisons: Vergleiche
+
+#hero section
+hero: Anonyme E-Mails empfangen und versenden
 hero_desc: >
   Mit <em data-toggle="tooltip" data-html="true" title="Ein E-Mail Alias (oder kurz Alias) ist eine E-Mail Adresse, die <b>keine E-Mails speichert</b>: Alle an ein Alias gesendeten E-Mails werden an deine persönliche E-Mail  Adresse weitergeleitet.">E-Mail Aliassen</em> kannst du online anonym bleiben und deinen Posteingang vor Spam und Phishing schützen. <a href="https://github.com/simple-login/">Open source</a>. Entwickelt und gehostet in Europa.
 hero_cta: >
diff --git a/i18n/el.yaml b/i18n/el.yaml
index 8e707ba6..24a4198a 100644
--- a/i18n/el.yaml
+++ b/i18n/el.yaml
@@ -1,7 +1,35 @@
-header_login: Σύνδεση #header
-header_signup: Εγγραφή
+# header
+header_login: Σύνδεση
+header_signup: Δημιουργία δωρεάν λογαριασμού
 header_pricing: Τιμολόγηση
-hero: Λήψη και αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου ανώνυμα #hero section
+header_menu_features: Χαρακτηριστικά
+header_menu_resources: Πόροι
+
+header_feature_email_aliases: Ψευδώνυμα Ηλεκτρονικού Ταχυδρομείου
+header_feature_email_aliases_desc: Προστατέψτε τα εισερχόμενά σας με ανώνυμες διευθύνσεις ηλεκτρονικού ταχυδρομείου
+header_feature_custom_domains: Προσαρμοσμένοι Τομείς
+header_feature_custom_domains_desc: Χρησιμοποιήστε τον δικό σας τομέα για να δημιουργήσετε ψευδώνυμα
+header_feature_browser_extensions: Επεκτάσεις Προγράμματος Περιήγησης
+header_feature_browser_extensions_desc: Δημιουργήστε ψευδώνυμα με ένα κλικ από το Chrome, Firefox, Edge ή Safari
+header_feature_signin_with_sl: Σύνδεση με SimpleLogin
+header_feature_signin_with_sl_desc: Κουμπί σύνδεσης με προτεραιότητα στην προστασία της ιδιωτικότητας για την εφαρμογή ή τον ιστότοπό σας
+
+header_resource_blog: Blog
+header_resource_blog_desc: Ιστορίες, συμβουλές και οδηγίες για την προστασία της ιδιωτικότητας από την ομάδα μας
+header_resource_documentation: Τεκμηρίωση
+header_resource_documentation_desc: Αξιοποιήστε στο έπακρο το SimpleLogin
+header_resource_faq: Συχνές Ερωτήσεις
+header_resource_faq_desc: Απαντήσεις στις πιο συχνές ερωτήσεις
+header_resource_forum: Forum
+header_resource_forum_desc: Συζητήστε χαρακτηριστικά, κάντε ερωτήσεις, μοιραστείτε βέλτιστες πρακτικές
+header_resource_github: GitHub
+header_resource_github_desc: Ελέγξτε τον ανοιχτό κώδικα μας και συνεισφέρετε
+header_resource_status: Κατάσταση
+header_resource_status_desc: Ελέγξτε τη διαθεσιμότητα της υπηρεσίας και τα περιστατικά
+header_resource_comparisons: Συγκρίσεις
+
+#hero section
+hero: Λήψη και αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου ανώνυμα
 hero_desc: >
   Με το  <em data-toggle="tooltip" data-html="true" title="Ένα ψευδώνυμο ηλεκτρονικού ταχυδρομείου (ή ψευδώνυμο για συντομία) είναι μια διεύθυνση ηλεκτρονικού ταχυδρομείου που <b>δεν αποθηκεύει</b> μηνύματα ηλεκτρονικού ταχυδρομείου: όλα τα μηνύματα ηλεκτρονικού ταχυδρομείου που αποστέλλονται σε ένα ψευδώνυμο προωθούνται στο προσωπικό σας email.">ψευδώνυμα ηλεκτρονικού ταχυδρομείου</em>, μπορείτε να είστε ανώνυμοι στο διαδίκτυο και να προστατεύετε τα εισερχόμενά σας από ανεπιθύμητα μηνύματα και ηλεκτρονικό ψάρεμα. <a href="https://github.com/simple-login/">Ανοιχτού Κώδικα</a>. Κατασκευάζεται και φιλοξενείται στην Ευρώπη.
 hero_cta: >
diff --git a/i18n/en.yaml b/i18n/en.yaml
index d15ad8c0..31fce12e 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -1,7 +1,32 @@
 # header
-header_login: Login
-header_signup: Sign Up
+header_login: Sign in
+header_signup: Create a free account
 header_pricing: Pricing
+header_menu_features: Features
+header_menu_resources: Resources
+
+header_feature_email_aliases: Email Aliases
+header_feature_email_aliases_desc: Protect your inbox with anonymous email addresses
+header_feature_custom_domains: Custom Domains
+header_feature_custom_domains_desc: Use your own domain to create aliases
+header_feature_browser_extensions: Browser Extensions
+header_feature_browser_extensions_desc: Create aliases in one click from Chrome, Firefox, Edge, or Safari
+header_feature_signin_with_sl: Sign in with SimpleLogin
+header_feature_signin_with_sl_desc: Privacy-first login button for your app or website
+
+header_resource_blog: Blog
+header_resource_blog_desc: Stories, tips and privacy guides from our team
+header_resource_documentation: Documentation
+header_resource_documentation_desc: Get the most out of SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Answers to the most common questions
+header_resource_forum: Forum
+header_resource_forum_desc: Discuss features, ask questions, share best practices
+header_resource_github: GitHub
+header_resource_github_desc: Review our open-source code and contribute
+header_resource_status: Status
+header_resource_status_desc: Check service uptime and incidents
+header_resource_comparisons: Comparisons
 
 # hero section
 hero: Receive and send emails anonymously
diff --git a/i18n/es-419.yaml b/i18n/es-419.yaml
index a93236ce..5dc331b2 100644
--- a/i18n/es-419.yaml
+++ b/i18n/es-419.yaml
@@ -1,7 +1,35 @@
-header_login: Iniciar sesión #header
-header_signup: Registrarse
+# header
+header_login: Iniciar sesión
+header_signup: Crear una cuenta gratuita
 header_pricing: Precios
-hero: Reciba y envíe correos anónimamente #hero section
+header_menu_features: Características
+header_menu_resources: Recursos
+
+header_feature_email_aliases: Alias de correo
+header_feature_email_aliases_desc: Proteja su buzón con direcciones de correo anónimas
+header_feature_custom_domains: Dominios personalizados
+header_feature_custom_domains_desc: Use su propio dominio para crear alias
+header_feature_browser_extensions: Extensiones de navegador
+header_feature_browser_extensions_desc: Cree alias con un solo clic desde Chrome, Firefox, Edge o Safari
+header_feature_signin_with_sl: Iniciar sesión con SimpleLogin
+header_feature_signin_with_sl_desc: Botón de inicio de sesión centrado en la privacidad para su aplicación o sitio web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Historias, consejos y guías de privacidad de nuestro equipo
+header_resource_documentation: Documentación
+header_resource_documentation_desc: Aproveche al máximo SimpleLogin
+header_resource_faq: Preguntas frecuentes
+header_resource_faq_desc: Respuestas a las preguntas más comunes
+header_resource_forum: Foro
+header_resource_forum_desc: Discuta funciones, haga preguntas, comparta las mejores prácticas
+header_resource_github: GitHub
+header_resource_github_desc: Revise nuestro código abierto y contribuya
+header_resource_status: Estado
+header_resource_status_desc: Verifique el tiempo de actividad del servicio y los incidentes
+header_resource_comparisons: Comparaciones
+
+#hero section
+hero: Reciba y envíe correos anónimamente
 hero_desc: >
   Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo (o alias para abreviar) es una dirección de correo que <b>no almacena</b> correos: todos los correos enviados a un alias son reenviados a su dirección de correo personal.">alias de correo</em>, puede ser anónimo en internet y proteger su buzón contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">De código abierto</a>. Desarrollado y alojado en Europa.
 hero_cta: >
diff --git a/i18n/es.yaml b/i18n/es.yaml
index 4562b967..88279c1d 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -1,7 +1,35 @@
-header_login: Iniciar sesión #header
-header_signup: Regístrate
+# header
+header_login: Iniciar sesión
+header_signup: Crear una cuenta gratuita
 header_pricing: Precios
-hero: Recibe y envía correos anónimamente #hero section
+header_menu_features: Características
+header_menu_resources: Recursos
+
+header_feature_email_aliases: Alias de correo
+header_feature_email_aliases_desc: Proteja su buzón con direcciones de correo anónimas
+header_feature_custom_domains: Dominios personalizados
+header_feature_custom_domains_desc: Use su propio dominio para crear alias
+header_feature_browser_extensions: Extensiones de navegador
+header_feature_browser_extensions_desc: Cree alias con un solo clic desde Chrome, Firefox, Edge o Safari
+header_feature_signin_with_sl: Iniciar sesión con SimpleLogin
+header_feature_signin_with_sl_desc: Botón de inicio de sesión centrado en la privacidad para su aplicación o sitio web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Historias, consejos y guías de privacidad de nuestro equipo
+header_resource_documentation: Documentación
+header_resource_documentation_desc: Aproveche al máximo SimpleLogin
+header_resource_faq: Preguntas frecuentes
+header_resource_faq_desc: Respuestas a las preguntas más comunes
+header_resource_forum: Foro
+header_resource_forum_desc: Discuta funciones, haga preguntas, comparta las mejores prácticas
+header_resource_github: GitHub
+header_resource_github_desc: Revise nuestro código abierto y contribuya
+header_resource_status: Estado
+header_resource_status_desc: Verifique el tiempo de actividad del servicio y los incidentes
+header_resource_comparisons: Comparaciones
+
+#hero section
+hero: Recibe y envía correos anónimamente
 hero_desc: >
   Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo electrónico (o alias para abreviar) es una dirección de correo electrónico que <b>no almacena</b> correos electrónicos: todos los correos electrónicos enviados a un alias se reenvían a tu correo electrónico personal.">alias de correo electrónico</em>, puedes ser anónimo en internet y proteger tu bandeja de entrada contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">Código abierto</a>. Desarrollado y alojado en Europa.
 hero_cta: >
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index bae4551b..092d38f6 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -1,7 +1,35 @@
-header_login: Se connecter #header
-header_signup: Créer un compte
+# header
+header_login: Se connecter
+header_signup: Créer un compte gratuit
 header_pricing: Tarifs
-hero: Recevez et envoyez des messages de manière anonyme #hero section
+header_menu_features: Fonctionnalités
+header_menu_resources: Ressources
+
+header_feature_email_aliases: Alias d'adresse e-mail
+header_feature_email_aliases_desc: Protégez votre boîte mail avec des alias d'adresse e-mail anonymes
+header_feature_custom_domains: Domaines personnalisés
+header_feature_custom_domains_desc: Utilisez votre propre domaine pour créer des alias
+header_feature_browser_extensions: Extensions de navigateur
+header_feature_browser_extensions_desc: Créez des alias en un clic depuis Chrome, Firefox, Edge ou Safari
+header_feature_signin_with_sl: Se connecter avec SimpleLogin
+header_feature_signin_with_sl_desc: Bouton de connexion axé sur la confidentialité pour votre application ou site web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Histoires, conseils et guides de confidentialité de notre équipe
+header_resource_documentation: Documentation
+header_resource_documentation_desc: Profitez au maximum de SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Réponses aux questions les plus fréquentes
+header_resource_forum: Forum
+header_resource_forum_desc: Discutez des fonctionnalités, posez des questions, partagez les meilleures pratiques
+header_resource_github: GitHub
+header_resource_github_desc: Consultez notre code open-source et contribuez
+header_resource_status: Statut
+header_resource_status_desc: Vérifiez le temps de disponibilité du service et les incidents
+header_resource_comparisons: Comparaisons
+
+#hero section
+hero: Recevez et envoyez des messages de manière anonyme
 hero_desc: >
   Avec les <em data-toggle="tooltip" data-html="true" title="Un alias d'adresse e-mail (ou alias tout court) est une adresse e-mail qui <b>ne stocke pas</b> les messages : tous les messages envoyés à un alias sont transférés vers votre adresse e-mail personnelle.">alias d'adresse e-mail</em>, vous pouvez garder l'anonymat en ligne et protéger votre boite mail contre les spams (indésirables) et le phishing (hameçonnage). SimpleLogin est <a href="https://github.com/simple-login/">open source</a> et est développé et hébergé en Europe.
 hero_cta: >
diff --git a/i18n/id.yaml b/i18n/id.yaml
index 91ceda3e..df9de144 100644
--- a/i18n/id.yaml
+++ b/i18n/id.yaml
@@ -1,7 +1,35 @@
-header_login: Masuk #header
-header_signup: Daftar
+# header
+header_login: Masuk
+header_signup: Buat akun gratis
 header_pricing: Harga
-hero: Terima dan kirim surel secara anonim #hero section
+header_menu_features: Fitur
+header_menu_resources: Sumber Daya
+
+header_feature_email_aliases: Alias Surel
+header_feature_email_aliases_desc: Lindungi kotak masuk Anda dengan alamat surel anonim
+header_feature_custom_domains: Domain Kustom
+header_feature_custom_domains_desc: Gunakan domain Anda sendiri untuk membuat alias
+header_feature_browser_extensions: Ekstensi Peramban
+header_feature_browser_extensions_desc: Buat alias dengan satu klik dari Chrome, Firefox, Edge, atau Safari
+header_feature_signin_with_sl: Masuk dengan SimpleLogin
+header_feature_signin_with_sl_desc: Tombol masuk yang mengutamakan privasi untuk aplikasi atau situs web Anda
+
+header_resource_blog: Blog
+header_resource_blog_desc: Cerita, tips, dan panduan privasi dari tim kami
+header_resource_documentation: Dokumentasi
+header_resource_documentation_desc: Manfaatkan SimpleLogin secara maksimal
+header_resource_faq: FAQ
+header_resource_faq_desc: Jawaban untuk pertanyaan yang paling umum
+header_resource_forum: Forum
+header_resource_forum_desc: Diskusikan fitur, ajukan pertanyaan, bagikan praktik terbaik
+header_resource_github: GitHub
+header_resource_github_desc: Tinjau kode sumber terbuka kami dan berkontribusi
+header_resource_status: Status
+header_resource_status_desc: Periksa waktu aktif layanan dan insiden
+header_resource_comparisons: Perbandingan
+
+#hero section
+hero: Terima dan kirim surel secara anonim
 hero_desc: >
   Dengan <em data-toggle="tooltip" data-html="true" title="Sebuah alias surel (atau alias) adalah alamat surel yang <b>tidak menyimpan</b> surel: semua surel yang dikirim ke sebuah alias akan diteruskan ke surel pribadi Anda.">alias surel</em>, Anda bisa menjadi anonim secara daring dan melindungi kotak masuk Anda terhadap spam dan phishing. <a href="https://github.com/simple-login/">Bersumber terbuka</a>. Dibuat dan dihost di Eropa.
 hero_cta: >
diff --git a/i18n/it.yaml b/i18n/it.yaml
index 1183820e..e2cd1987 100644
--- a/i18n/it.yaml
+++ b/i18n/it.yaml
@@ -1,7 +1,35 @@
-header_login: Accedi #header
-header_signup: Registrati
+# header
+header_login: Accedi
+header_signup: Crea un account gratuito
 header_pricing: Prezzi
-hero: Ricevi e invia email in modo anonimo #hero section
+header_menu_features: Funzionalità
+header_menu_resources: Risorse
+
+header_feature_email_aliases: Alias email
+header_feature_email_aliases_desc: Proteggi la tua casella di posta con indirizzi email anonimi
+header_feature_custom_domains: Domini personalizzati
+header_feature_custom_domains_desc: Usa il tuo dominio per creare alias
+header_feature_browser_extensions: Estensioni del browser
+header_feature_browser_extensions_desc: Crea alias con un clic da Chrome, Firefox, Edge o Safari
+header_feature_signin_with_sl: Accedi con SimpleLogin
+header_feature_signin_with_sl_desc: Pulsante di accesso incentrato sulla privacy per la tua app o sito web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Storie, consigli e guide sulla privacy dal nostro team
+header_resource_documentation: Documentazione
+header_resource_documentation_desc: Sfrutta al massimo SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Risposte alle domande più frequenti
+header_resource_forum: Forum
+header_resource_forum_desc: Discuti le funzionalità, fai domande, condividi le migliori pratiche
+header_resource_github: GitHub
+header_resource_github_desc: Consulta il nostro codice open-source e contribuisci
+header_resource_status: Stato
+header_resource_status_desc: Controlla la disponibilità del servizio e gli incidenti
+header_resource_comparisons: Confronti
+
+#hero section
+hero: Ricevi e invia email in modo anonimo
 hero_desc: >
   Con <em data-toggle="tooltip" data-html="true" title="Un alias email (o alias in breve) è un indirizzo email che <b>non memorizza</b> le email: tutte le email inviate  a un alias vengono inoltrate alla tua email personale.">alias email</em>, puoi essere anonimo online e proteggere la tua casella di posta da spam e phishing.  <a href="https://github.com/simple-login/">Open source</a>.  Realizzato e ospitato in Europa.
 hero_cta: >
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
index fc42bdd8..524fe6a4 100644
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@@ -1,7 +1,35 @@
-header_login: ログイン #header
-header_signup: サインアップ
+# header
+header_login: ログイン
+header_signup: 無料アカウントを作成
 header_pricing: 価格
-hero: 匿名でメールを受信・送信 #hero section
+header_menu_features: 機能
+header_menu_resources: リソース
+
+header_feature_email_aliases: メールエイリアス
+header_feature_email_aliases_desc: 匿名のメールアドレスで受信トレイを保護
+header_feature_custom_domains: カスタムドメイン
+header_feature_custom_domains_desc: 自分のドメインを使用してエイリアスを作成
+header_feature_browser_extensions: ブラウザ拡張機能
+header_feature_browser_extensions_desc: Chrome、Firefox、Edge、Safariからワンクリックでエイリアスを作成
+header_feature_signin_with_sl: SimpleLoginでサインイン
+header_feature_signin_with_sl_desc: アプリやウェブサイト向けのプライバシー重視のサインインボタン
+
+header_resource_blog: Blog
+header_resource_blog_desc: チームからのストーリー、ヒント、プライバシーガイド
+header_resource_documentation: ドキュメント
+header_resource_documentation_desc: SimpleLoginを最大限に活用する
+header_resource_faq: FAQ
+header_resource_faq_desc: よくある質問への回答
+header_resource_forum: フォーラム
+header_resource_forum_desc: 機能について議論し、質問し、ベストプラクティスを共有
+header_resource_github: GitHub
+header_resource_github_desc: オープンソースコードを確認し、貢献する
+header_resource_status: ステータス
+header_resource_status_desc: サービスの稼働状況とインシデントを確認
+header_resource_comparisons: 比較
+
+#hero section
+hero: 匿名でメールを受信・送信
 hero_desc: >
   「<em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that 電子メールは<b>保存されません</b>。エイリアスに送信されたすべての電子メールは、個人の電子メールに転送されます。">電子メール エイリアス</em>」を使用すると、オンラインで匿名になり、スパムやフィッシングから受信トレイを保護できます。 <a href="https://github.com/simple-login/">オープンソース</a>。 ヨーロッパで作成およびホストされています。
 hero_cta: >
diff --git a/i18n/ka.yaml b/i18n/ka.yaml
index 33929888..9d3d25d5 100644
--- a/i18n/ka.yaml
+++ b/i18n/ka.yaml
@@ -1,7 +1,35 @@
-header_login: შესვლა #header
-header_signup: რეგისტრაცია
+# header
+header_login: შესვლა
+header_signup: უფასო ანგარიშის შექმნა
 header_pricing: ფასები
-hero: მიიღეთ და გააგზავნეთ ელფოსტა ანონიმურად #hero section
+header_menu_features: ფუნქციები
+header_menu_resources: რესურსები
+
+header_feature_email_aliases: ელფოსტის ფსევდონიმები
+header_feature_email_aliases_desc: დაიცავით თქვენი საფოსტო ყუთი ანონიმური ელფოსტის მისამართებით
+header_feature_custom_domains: კასტომიზირებული დომენები
+header_feature_custom_domains_desc: გამოიყენეთ თქვენი საკუთარი დომენი ფსევდონიმების შესაქმნელად
+header_feature_browser_extensions: ბრაუზერის გაფართოებები
+header_feature_browser_extensions_desc: შექმენით ფსევდონიმები ერთი დაწკაპუნებით Chrome, Firefox, Edge ან Safari-დან
+header_feature_signin_with_sl: SimpleLogin-ით შესვლა
+header_feature_signin_with_sl_desc: აპლიკაციის ან ვებსაიტისთვის კონფიდენციალურობაზე ორიენტირებული შესვლის ღილაკი
+
+header_resource_blog: Blog
+header_resource_blog_desc: ჩვენი გუნდის ისტორიები, რჩევები და კონფიდენციალურობის სახელმძღვანელოები
+header_resource_documentation: დოკუმენტაცია
+header_resource_documentation_desc: მიიღეთ მაქსიმალური სარგებელი SimpleLogin-დან
+header_resource_faq: FAQ
+header_resource_faq_desc: ყველაზე ხშირად დასმული კითხვების პასუხები
+header_resource_forum: ფორუმი
+header_resource_forum_desc: ფუნქციების განხილვა, კითხვების დასმა, საუკეთესო პრაქტიკის გაზიარება
+header_resource_github: GitHub
+header_resource_github_desc: ჩვენი ღია კოდის კოდის გადახედვა და წვლილის შეტანა
+header_resource_status: სტატუსი
+header_resource_status_desc: სერვისის დროის და ინციდენტების შემოწმება
+header_resource_comparisons: შედარებები
+
+#hero section
+hero: მიიღეთ და გააგზავნეთ ელფოსტა ანონიმურად
 hero_desc: >
   <em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that <b>არ ვიმახსოვრებთ</b> ელფოსტას: ყველა ელფოსტა, რომელიც ფსევდონიმზეა გამოგზავნილი, თქვენს პირად ელფოსტაზე გადმოიგზავნება. ">ელფოსტის ფსევდონიმები</em>, თქვენ შეგიძლიათ, ინტერნეტში ანონიმურად იმუშაოთ და დაიცვათ თქვენი საფოსტო ყუთი სპამისგან და ფიშინგისგან. <a href="https://github.com/simple-login/">ის ღია კოდითაა</a>. დამზადებული და დაჰოსტილია ევროპაში.
 hero_cta: >
diff --git a/i18n/ko.yaml b/i18n/ko.yaml
index 6a766b36..f31300d6 100644
--- a/i18n/ko.yaml
+++ b/i18n/ko.yaml
@@ -1,7 +1,35 @@
-header_login: 로그인 #header
-header_signup: 회원 가입
+# header
+header_login: 로그인
+header_signup: 무료 계정 만들기
 header_pricing: 가격
-hero: 익명으로 이메일을 주고 받으세요 #hero section
+header_menu_features: 기능
+header_menu_resources: 리소스
+
+header_feature_email_aliases: 이메일 별명
+header_feature_email_aliases_desc: 익명 이메일 주소로 받은 편지함을 보호하세요
+header_feature_custom_domains: 맞춤 도메인
+header_feature_custom_domains_desc: 별명을 만들기 위해 자신의 도메인을 사용하세요
+header_feature_browser_extensions: 브라우저 확장
+header_feature_browser_extensions_desc: Chrome, Firefox, Edge 또는 Safari에서 한 번의 클릭으로 별명을 만드세요
+header_feature_signin_with_sl: SimpleLogin으로 로그인
+header_feature_signin_with_sl_desc: 앱이나 웹사이트용 프라이버시 중심 로그인 버튼
+
+header_resource_blog: 블로그
+header_resource_blog_desc: 우리 팀의 이야기, 팁 및 개인정보 보호 가이드
+header_resource_documentation: 문서
+header_resource_documentation_desc: SimpleLogin을 최대한 활용하세요
+header_resource_faq: FAQ
+header_resource_faq_desc: 가장 자주 묻는 질문에 대한 답변
+header_resource_forum: 포럼
+header_resource_forum_desc: 기능을 논의하고, 질문을 하고, 모범 사례를 공유하세요
+header_resource_github: GitHub
+header_resource_github_desc: 우리의 오픈 소스 코드를 검토하고 기여하세요
+header_resource_status: 상태
+header_resource_status_desc: 서비스 가동 시간 및 사건을 확인하세요
+header_resource_comparisons: 비교
+
+#hero section
+hero: 익명으로 이메일을 주고 받으세요
 hero_desc: >
   <em data-toggle="tooltip" data-html="true" title="이메일 별명은 <b>이메일을 저장하지 않는</b> 이메일 주소입니다: 이메일 별명으로 전송된 모든 이메일은 사용자의 개인 이메일으로 전달됩니다.">이메일 별명</em>으로, 온라인에서 익명 상태를 유지하고 스팸과 피니싱 없이 받은 편지함을 보호할 수 있습니다. <a href="https://github.com/simple-login/">오픈소스이며</a>, 유럽에서 개발 및 운영됩니다.
 hero_cta: >
diff --git a/i18n/nl.yaml b/i18n/nl.yaml
index 99511511..43a62b3b 100644
--- a/i18n/nl.yaml
+++ b/i18n/nl.yaml
@@ -1,7 +1,35 @@
-header_login: Inloggen #header
-header_signup: Registreren
+# header
+header_login: Inloggen
+header_signup: Maak een gratis account
 header_pricing: Prijzen
-hero: Ontvang en verzend e-mails anoniem #hero section
+header_menu_features: Functies
+header_menu_resources: Bronnen
+
+header_feature_email_aliases: -mail Aliassen
+header_feature_email_aliases_desc: Bescherm uw inbox met anonieme e-mailadressen
+header_feature_custom_domains: Aangepaste Domeinen
+header_feature_custom_domains_desc: Gebruik uw eigen domein om aliassen te maken
+header_feature_browser_extensions: Browserextensies
+header_feature_browser_extensions_desc: Maak aliassen met één klik vanuit Chrome, Firefox, Edge of Safari
+header_feature_signin_with_sl: Inloggen met SimpleLogin
+header_feature_signin_with_sl_desc: Privacygerichte inlogknop voor uw app of website
+
+header_resource_blog: Blog
+header_resource_blog_desc: Verhalen, tips en privacygidsen van ons team
+header_resource_documentation: Documentatie
+header_resource_documentation_desc: Haal het meeste uit SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Antwoorden op de meest gestelde vragen
+header_resource_forum: Forum
+header_resource_forum_desc: Bespreek functies, stel vragen, deel best practices
+header_resource_github: GitHub
+header_resource_github_desc: Bekijk onze open-source code en draag bij
+header_resource_status: Status
+header_resource_status_desc: Controleer de uptime van de service en incidenten
+header_resource_comparisons: Vergelijkingen
+
+#hero section
+hero: Ontvang en verzend e-mails anoniem
 hero_desc: >
   Met  <em data-toggle="tooltip" data-html="true" title="Een e-mail alias (of in het kort alias) is een e-mailadres dat <b>geen e-mails opslaat</b>: alle e-mails die verzonden worden naar een alias worden doorgestuurd naar uw persoonlijke e-mail .">e-mail aliassen</em>, kunt u anoniem online zijn en uw postvak beschermen tegen spam en phishing. <a href="https://github.com/simple-login/">Open source</a>. Gemaakt en gehost in Europa.
 hero_cta: >
diff --git a/i18n/no.yaml b/i18n/no.yaml
index 056ff6ec..3adf8724 100644
--- a/i18n/no.yaml
+++ b/i18n/no.yaml
@@ -1,7 +1,35 @@
-header_login: Logg på #header
-header_signup: Registrer deg
+# header
+header_login: Logg på
+header_signup: Opprett en gratis konto
 header_pricing: Priser
-hero: Motta og send e-post anonymt #hero section
+header_menu_features: Funksjoner
+header_menu_resources: Ressurser
+
+header_feature_email_aliases: E-postaliaser
+header_feature_email_aliases_desc: Beskytt innboksen din med anonyme e-postadresser
+header_feature_custom_domains: Tilpassede domener
+header_feature_custom_domains_desc: Bruk ditt eget domene for å opprette aliaser
+header_feature_browser_extensions: Nettleserutvidelser
+header_feature_browser_extensions_desc: Opprett aliaser med ett klikk fra Chrome, Firefox, Edge eller Safari
+header_feature_signin_with_sl: Logg inn med SimpleLogin
+header_feature_signin_with_sl_desc: Personvern-fokusert innloggingsknapp for appen eller nettstedet ditt
+
+header_resource_blog: Blog
+header_resource_blog_desc: Historier, tips og personvernveiledninger fra vårt team
+header_resource_documentation: Dokumentasjon
+header_resource_documentation_desc: Få mest mulig ut av SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Svar på de vanligste spørsmålene
+header_resource_forum: Forum
+header_resource_forum_desc: Diskuter funksjoner, still spørsmål, del beste praksis
+header_resource_github: GitHub
+header_resource_github_desc: Se vår åpen kildekode og bidra
+header_resource_status: Status
+header_resource_status_desc: Sjekk tjenestens oppetid og hendelser
+header_resource_comparisons: Sammenligninger
+
+#hero section
+hero: Motta og send e-post anonymt
 hero_desc: >
   Med <em data-toggle="tooltip" data-html="true" title="en e-postalias (eller alias) er en e-postadresse som <b>ikke lagrer</b>e-poster: alle e-postmeldinger som sendes til et alias, videresendes til din personlige e-postadresse.">e-postaliaser</em>, du kan være anonym på nettet og beskytte innboksen din mot søppelpost og nettfisking.<a href="https://github.com/simple-login/">Åpen kildekode</a>Laget og vertet i Europa.
 hero_cta: >
diff --git a/i18n/pt-BR.yaml b/i18n/pt-BR.yaml
index ed21e55e..f8d1e509 100644
--- a/i18n/pt-BR.yaml
+++ b/i18n/pt-BR.yaml
@@ -1,7 +1,35 @@
-header_login: Iniciar sessão #header
-header_signup: Criar conta
+# header
+header_login: Iniciar sessão
+header_signup: Criar uma conta gratuita
 header_pricing: Preços
-hero: Receba e envie e-mails anonimamente #hero section
+header_menu_features: Características
+header_menu_resources: Recursos
+
+header_feature_email_aliases: Aliases de Email
+header_feature_email_aliases_desc: Proteja sua caixa de entrada com endereços de e-mail anônimos
+header_feature_custom_domains: Domínios Personalizados
+header_feature_custom_domains_desc: Use seu próprio domínio para criar aliases
+header_feature_browser_extensions: Extensões de Navegador
+header_feature_browser_extensions_desc: Crie aliases com um clique no Chrome, Firefox, Edge ou Safari
+header_feature_signin_with_sl: Entrar com SimpleLogin
+header_feature_signin_with_sl_desc: Botão de login focado em privacidade para seu aplicativo ou site
+
+header_resource_blog: Blog
+header_resource_blog_desc: Histórias, dicas e guias de privacidade da nossa equipe
+header_resource_documentation: Documentação
+header_resource_documentation_desc: Aproveite ao máximo o SimpleLogin
+header_resource_faq: FAQ
+header_resource_faq_desc: Respostas às perguntas mais comuns
+header_resource_forum: Fórum
+header_resource_forum_desc: Discuta recursos, faça perguntas, compartilhe melhores práticas
+header_resource_github: GitHub
+header_resource_github_desc: Revise nosso código aberto e contribua
+header_resource_status: Status
+header_resource_status_desc: Verifique o tempo de atividade e incidentes do serviço
+header_resource_comparisons: Comparações
+
+#hero section
+hero: Receba e envie e-mails anonimamente
 hero_desc: >
   Com  <em data-toggle="tooltip" data-html="true" title="Um alias de email (ou alias para abreviar) é um endereço de e-mail que <b>não armazena</b> e-mails: todos os emails enviados a um alias de e-mail são encaminhados para o seu e-mail pessoal.">aliases de e-mail</em>, você pode permanecer anônimo on-line e proteger sua caixa de entrada contra spam e phishing. <a href="https://github.com/simple-login/">Código aberto</a>. Feito e hospedado na Europa.
 hero_cta: >
diff --git a/i18n/ro.yaml b/i18n/ro.yaml
index 6b87bad2..a37ebfc8 100644
--- a/i18n/ro.yaml
+++ b/i18n/ro.yaml
@@ -1,7 +1,35 @@
-header_login: Autentificare #header
-header_signup: Înscriere
+# header
+header_login: Autentificare
+header_signup: Creează un cont gratuit
 header_pricing: Prețuri
-hero: Primiți și trimiteți mesaje anonim #hero section
+header_menu_features: Caracteristici
+header_menu_resources: Resurse
+
+header_feature_email_aliases: Aliasuri de e-mail
+header_feature_email_aliases_desc: Protejați-vă inboxul cu adrese de e-mail anonime
+header_feature_custom_domains: Domenii personalizate
+header_feature_custom_domains_desc: Folosiți propriul domeniu pentru a crea aliasuri
+header_feature_browser_extensions: Extensii pentru browser
+header_feature_browser_extensions_desc: Creați aliasuri cu un singur clic din Chrome, Firefox, Edge sau Safari
+header_feature_signin_with_sl: Autentificare cu SimpleLogin
+header_feature_signin_with_sl_desc: Buton de autentificare axat pe confidențialitate pentru aplicația sau site-ul dvs.
+
+header_resource_blog: Blog
+header_resource_blog_desc: Povești, sfaturi și ghiduri de confidențialitate de la echipa noastră
+header_resource_documentation: Documentație
+header_resource_documentation_desc: Profitați la maximum de SimpleLogin
+header_resource_faq: Întrebări frecvente
+header_resource_faq_desc: Răspunsuri la cele mai frecvente întrebări
+header_resource_forum: Forum
+header_resource_forum_desc: Discutați despre funcționalități, puneți întrebări, împărtășiți cele mai bune practici
+header_resource_github: GitHub
+header_resource_github_desc: Revizuiți codul nostru open-source și contribuiți
+header_resource_status: Status
+header_resource_status_desc: Verificați timpul de funcționare și incidentele serviciului
+header_resource_comparisons: Comparații
+
+#hero section
+hero: Primiți și trimiteți mesaje anonim
 hero_desc: >
   Cu <em data-toggle="tooltip" data-html="true" title="Un alias de e-mail (sau alias pe scurt) este o adresă de e-mail care <b>nu stochează</b> mesajele: toate mesajele trimise către un alias sunt redirecționate către adresa de e-mail personală.">aliasuri de e-mail</em>, vă păstrați anonimitatea online și vă puteți proteja adresa de e-mail împotriva mesajelor nedorite și a înșelăciunilor. <a href="https://github.com/simple-login/">Cu sursa publică</a>. Creat și găzduit în Europa.
 hero_cta: >
diff --git a/i18n/sk.yaml b/i18n/sk.yaml
index 48706ab9..77bc7cd3 100644
--- a/i18n/sk.yaml
+++ b/i18n/sk.yaml
@@ -1,7 +1,35 @@
-header_login: Prihlásiť sa #header
-header_signup: Zaregistrovať sa
+# header
+header_login: Prihlásiť sa
+header_signup: Vytvoriť bezplatný účet
 header_pricing: Cenník
-hero: Prijímajte a odosielajte emaily anonymne #hero section
+header_menu_features: Funkcie
+header_menu_resources: Zdroje
+
+header_feature_email_aliases: Emailové aliasy
+header_feature_email_aliases_desc: Chráňte svoju doručenú poštu pomocou anonymných emailových adries
+header_feature_custom_domains: Vlastné domény
+header_feature_custom_domains_desc: Použite svoju vlastnú doménu na vytváranie aliasov
+header_feature_browser_extensions: Rozšírenia pre prehliadač
+header_feature_browser_extensions_desc: Vytvárajte aliasy jedným kliknutím z Chrome, Firefox, Edge alebo Safari
+header_feature_signin_with_sl: Prihlásiť sa s SimpleLogin
+header_feature_signin_with_sl_desc: Tlačidlo na prihlásenie zamerané na ochranu súkromia pre vašu aplikáciu alebo web
+
+header_resource_blog: Blog
+header_resource_blog_desc: Príbehy, tipy a návody na ochranu súkromia od nášho tímu
+header_resource_documentation: Dokumentácia
+header_resource_documentation_desc: Využite SimpleLogin na maximum
+header_resource_faq: Často kladené otázky
+header_resource_faq_desc: Odpovede na najčastejšie otázky
+header_resource_forum: Fórum
+header_resource_forum_desc: Diskutujte o funkciách, kladte otázky, zdieľajte najlepšie postupy
+header_resource_github: GitHub
+header_resource_github_desc: Prezrite si náš open-source kód a prispievajte
+header_resource_status: Stav
+header_resource_status_desc: Skontrolujte dostupnosť služby a incidenty
+header_resource_comparisons: Porovnania
+
+#hero section
+hero: Prijímajte a odosielajte emaily anonymne
 hero_desc: >
   S <em data-toggle="tooltip" data-html="true" title="Emailový alias (skrátene alias) je emailová adresa, ktorá <b>neukladá</b> emaily: všetky emaily odoslané na alias sa prepošlú na váš osobný email.">emailovými aliasmi</em> môžete zostať v anonymite a chrániť vašu doručenú poštu pred spamom a phishingom. <a href="https://github.com/simple-login/">Open source</a>. Vytvorené a hostované v Európe.
 hero_cta: >
diff --git a/i18n/tr.yaml b/i18n/tr.yaml
index a4d02ec2..cca89d44 100644
--- a/i18n/tr.yaml
+++ b/i18n/tr.yaml
@@ -1,7 +1,35 @@
-header_login: Oturum aç #header
-header_signup: Hesap aç
+# header
+header_login: Oturum aç
+header_signup: Ücretsiz hesap oluştur
 header_pricing: Ücretler
-hero: E-postaları anonim olarak gönderip alın #hero section
+header_menu_features: Özellikler
+header_menu_resources: Kaynaklar
+
+header_feature_email_aliases: E-posta Takma Adları
+header_feature_email_aliases_desc: Gelen kutunuzu anonim e-posta adresleri ile koruyun
+header_feature_custom_domains: Özel Alan Adları
+header_feature_custom_domains_desc: Kendi alan adınızı kullanarak takma adlar oluşturun
+header_feature_browser_extensions: Tarayıcı Uzantıları
+header_feature_browser_extensions_desc: Chrome, Firefox, Edge veya Safari'den tek tıkla takma adlar oluşturun
+header_feature_signin_with_sl: SimpleLogin ile Giriş Yap
+header_feature_signin_with_sl_desc: Uygulamanız veya web siteniz için gizlilik odaklı giriş düğmesi
+
+header_resource_blog: Blog
+header_resource_blog_desc: Ekibimizden hikayeler, ipuçları ve gizlilik rehberleri
+header_resource_documentation: Dokümantasyon
+header_resource_documentation_desc: SimpleLogin'den en iyi şekilde yararlanın
+header_resource_faq: SSS
+header_resource_faq_desc: En yaygın soruların yanıtları
+header_resource_forum: Forum
+header_resource_forum_desc: Özellikleri tartışın, sorular sorun, en iyi uygulamaları paylaşın
+header_resource_github: GitHub
+header_resource_github_desc: Açık kaynak kodumuzu inceleyin ve katkıda bulunun
+header_resource_status: Durum
+header_resource_status_desc: Hizmetin çalışma süresini ve olayları kontrol edin
+header_resource_comparisons: Karşılaştırmalar
+
+#hero section
+hero: E-postaları anonim olarak gönderip alın
 hero_desc: >
   <em data-toggle="tooltip" data-html="true" title="Bir e-posta takma adı (ya da kısaca takma ad) e-postaları <b>saklamayan</b> bir e-posta adresidir. Bir takma ada gönderilen tüm e-postalar kişisel e-postanıza iletilir.">E-posta takma adları</em>, çevrim içi anonim olabilir ve gelen kutunuzu istenmeyen e-posta ve oltalama saldırılarına karşı koruyabilirsiniz. <a href="https://github.com/simple-login/">Açık kaynaklı</a>. Avrupa'da geliştirildi ve barındırılıyor.
 hero_cta: >
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index d14ef942..5f74b9d8 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -228,14 +228,6 @@ <h3 class="h6 text-white">Downloads</h3>
 <!-- JS Plugins Init. -->
 <script>
   $(window).on('load', function () {
-    // initialization of HSMegaMenu component
-    $('.js-mega-menu').HSMegaMenu({
-      event: 'hover',
-      pageContainer: $('.container'),
-      breakpoint: 767.98,
-      hideTimeOut: 0
-    });
-
     // initialization of svg injector module
     $.HSCore.components.HSSVGIngector.init('.js-svg-injector');
   });
@@ -267,6 +259,133 @@ <h3 class="h6 text-white">Downloads</h3>
     $.HSCore.components.HSGoTo.init('.js-go-to');
   });
 </script>
+
+<script>
+  (function () {
+    'use strict';
+
+    var navBar    = document.getElementById('navBar');
+    var closeBtn  = document.querySelector('.sl-drawer-close');
+    var hamburger = document.querySelector('.navbar-toggler');
+    var BREAKPOINT = navBar ? parseInt(navBar.getAttribute('data-breakpoint'), 10) : 1278;
+
+    if (!navBar || !hamburger) return;
+
+    function openDrawer() {
+      navBar.classList.add('is-open');
+      document.body.style.overflow = 'hidden';
+      hamburger.setAttribute('aria-expanded', 'true');
+    }
+
+    function closeDrawer() {
+      navBar.classList.remove('is-open');
+      document.body.style.overflow = '';
+      hamburger.setAttribute('aria-expanded', 'false');
+    }
+
+    hamburger.addEventListener('click', function () {
+      navBar.classList.contains('is-open') ? closeDrawer() : openDrawer();
+    });
+
+    if (closeBtn) closeBtn.addEventListener('click', closeDrawer);
+
+    window.addEventListener('resize', function () {
+      if (window.innerWidth >= BREAKPOINT) closeDrawer();
+    });
+  }());
+</script>
+
+<script>
+  (function () {
+    'use strict';
+
+    var navBar = document.getElementById('navBar');
+    var BREAKPOINT = navBar ? parseInt(navBar.getAttribute('data-breakpoint'), 10) : 1278;
+    var overlay    = document.getElementById('sl-nav-overlay');
+    var panels     = Array.from(document.querySelectorAll('.sl-mega-panel'));
+
+    if (!panels.length) return;
+
+    // Remember original DOM positions so panels can be restored after mobile use
+    var origins = new Map(panels.map(function (p) {
+      return [p, { parent: p.parentNode, next: p.nextSibling }];
+    }));
+
+    var active = { panel: null, trigger: null };
+
+    function isDesktop() {
+      return window.innerWidth >= BREAKPOINT;
+    }
+
+    function restoreOrigin(panel) {
+      var o = origins.get(panel);
+      if (panel.parentNode !== o.parent) {
+        o.parent.insertBefore(panel, o.next);
+      }
+    }
+
+    function positionPanel(panel, trigger) {
+      var rect = trigger.getBoundingClientRect();
+      var left = Math.min(rect.left, window.innerWidth - panel.offsetWidth - 16);
+      panel.style.top  = rect.bottom + 'px';
+      panel.style.left = Math.max(0, left) + 'px';
+    }
+
+    function close() {
+      if (!active.panel) return;
+      active.panel.classList.remove('is-open');
+      active.panel.style.top  = '';
+      active.panel.style.left = '';
+      active.trigger.setAttribute('aria-expanded', 'false');
+      restoreOrigin(active.panel);
+      if (overlay) overlay.classList.remove('is-visible');
+      active.panel = active.trigger = null;
+    }
+
+    function open(panel, trigger) {
+      if (active.panel === panel) { close(); return; }
+      if (active.panel) close();
+
+      if (!isDesktop()) {
+        // Slot panel into the drawer directly after its trigger's <li>
+        trigger.closest('li').insertAdjacentElement('afterend', panel);
+      }
+
+      panel.classList.add('is-open');
+      trigger.setAttribute('aria-expanded', 'true');
+      active.panel   = panel;
+      active.trigger = trigger;
+
+      if (isDesktop()) {
+        positionPanel(panel, trigger);
+        if (overlay) overlay.classList.add('is-visible');
+      }
+    }
+
+    document.addEventListener('click', function (e) {
+      var trigger = e.target.closest('#header [aria-haspopup="true"][aria-controls]');
+
+      if (trigger) {
+        var panel = document.getElementById(trigger.getAttribute('aria-controls'));
+        if (panel && panel.classList.contains('sl-mega-panel')) {
+          e.stopPropagation();
+          open(panel, trigger);
+          return;
+        }
+      }
+
+      if (active.panel && !active.panel.contains(e.target)) close();
+    });
+
+    document.addEventListener('keydown', function (e) {
+      if (e.key === 'Escape') close();
+    });
+
+    if (overlay) overlay.addEventListener('click', close);
+
+    window.addEventListener('resize', close);
+  }());
+</script>
 <script src="/local-storage-polyfill.js"></script>
 
 <!--<script type="text/javascript"
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4cb4938f..66b06950 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -98,10 +98,10 @@
 
   <link rel="stylesheet" href="/prism.css">
 
-  <link rel="stylesheet" href="/custom.css?v=4">
+  <link rel="stylesheet" href="/custom.css?v=8">
 
 </head>
-<body class="d-flex flex-column" style="min-height: 100vh">
+<body class="d-flex flex-column sl-page-shell">
   <!-- Hello bar for announcement -->
 <!--   <div id="hello-bar" class="alert alert-success text-center" role="alert">
   </div> -->
@@ -109,152 +109,247 @@
 
 
   <!-- ========== HEADER ========== -->
-  <header id="header" class="u-header u-header--white-bg-on-scroll u-header--sticky-top-md u-header--bg-transparent"
+    <header id="header" class="u-header u-header--white-bg-on-scroll u-header--sticky-top-md u-header--bg-transparent sl-header-sticky"
           data-header-fix-moment="500"
-          data-header-fix-effect="slide"
-          style="position: static;"
-          >
+      data-header-fix-effect="slide">
     <div class="u-header__section">
-      <div id="logoAndNav" class="container">
+      <div id="logoAndNav" class="container-fluid">
         <!-- Nav -->
-        <nav class="js-mega-menu navbar navbar-expand-md u-header__navbar u-header__navbar--no-space">
+        <nav class="js-mega-menu sl-navbar navbar u-header__navbar u-header__navbar--no-space"
+             aria-label="Main navigation">
+
           <!-- Logo -->
           <a class="navbar-brand u-header__navbar-brand u-header__navbar-brand-center"
-            href='{{ cond (eq .Lang "en") "/" (print "/" .Lang "/") }}'
-            aria-label="SimpleLogin">
+             href='{{ cond (eq .Lang "en") "/" (print "/" .Lang "/") }}'
+             aria-label="SimpleLogin">
             <img src="/logo.svg" alt="SimpleLogin logo">
           </a>
           <!-- End Logo -->
 
-          <!-- Responsive Toggle Button -->
+          <!-- Outside-collapse actions: visible progressively at 640px / 768px, hidden at 1278px+ -->
+          <div class="sl-header-actions ml-auto mr-2">
+            <a class="sl-header-signin-top btn-sign-in nav-link u-header__nav-link"
+               href="https://app.simplelogin.io/auth/login">
+              {{ i18n "header_login" }}
+            </a>
+            <a class="sl-header-cta-top btn btn-create-free-account transition-3d-hover"
+               href="https://app.simplelogin.io/auth/register">
+              {{ i18n "header_signup" }}
+            </a>
+          </div>
+
+          <!-- Hamburger Toggle: visible below 1278px -->
           <button type="button" class="navbar-toggler btn u-hamburger"
                   aria-label="Toggle navigation"
                   aria-expanded="false"
-                  aria-controls="navBar"
-                  data-toggle="collapse"
-                  data-target="#navBar">
+                  aria-controls="navBar">
             <span id="hamburgerTrigger" class="u-hamburger__box">
               <span class="u-hamburger__inner"></span>
             </span>
           </button>
-          <!-- End Responsive Toggle Button -->
-
-          <!-- Navigation -->
-          <div id="navBar" class="collapse navbar-collapse u-header__navbar-collapse">
-            <ul class="js-scroll-nav navbar-nav align-items-md-center u-header__navbar-nav ml-auto">
-
-              <!-- Community Menu -->
-              <li class="nav-item hs-has-mega-menu u-header__nav-item"
-                  data-event="hover"
-                  data-animation-in="slideInUp"
-                  data-animation-out="fadeOut"
-                  data-max-width="600px"
-                  data-position="right">
-                <a id="shopMegaMenu" class="nav-link u-header__nav-link u-header__nav-link-toggle" href="javascript:;" aria-haspopup="true" aria-expanded="false">Community</a>
-
-
-                <div class="hs-mega-menu u-header__sub-menu u-header__mega-menu-position-right-fix--md" aria-labelledby="shopMegaMenu">
-                  <div class="u-header__mega-menu-wrapper">
-
-                    <div class="row p-0">
-                      <div class="col p-0">
-                        <ul class="u-header__sub-menu-nav-group">
-                          <li class="submenu-item p-1">
-                            <a class="nav-link u-header__sub-menu-nav-link" href="/blog/">
-                              <div>
-                                <p class="font-weight-bold mb-1">Blog</p>
-                                <p>
-                                  Stories about our journey to build an open-source tool to protect your privacy, what we've learnt and tips to take control of your privacy.
-                                </p>
-                              </div>
-                            </a>
-                          </li>
-
-                          <li class="submenu-item p-1">
-                            <a class="nav-link u-header__sub-menu-nav-link" href="/docs/">
-                              <div>
-                                <p class="font-weight-bold  mb-1">Documentation</p>
-                                <p>
-                                  How to get the most from SimpleLogin.
-                                </p>
-                              </div>
-                            </a>
-                          </li>
-
-                          <li class="submenu-item p-1">
-                            <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app">
-                              <div>
-                                <p class="font-weight-bold  mb-1">GitHub Repo</p>
-                                <p>
-                                  Read, review our code, share ideas. Make sure that SimpleLogin is doing what it says.
-                                </p>
-                              </div>
-                            </a>
-                          </li>
-
-                          <li class="submenu-item p-1">
-                            <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app/discussions">
-                              <div>
-                                <p class="font-weight-bold  mb-1">Forum</p>
-                                <p>
-                                  Discuss about new features, ask questions, share best practices, etc.
-                                </p>
-                              </div>
-                            </a>
-                          </li>
-
-                        </ul>
-
-
-                      </div>
-                    </div>
-                  </div>
-
-                  <div class="p-5" style="background-color: #f8f9fa; border-radius: 5px; box-shadow: 0 10px 15px -3px rgb(0 0 0 / 10%), 0 4px 6px -2px rgb(0 0 0 / 5%);">
-                    <h5>
-                      Comparisons
-                    </h5>
-
-                    <!-- List Group -->
-                    <ul class="list-group list-group-transparent list-group-flush list-group-borderless mb-0">
-                        <li><a class="list-group-item list-group-item-action text-dark" href="/blog/email-alias-vs-plus-sign/">vs Plus Sign (+) Trick </a></li>
-
-                        <li><a class="list-group-item list-group-item-action text-dark" href="/blog/vs-firefox-relay/">vs Firefox Relay</a></li>
-                        <li><a class="list-group-item list-group-item-action text-dark" href="/vs-apple-hide-my-email/">vs Apple's Hide My Email</a></li>
-                    </ul>
-                    <!-- End List Group -->
-
-                  </div>
-                </div>
+          <!-- End Hamburger Toggle -->
+
+          <!-- Navigation Collapse -->
+          <div id="navBar" class="navbar-collapse u-header__navbar-collapse" data-breakpoint="1278">
+
+            <!-- Mobile drawer header: logo + close (hidden at desktop) -->
+            <div class="sl-drawer-header">
+              <a href='{{ cond (eq .Lang "en") "/" (print "/" .Lang "/") }}' aria-label="SimpleLogin">
+                <img src="/logo.svg" alt="SimpleLogin logo" height="28">
+              </a>
+              <button type="button" class="sl-drawer-close" aria-label="Close navigation">
+                <i class="fas fa-times" aria-hidden="true"></i>
+              </button>
+            </div>
+
+            <ul class="js-scroll-nav navbar-nav align-items-md-center u-header__navbar-nav w-100">
+
+              <!-- Features Mega-menu -->
+              <li class="nav-item u-header__nav-item">
+                <button id="featuresMegaMenu"
+                        class="sl-menu-toggle nav-link u-header__nav-link u-header__nav-link-toggle"
+                        type="button"
+                        aria-haspopup="true"
+                        aria-expanded="false"
+                        aria-controls="featuresMegaMenuContent">{{ i18n "header_menu_features" }}</button>
+              </li>
+              <!-- End Features Mega-menu -->
 
+              <!-- Resources Mega-menu -->
+              <li class="nav-item u-header__nav-item">
+                <button id="resourcesMegaMenu"
+                        class="sl-menu-toggle nav-link u-header__nav-link u-header__nav-link-toggle"
+                        type="button"
+                        aria-haspopup="true"
+                        aria-expanded="false"
+                        aria-controls="resourcesMegaMenuContent">{{ i18n "header_menu_resources" }}</button>
               </li>
-              <!-- End Community Menu -->
+              <!-- End Resources Mega-menu -->
 
-              <li class="nav-item u-header__nav-item mr-6">
-                <a class="nav-link u-header__nav-link"
-                  href='{{ cond (eq .Lang "en") "/pricing/" (print "/" .Lang "/pricing/") }}'>
+              <!-- Pricing: mr-auto pushes Sign in + CTA to the right at desktop -->
+              <li class="nav-item u-header__nav-item sl-nav-pricing">
+                <a class="nav-link u-header__nav-link transition-3d-hover"
+                   href='{{ cond (eq .Lang "en") "/pricing/" (print "/" .Lang "/pricing/") }}'>
                   {{ i18n "header_pricing" }}
                 </a>
               </li>
 
-              <li class="nav-item u-header__nav-item">
-                <a class="nav-link u-header__nav-link" href="https://app.simplelogin.io/auth/login">
-                  {{ i18n "header_login" }}
+              <!-- CTA: in drawer below 640px and inline at 1278px+; hidden 640–1277px (shown outside collapse) -->
+              <li class="sl-nav-cta nav-item u-header__nav-item mr-3">
+                <a class="btn btn-create-free-account" href="https://app.simplelogin.io/auth/register">
+                  {{ i18n "header_signup" }}
                 </a>
               </li>
 
-              <li class="nav-item u-header__nav-item mr-6">
-                <a class="btn btn-primary btn-sm transition-3d-hover" href="https://app.simplelogin.io/auth/register">
-                  {{ i18n "header_signup" }}
+              <!-- Sign in: in drawer below 768px and inline at 1278px+; hidden 768–1277px (shown outside collapse) -->
+              <li class="sl-nav-signin nav-item u-header__nav-item">
+                <a class="btn btn-sign-in u-header__nav-link" href="https://app.simplelogin.io/auth/login">
+                  {{ i18n "header_login" }}
                 </a>
               </li>
 
             </ul>
           </div>
-          <!-- End Navigation -->
+          <!-- End Navigation Collapse -->
+
         </nav>
         <!-- End Nav -->
       </div>
     </div>
   </header>
   <!-- ========== END HEADER ========== -->
+
+  <div id="featuresMegaMenuContent" class="sl-mega-panel" aria-labelledby="featuresMegaMenu">
+    <div class="u-header__mega-menu-wrapper">
+      <ul class="u-header__sub-menu-nav-group p-0 m-0" role="list">
+
+        <li class="submenu-item" role="listitem">
+          <a class="nav-link u-header__sub-menu-nav-link" href="/" aria-label="Email Aliases">
+            <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-at"></i></span>
+            <span>
+              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_email_aliases" }}</span>
+              <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_email_aliases_desc" }}</span>
+            </span>
+          </a>
+        </li>
+
+        <li class="submenu-item" role="listitem">
+          <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Custom Domains">
+            <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-globe"></i></span>
+            <span>
+              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_custom_domains" }}</span>
+              <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_custom_domains_desc" }}</span>
+            </span>
+          </a>
+        </li>
+
+        <li class="submenu-item" role="listitem">
+          <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Browser Extensions">
+            <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-puzzle-piece"></i></span>
+            <span>
+              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_browser_extensions" }}</span>
+              <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_browser_extensions_desc" }}</span>
+            </span>
+          </a>
+        </li>
+
+        <li class="submenu-item" role="listitem">
+          <a class="nav-link u-header__sub-menu-nav-link" href="/developer/" aria-label="Sign in with SimpleLogin">
+            <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-key"></i></span>
+            <span>
+              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_signin_with_sl" }}</span>
+              <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_signin_with_sl_desc" }}</span>
+            </span>
+          </a>
+        </li>
+
+      </ul>
+    </div>
+  </div>
+
+  <div id="resourcesMegaMenuContent" class="sl-mega-panel" aria-labelledby="resourcesMegaMenu">
+    <div class="u-header__mega-menu-wrapper pl-0">
+      <div class="row no-gutters">
+
+        <div class="col-7 sl-submenu-main-col py-0">
+          <ul class="u-header__sub-menu-nav-group p-0 m-0" role="list">
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link" href="/blog/" aria-label="Blog">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-rss"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_blog" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_blog_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Documentation">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-book-open"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_documentation" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_documentation_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link"
+                 href='{{ cond (eq .Lang "en") "/faq/" (print "/" .Lang "/faq/") }}'
+                 aria-label="FAQ">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-question-circle"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_faq" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_faq_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app/discussions" aria-label="Forum">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="far fa-comments"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_forum" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_forum_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app" aria-label="GitHub">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="fab fa-github"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_github" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_github_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+            <li class="submenu-item" role="listitem">
+              <a class="nav-link u-header__sub-menu-nav-link" href="https://status.simplelogin.io" aria-label="Status">
+                <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-heartbeat"></i></span>
+                <span>
+                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_status" }}</span>
+                  <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_status_desc" }}</span>
+                </span>
+              </a>
+            </li>
+
+          </ul>
+        </div>
+
+        <div class="col-5 sl-submenu-sidebar rounded-4">
+          <p class="text-uppercase font-weight-bold text-muted sl-submenu-sidebar-title mb-3 mx-3">{{ i18n "header_resource_comparisons" }}</p>
+          <ul class="list-group list-group-transparent list-group-flush list-group-borderless mb-0 mx-3" role="list">
+            <li><a class="list-group-item list-group-item-action text-dark small" href="/blog/email-alias-vs-plus-sign/">vs Plus Sign (+) Trick</a></li>
+            <li><a class="list-group-item list-group-item-action text-dark small" href="/blog/vs-firefox-relay/">vs Firefox Relay</a></li>
+            <li><a class="list-group-item list-group-item-action text-dark small" href="/vs-apple-hide-my-email/">vs Apple's Hide My Email</a></li>
+          </ul>
+        </div>
+
+      </div>
+    </div>
+  </div>
+
+  <div id="sl-nav-overlay" class="sl-nav-overlay" aria-hidden="true"></div>
diff --git a/static/custom.css b/static/custom.css
index 9f0d2567..86e47f3b 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -151,4 +151,601 @@ img {
 
 .submenu-item:hover {
     background-color: #e1e3eb;
+}
+
+/* Header Nav */
+
+header nav .u-header__nav-link {
+    color: #1a202c;
+    transition: all 0.2s ease;
+}
+
+header nav .u-header__nav-item:hover .u-header__nav-link {
+    color: #ea319f;
+}
+
+header .btn-create-free-account {
+    background-color: #ea319f;
+    border-color: #ea319f;
+    border-radius: 16px;
+    color: #fff;
+    padding: 0.25rem 1rem;
+    transition: background-color 0.2s ease, border-color 0.2s ease;
+    font-size: 0.9em;
+}
+
+header .btn-create-free-account:hover {
+    background-color: #d1287f;
+    border-color: #d1287f;
+}
+
+header nav .btn-sign-in {
+    color: #ea319f;
+}
+
+header nav .btn-sign-in:hover {
+    color: #d1287f;
+    text-decoration: underline;
+}
+
+
+/* custom container */
+
+.container-fluid {
+    padding-left: 1rem;
+    padding-right: 1rem;
+}
+
+@media screen and (min-width: 992px) {
+    .container-fluid {
+        padding-left: 4rem;
+        padding-right: 4rem;
+    }
+}
+
+/* Navbar */
+
+#header .navbar-nav {
+    width: 100%;
+}
+
+/* ============================================
+   HEADER — Modern Navigation
+   ============================================
+   Breakpoints (min-width, mobile-first):
+     <1278px → Full-screen drawer navigation
+     1278px+ → Full inline nav, no hamburger
+
+   CSS custom properties cannot be used inside
+   @media rules (spec limitation). Breakpoint
+   values are literals; all other design tokens
+   live in :root.
+   ============================================ */
+
+:root {
+  --sl-bp-cta:        640px;
+  --sl-bp-signin:     768px;
+  --sl-bp-nav:        1278px;
+  --sl-header-z:       100;
+  --sl-overlay-bg:     rgba(0, 0, 0, 0.40);
+  --sl-drawer-bg:      #fff;
+  --sl-drawer-border:  #e9ecef;
+  --sl-drawer-sep:     #f0f2f5;
+  --sl-drawer-shadow:  0 8px 20px rgba(0, 0, 0, 0.1);
+  --sl-submenu-bg:     #f8f9fa;
+  --sl-submenu-accent: #ea319f;
+  --sl-submenu-desc:   #77838f;
+  --sl-submenu-radius: 8px;
+  --sl-flyout-shadow:  0 10px 30px rgba(0, 0, 0, 0.12);
+}
+
+/* ——— Always-on base rules ——— */
+
+#header .u-header__navbar {
+  padding: 16px;
+}
+
+#header {
+  z-index: var(--sl-header-z);
+}
+
+.sl-page-shell {
+  min-height: 100vh;
+}
+
+.sl-header-sticky {
+  position: sticky;
+  top: 0;
+}
+
+.sl-menu-toggle {
+  background: transparent;
+  border: 0;
+  cursor: pointer;
+}
+
+.sl-header-actions {
+  align-items: center;
+  display: flex;
+  gap: 0.5rem;
+}
+
+.sl-header-cta-top,
+.sl-header-signin-top {
+  display: none;
+}
+
+/* =============================================
+   MEGA-MENU PANELS
+   Panels live outside the header in the DOM so
+   they are not trapped in its stacking context.
+   z-index 102 > overlay 101 > header 100.
+   ============================================= */
+
+.sl-mega-panel {
+  background: var(--sl-drawer-bg);
+  border-radius: var(--sl-submenu-radius);
+  box-shadow: var(--sl-flyout-shadow);
+  display: none;
+  overflow: hidden;
+  position: fixed;
+  z-index: 102;
+}
+
+.sl-mega-panel.is-open {
+  display: block;
+}
+
+/* On mobile the panel is moved into the nav drawer by JS;
+   fixed positioning must be reset to flow naturally. */
+@media (max-width: 1277px) {
+  .sl-mega-panel {
+    border-top: 1px solid var(--sl-drawer-border);
+    box-shadow: none;
+    position: static;
+    width: 100%;
+  }
+
+  .sl-mega-panel .u-header__mega-menu-wrapper {
+    padding: 0;
+  }
+
+  .sl-submenu-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .sl-mega-panel .u-header__sub-menu-nav-link {
+    padding: 0.625rem 1.5rem;
+  }
+
+  .sl-submenu-sidebar {
+    display: none;
+  }
+
+  #resourcesMegaMenuContent .row {
+    display: block;
+  }
+
+  #resourcesMegaMenuContent .col-7 {
+    flex: 0 0 100%;
+    max-width: 100%;
+    padding: 0;
+  }
+}
+
+@media (min-width: 1278px) {
+  .sl-mega-panel .u-header__mega-menu-wrapper {
+    padding: 12px;
+  }
+
+  .sl-submenu-grid {
+    grid-template-columns: 1fr 1fr;
+  }
+
+  .sl-mega-panel .u-header__sub-menu-nav-link {
+    padding: 0.625rem 0.75rem;
+  }
+
+  .sl-submenu-sidebar {
+    display: block;
+  }
+
+  #resourcesMegaMenuContent .row {
+    display: flex;
+  }
+
+  #resourcesMegaMenuContent .col-7 {
+    flex: 0 0 58.333%;
+    max-width: 58.333%;
+    padding: 1rem;
+  }
+
+  .sl-submenu-main-col {
+    padding: 1rem;
+  }
+
+  .sl-submenu-sidebar {
+    padding: 1rem;
+  }
+}
+
+/* =============================================
+   SUBMENU SHARED STYLES
+   ============================================= */
+
+.sl-submenu-grid {
+  display: grid;
+  gap: 0.25rem;
+  list-style: none;
+}
+
+.sl-mega-panel .u-header__sub-menu-nav-link {
+  align-items: flex-start;
+  display: flex;
+  gap: 0.75rem;
+}
+
+.sl-submenu-icon {
+  align-items: center;
+  color: var(--sl-submenu-accent);
+  display: flex;
+  font-size: 0.9rem;
+  justify-content: center;
+  margin-top: 2px;
+  min-width: 20px;
+  width: 20px;
+}
+
+.sl-submenu-desc {
+  color: var(--sl-submenu-desc);
+  display: block;
+  font-size: 0.78rem;
+  font-weight: 400;
+  line-height: 1.4;
+  margin-top: 1px;
+}
+
+.sl-submenu-sidebar {
+  background-color: var(--sl-submenu-bg);
+  border-radius: 0 var(--sl-submenu-radius) var(--sl-submenu-radius) 0;
+}
+
+.sl-submenu-sidebar-title {
+  font-size: 0.7rem;
+  letter-spacing: 0.05em;
+}
+
+/* =============================================
+   MOBILE DRAWER — Full-screen drawer < 1278px
+   ============================================= */
+
+@media (max-width: 1277px) {
+  .sl-navbar .u-header__navbar-nav .sl-nav-pricing {
+    margin-right: 0;
+  }
+
+  #navBar {
+    background: var(--sl-drawer-bg);
+    bottom: 0;
+    display: flex;
+    flex-direction: column;
+    left: 0;
+    opacity: 0;
+    overflow: hidden;
+    pointer-events: none;
+    position: fixed;
+    right: 0;
+    top: 0;
+    transform: translateY(-10px);
+    transition: opacity 0.25s ease, transform 0.25s ease, visibility 0.25s ease;
+    visibility: hidden;
+    z-index: 103;
+  }
+
+  #navBar.is-open {
+    opacity: 1;
+    pointer-events: auto;
+    transform: translateY(0);
+    visibility: visible;
+  }
+
+  /* Drawer logo + close row */
+  .sl-drawer-header {
+    align-items: center;
+    background: var(--sl-drawer-bg);
+    border-bottom: 1px solid var(--sl-drawer-border);
+    display: flex;
+    flex-shrink: 0;
+    justify-content: space-between;
+    padding: 1rem 1.5rem;
+    width: 100%;
+  }
+
+  .sl-drawer-close {
+    align-items: center;
+    background: transparent;
+    border: none;
+    border-radius: 8px;
+    color: #4a5568;
+    cursor: pointer;
+    display: flex;
+    font-size: 1.1rem;
+    height: 36px;
+    justify-content: center;
+    padding: 0;
+    transition: background 0.15s ease, color 0.15s ease;
+    width: 36px;
+  }
+
+  .sl-drawer-close:hover {
+    background: var(--sl-drawer-sep);
+    color: #1a202c;
+  }
+
+  /* Overlay for drawer (slightly more opaque) */
+  .sl-nav-overlay {
+    background: rgba(0, 0, 0, 0.50);
+    z-index: 102;
+  }
+
+  .sl-nav-overlay.is-visible {
+    opacity: 1;
+    visibility: visible;
+  }
+
+  /* Nav items: scrollable middle area */
+  .sl-navbar .u-header__navbar-nav {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    gap: 0;
+    overflow-y: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  .sl-navbar .u-header__navbar-nav > .u-header__nav-item,
+  .sl-navbar .u-header__navbar-nav > .sl-mega-panel {
+    width: 100%;
+  }
+
+  .sl-navbar .u-header__navbar-nav > .u-header__nav-item {
+    border-bottom: 1px solid var(--sl-drawer-sep);
+    width: 100%;
+  }
+
+  /* Normalize horizontal gutters for Features, Resources and Pricing */
+  .sl-navbar #featuresMegaMenu,
+  .sl-navbar #resourcesMegaMenu,
+  .sl-navbar .u-header__navbar-nav > .u-header__nav-item:nth-child(3) > .u-header__nav-link {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+  }
+
+  /* Nav links with improved spacing */
+  .sl-navbar .u-header__navbar-nav .u-header__nav-link {
+    align-items: center;
+    display: flex;
+    justify-content: space-between;
+    padding: 1.1rem 1.5rem;
+    width: 100%;
+    font-weight: 500;
+    color: #1a202c;
+    font-size: 1rem;
+    letter-spacing: 0.3px;
+    transition: background-color 0.15s ease;
+  }
+
+  .sl-navbar .u-header__navbar-nav .u-header__nav-link:active,
+  .sl-navbar .u-header__navbar-nav .u-header__nav-link:focus {
+    background-color: #f0f2f5;
+  }
+
+  /* Chevrons for expandable mega-menus */
+  .sl-navbar #featuresMegaMenu::after,
+  .sl-navbar #resourcesMegaMenu::after {
+    content: '\f078';
+    font-family: 'Font Awesome 5 Free';
+    font-weight: 900;
+    font-size: 0.65em;
+    color: #ea319f;
+    margin-left: 0.75rem;
+    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+    flex-shrink: 0;
+  }
+
+  .sl-navbar #featuresMegaMenu[aria-expanded="true"]::after,
+  .sl-navbar #resourcesMegaMenu[aria-expanded="true"]::after {
+    transform: rotate(180deg);
+  }
+
+  /* =============================================
+     ACTION BUTTONS SECTION
+     ============================================= */
+
+  /* CTA button — Create free account */
+  .sl-nav-cta {
+    width: 100%;
+    padding: 0.75rem 1.5rem;
+    background: transparent;
+    border: none;
+  }
+
+  .sl-nav-cta .btn {
+    display: block;
+    width: 100%;
+    padding: 0.85rem 1.5rem;
+    margin: 0;
+    background-color: #ea319f;
+    border-color: #ea319f;
+    color: #fff;
+    border-radius: 16px;
+    font-weight: 600;
+    font-size: 1rem;
+    text-align: center;
+    transition: all 0.2s ease;
+    box-shadow: 0 2px 8px rgba(234, 49, 159, 0.25);
+  }
+
+  .sl-nav-cta .btn:active {
+    transform: scale(0.98);
+  }
+
+  /* Sign in button — outline style */
+  .sl-nav-signin {
+    width: 100%;
+    border: 0;
+    padding: 0 1.5rem 0.75rem 1.5rem;
+  }
+
+  .sl-nav-signin .btn {
+    display: block;
+    width: 100%;
+    padding: 0.85rem 1.5rem;
+    border: 2px solid #ea319f;
+    background-color: transparent;
+    color: #ea319f;
+    border-radius: 16px;
+    font-weight: 600;
+    font-size: 1rem;
+    text-align: center;
+    transition: all 0.2s ease;
+  }
+
+  .sl-nav-signin .btn:active {
+    background-color: #f8f0f5;
+    transform: scale(0.98);
+  }
+
+  /* =============================================
+     DRAWER MENU CONTENT
+     ============================================= */
+
+  /* Mega-menu panels in drawer mode */
+  .sl-mega-panel {
+    border-radius: 0;
+  }
+
+  .sl-mega-panel .u-header__mega-menu-wrapper {
+    padding: 0 1.5rem;
+  }
+
+  /* Features and Resources list items */
+  .sl-mega-panel .u-header__sub-menu-nav-link {
+    padding: 0.875rem 0;
+    gap: 0.875rem;
+  }
+
+  .sl-submenu-desc {
+    display: none; /* Hide descriptions in drawer to save space */
+  }
+
+  .sl-submenu-icon {
+    font-size: 1rem;
+    min-width: 24px;
+    width: 24px;
+  }
+
+  .sl-submenu-sidebar {
+    display: none; /* Hide comparisons sidebar in drawer */
+  }
+
+}
+
+/* Hide mobile-only drawer elements at desktop */
+@media (min-width: 1278px) {
+  .sl-drawer-header {
+    display: none;
+  }
+}
+
+/* 640px+: show top CTA and hide drawer CTA item */
+@media (min-width: 640px) and (max-width: 1277px) {
+  .sl-header-cta-top {
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .sl-nav-cta {
+    display: none;
+  }
+}
+
+/* 768px+: show top Sign in and hide drawer Sign in item */
+@media (min-width: 768px) and (max-width: 1277px) {
+  .sl-header-signin-top {
+    align-items: center;
+    display: inline-flex;
+  }
+
+  .sl-nav-signin {
+    display: none;
+  }
+}
+
+/* =============================================
+   1278px — Full inline nav, no hamburger
+   ============================================= */
+
+@media (min-width: 1278px) {
+  .sl-navbar .navbar-toggler {
+    display: none;
+  }
+
+  /* ID selector (specificity 1,0,0) overrides Bootstrap's
+     .collapse:not(.show) { display: none } */
+  #navBar {
+    display: flex;
+    flex-basis: auto;
+    flex-grow: 1;
+  }
+
+  .sl-navbar .navbar-nav {
+    align-items: center;
+    flex-direction: row;
+  }
+
+  .sl-navbar .navbar-nav .u-header__nav-item > .u-header__nav-link {
+    padding-left: 0.75rem;
+    padding-right: 0.75rem;
+  }
+
+  .sl-navbar .u-header__navbar-nav .sl-nav-pricing {
+    margin-right: auto;
+  }
+
+  .sl-header-actions {
+    display: none;
+  }
+
+  .sl-nav-cta,
+  .sl-nav-signin {
+    display: list-item;
+  }
+
+  .sl-nav-cta .btn {
+    display: inline-block;
+    margin: 0;
+    width: auto;
+  }
+}
+
+/* =============================================
+   NAV OVERLAY
+   z-index 101: above header (100), below panels (102)
+   ============================================= */
+
+.sl-nav-overlay {
+  background: var(--sl-overlay-bg);
+  cursor: pointer;
+  inset: 0;
+  opacity: 0;
+  position: fixed;
+  transition: opacity 0.25s ease, visibility 0.25s ease;
+  visibility: hidden;
+  z-index: 101;
+}
+
+.sl-nav-overlay.is-visible {
+  opacity: 1;
+  visibility: visible;
 }
\ No newline at end of file

From a6d216f01caffa7fba45b2195bd6327b6c110417 Mon Sep 17 00:00:00 2001
From: hijuliancode <github-hijuliancode.designer777@passmail.com>
Date: Sat, 18 Apr 2026 18:46:11 -0500
Subject: [PATCH 2/4] refactor(header): enhance header navigation with improved
 styles and accessibility

---
 layouts/partials/header.html |  22 ++---
 static/custom.css            | 165 ++++++++++++++++++++++++-----------
 2 files changed, 123 insertions(+), 64 deletions(-)

diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 66b06950..26a73dde 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -188,7 +188,7 @@
 
               <!-- Pricing: mr-auto pushes Sign in + CTA to the right at desktop -->
               <li class="nav-item u-header__nav-item sl-nav-pricing">
-                <a class="nav-link u-header__nav-link transition-3d-hover"
+                <a class="nav-link u-header__nav-link"
                    href='{{ cond (eq .Lang "en") "/pricing/" (print "/" .Lang "/pricing/") }}'>
                   {{ i18n "header_pricing" }}
                 </a>
@@ -227,7 +227,7 @@
           <a class="nav-link u-header__sub-menu-nav-link" href="/" aria-label="Email Aliases">
             <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-at"></i></span>
             <span>
-              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_email_aliases" }}</span>
+              <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_feature_email_aliases" }}</span>
               <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_email_aliases_desc" }}</span>
             </span>
           </a>
@@ -237,7 +237,7 @@
           <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Custom Domains">
             <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-globe"></i></span>
             <span>
-              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_custom_domains" }}</span>
+              <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_feature_custom_domains" }}</span>
               <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_custom_domains_desc" }}</span>
             </span>
           </a>
@@ -247,7 +247,7 @@
           <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Browser Extensions">
             <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-puzzle-piece"></i></span>
             <span>
-              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_browser_extensions" }}</span>
+              <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_feature_browser_extensions" }}</span>
               <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_browser_extensions_desc" }}</span>
             </span>
           </a>
@@ -257,7 +257,7 @@
           <a class="nav-link u-header__sub-menu-nav-link" href="/developer/" aria-label="Sign in with SimpleLogin">
             <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-key"></i></span>
             <span>
-              <span class="font-weight-bold d-block mb-1">{{ i18n "header_feature_signin_with_sl" }}</span>
+              <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_feature_signin_with_sl" }}</span>
               <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_feature_signin_with_sl_desc" }}</span>
             </span>
           </a>
@@ -278,7 +278,7 @@
               <a class="nav-link u-header__sub-menu-nav-link" href="/blog/" aria-label="Blog">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-rss"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_blog" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_blog" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_blog_desc" }}</span>
                 </span>
               </a>
@@ -288,7 +288,7 @@
               <a class="nav-link u-header__sub-menu-nav-link" href="/docs/" aria-label="Documentation">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-book-open"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_documentation" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_documentation" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_documentation_desc" }}</span>
                 </span>
               </a>
@@ -300,7 +300,7 @@
                  aria-label="FAQ">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-question-circle"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_faq" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_faq" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_faq_desc" }}</span>
                 </span>
               </a>
@@ -310,7 +310,7 @@
               <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app/discussions" aria-label="Forum">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="far fa-comments"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_forum" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_forum" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_forum_desc" }}</span>
                 </span>
               </a>
@@ -320,7 +320,7 @@
               <a class="nav-link u-header__sub-menu-nav-link" href="https://github.com/simple-login/app" aria-label="GitHub">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="fab fa-github"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_github" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_github" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_github_desc" }}</span>
                 </span>
               </a>
@@ -330,7 +330,7 @@
               <a class="nav-link u-header__sub-menu-nav-link" href="https://status.simplelogin.io" aria-label="Status">
                 <span class="sl-submenu-icon" aria-hidden="true"><i class="fas fa-heartbeat"></i></span>
                 <span>
-                  <span class="font-weight-bold d-block mb-1">{{ i18n "header_resource_status" }}</span>
+                  <span class="sl-sumbenu-title font-weight-medium d-block mb-1">{{ i18n "header_resource_status" }}</span>
                   <span class="sl-submenu-desc" aria-hidden="true">{{ i18n "header_resource_status_desc" }}</span>
                 </span>
               </a>
diff --git a/static/custom.css b/static/custom.css
index 86e47f3b..c8ac0d48 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -150,7 +150,7 @@ img {
 }
 
 .submenu-item:hover {
-    background-color: #e1e3eb;
+    background-color: var(--sl-submenu-accent-light);
 }
 
 /* Header Nav */
@@ -160,32 +160,54 @@ header nav .u-header__nav-link {
     transition: all 0.2s ease;
 }
 
-header nav .u-header__nav-item:hover .u-header__nav-link {
-    color: #ea319f;
+header nav .u-header__nav-item:hover > .u-header__nav-link,
+header nav .u-header__nav-item:focus-within > .u-header__nav-link {
+  color: var(--sl-submenu-accent);
+}
+
+header .btn-create-free-account,
+header nav .btn-sign-in {
+  border-radius: 16px;
+  font-size: 0.9em;
+  padding: 0.25rem 1rem;
+  text-decoration: none;
 }
 
 header .btn-create-free-account {
-    background-color: #ea319f;
-    border-color: #ea319f;
-    border-radius: 16px;
+    background-color: var(--sl-submenu-accent);
+    border-color: var(--sl-submenu-accent);
     color: #fff;
-    padding: 0.25rem 1rem;
     transition: background-color 0.2s ease, border-color 0.2s ease;
-    font-size: 0.9em;
 }
 
 header .btn-create-free-account:hover {
     background-color: #d1287f;
     border-color: #d1287f;
+  color: #fff;
+}
+
+header .btn-create-free-account:focus,
+header .btn-create-free-account:active {
+  color: #fff;
 }
 
 header nav .btn-sign-in {
-    color: #ea319f;
+  background-color: #fff;
+  color: var(--sl-submenu-accent);
 }
 
-header nav .btn-sign-in:hover {
-    color: #d1287f;
-    text-decoration: underline;
+header nav .btn-sign-in:hover,
+header nav .btn-sign-in:focus,
+header nav .btn-sign-in:active {
+  background-color: #d1287f;
+  border-color: #d1287f;
+  color: #fff;
+  text-decoration: none;
+}
+
+header nav .u-header__nav-item.sl-nav-signin:hover > .btn-sign-in,
+header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
+  color: #fff;
 }
 
 
@@ -234,7 +256,9 @@ header nav .btn-sign-in:hover {
   --sl-drawer-shadow:  0 8px 20px rgba(0, 0, 0, 0.1);
   --sl-submenu-bg:     #f8f9fa;
   --sl-submenu-accent: #ea319f;
-  --sl-submenu-desc:   #77838f;
+  --sl-submenu-accent-light: #fdeaf5;
+  --sl-submenu-accent-dark:  #8f165c;
+  --sl-submenu-desc:   #4f5458;
   --sl-submenu-radius: 8px;
   --sl-flyout-shadow:  0 10px 30px rgba(0, 0, 0, 0.12);
 }
@@ -264,6 +288,23 @@ header nav .btn-sign-in:hover {
   cursor: pointer;
 }
 
+/* Single source of truth for top-level mega-menu chevrons */
+.sl-navbar .u-header__nav-link-toggle::after {
+  content: '\f078';
+  color: var(--sl-submenu-accent);
+  flex-shrink: 0;
+  font-family: 'Font Awesome 5 Free';
+  font-size: 0.95rem;
+  font-weight: 900;
+  line-height: 1;
+  margin-left: 0.75rem;
+  transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
+}
+
+.sl-navbar .u-header__nav-link-toggle[aria-expanded="true"]::after {
+  transform: rotate(180deg);
+}
+
 .sl-header-actions {
   align-items: center;
   display: flex;
@@ -385,11 +426,24 @@ header nav .btn-sign-in:hover {
   gap: 0.75rem;
 }
 
+.sl-mega-panel .u-header__sub-menu-nav-link .sl-sumbenu-title {
+  color: var(--sl-submenu-accent-dark);
+}
+
+.sl-mega-panel .u-header__sub-menu-nav-link:hover .sl-sumbenu-title {
+  color: var(--sl-submenu-accent);
+}
+
+.sl-mega-panel .u-header__sub-menu-nav-link:hover,
+.sl-mega-panel .u-header__sub-menu-nav-link:focus {
+  color: var(--sl-submenu-accent);
+}
+
 .sl-submenu-icon {
   align-items: center;
   color: var(--sl-submenu-accent);
   display: flex;
-  font-size: 0.9rem;
+  font-size: 1rem;
   justify-content: center;
   margin-top: 2px;
   min-width: 20px;
@@ -399,7 +453,7 @@ header nav .btn-sign-in:hover {
 .sl-submenu-desc {
   color: var(--sl-submenu-desc);
   display: block;
-  font-size: 0.78rem;
+  font-size: 0.9rem;
   font-weight: 400;
   line-height: 1.4;
   margin-top: 1px;
@@ -540,24 +594,6 @@ header nav .btn-sign-in:hover {
     background-color: #f0f2f5;
   }
 
-  /* Chevrons for expandable mega-menus */
-  .sl-navbar #featuresMegaMenu::after,
-  .sl-navbar #resourcesMegaMenu::after {
-    content: '\f078';
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900;
-    font-size: 0.65em;
-    color: #ea319f;
-    margin-left: 0.75rem;
-    transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
-    flex-shrink: 0;
-  }
-
-  .sl-navbar #featuresMegaMenu[aria-expanded="true"]::after,
-  .sl-navbar #resourcesMegaMenu[aria-expanded="true"]::after {
-    transform: rotate(180deg);
-  }
-
   /* =============================================
      ACTION BUTTONS SECTION
      ============================================= */
@@ -571,25 +607,47 @@ header nav .btn-sign-in:hover {
   }
 
   .sl-nav-cta .btn {
+    border-radius: 16px;
     display: block;
+    font-size: 1rem;
+    font-weight: 600;
+    margin: 0;
+    padding: 0.85rem 1.5rem;
+    text-align: center;
+    text-decoration: none;
     width: 100%;
+  }
+
+  .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in {
+    border-radius: 16px;
+    display: block;
+    font-size: 1rem;
+    font-weight: 600;
+    justify-content: center;
     padding: 0.85rem 1.5rem;
-    margin: 0;
+    text-align: center;
+    text-decoration: none;
+    width: 100%;
+  }
+
+  .sl-nav-cta .btn {
     background-color: #ea319f;
     border-color: #ea319f;
     color: #fff;
-    border-radius: 16px;
-    font-weight: 600;
-    font-size: 1rem;
-    text-align: center;
     transition: all 0.2s ease;
     box-shadow: 0 2px 8px rgba(234, 49, 159, 0.25);
   }
 
   .sl-nav-cta .btn:active {
+    color: #fff;
     transform: scale(0.98);
   }
 
+  .sl-nav-cta .btn:hover,
+  .sl-nav-cta .btn:focus {
+    color: #fff;
+  }
+
   /* Sign in button — outline style */
   .sl-nav-signin {
     width: 100%;
@@ -597,23 +655,24 @@ header nav .btn-sign-in:hover {
     padding: 0 1.5rem 0.75rem 1.5rem;
   }
 
-  .sl-nav-signin .btn {
-    display: block;
-    width: 100%;
-    padding: 0.85rem 1.5rem;
-    border: 2px solid #ea319f;
-    background-color: transparent;
-    color: #ea319f;
-    border-radius: 16px;
-    font-weight: 600;
-    font-size: 1rem;
-    text-align: center;
-    transition: all 0.2s ease;
+  .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in {
+    border: 2px solid var(--sl-submenu-accent);
+    background-color: #fff;
+    color: var(--sl-submenu-accent);
   }
 
-  .sl-nav-signin .btn:active {
-    background-color: #f8f0f5;
-    transform: scale(0.98);
+  .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:active {
+    background-color: #d1287f;
+    border-color: #d1287f;
+    color: #fff;
+  }
+
+  .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:hover,
+  .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:focus {
+    background-color: #d1287f;
+    border-color: #d1287f;
+    color: #fff;
+    text-decoration: none;
   }
 
   /* =============================================

From a63c2e3ee0b63110873bd1f3f04a1d1b16581cc5 Mon Sep 17 00:00:00 2001
From: hijuliancode <github-hijuliancode.designer777@passmail.com>
Date: Sat, 18 Apr 2026 21:55:25 -0500
Subject: [PATCH 3/4] feat(home): modernize hero section with updated layout,
 a11y and i18n

- Increase headline size and weight with brand color accent on 'anonymously'
- Wrap hero illustration in styled card container (border-radius, soft shadow)
- Redesign social proof block: 1,000,000+ as prominent stat with stars
- Add secondary 'How it works' CTA button with outline style
- Add keyboard :focus-visible styles for hero CTA buttons
- Mark decorative hero image as aria-hidden
- Add rel='noopener noreferrer' to Open source links across all i18n locales
- Remove redundant CSS radius rules, consolidate design tokens
- Clean editorial comments and minor CSS redundancies"
---
 i18n/be.yaml       |   8 +-
 i18n/cs.yaml       |   8 +-
 i18n/da.yaml       |   8 +-
 i18n/de.yaml       |   8 +-
 i18n/el.yaml       |   8 +-
 i18n/en.yaml       |  16 ++--
 i18n/es-419.yaml   |   8 +-
 i18n/es.yaml       |  10 ++-
 i18n/fr.yaml       |  10 ++-
 i18n/id.yaml       |   8 +-
 i18n/it.yaml       |   8 +-
 i18n/ja.yaml       |   8 +-
 i18n/ka.yaml       |   8 +-
 i18n/ko.yaml       |   8 +-
 i18n/nl.yaml       |   8 +-
 i18n/no.yaml       |   8 +-
 i18n/pt-BR.yaml    |   8 +-
 i18n/ro.yaml       |   8 +-
 i18n/sk.yaml       |   8 +-
 i18n/tr.yaml       |   8 +-
 layouts/index.html |  65 +++++++-------
 static/custom.css  | 219 ++++++++++++++++++++++++++++++++++++++++-----
 22 files changed, 359 insertions(+), 97 deletions(-)

diff --git a/i18n/be.yaml b/i18n/be.yaml
index c99b4e70..086c9145 100644
--- a/i18n/be.yaml
+++ b/i18n/be.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Параўнанні
 
 #hero section
 hero: Ананімна атрымлівайце і адпраўляйце лісты
+hero_highlight_word: Ананімна
+hero_cta_secondary: Як гэта працуе
+hero_stat_value: 1 000 000+
+hero_stat_label: шчаслівых карыстальнікаў
 hero_desc: >
-  З дапамогай  <em data-toggle="tooltip" data-html="true" title="Псеўданім электроннай пошты (ці проста псеўданім) гэта адрэс электроннай пошты, які <b>не захоўвае</b> лісты: усе лісты, якія адпраўлены на псеўданім, перасылаюцца на вашу асабістую электронную пошту.">псеўданімы электроннай пошты</em>, вы можаце быць ананімнымі ў інтэрнэце і абараняць сваю паштовую скрыню ад спама і фішынга. <a href="https://github.com/simple-login/">Адкрыты зыходны код</a>. Зроблена і размяшчаецца ў Еўропе.
-hero_cta: >
+  З дапамогай  <em data-toggle="tooltip" data-html="true" title="Псеўданім электроннай пошты (ці проста псеўданім) гэта адрэс электроннай пошты, які <b>не захоўвае</b> лісты: усе лісты, якія адпраўлены на псеўданім, перасылаюцца на вашу асабістую электронную пошту.">псеўданімы электроннай пошты</em>, вы можаце быць ананімнымі ў інтэрнэце і абараняць сваю паштовую скрыню ад спама і фішынга. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Адкрыты зыходны код</a>. Зроблена і размяшчаецца ў Еўропе.
+hero_cta: Атрымайце свае псеўданімы бясплатна
 
 hero_button_underline: <b>Больш за 800 000</b> псеўданімаў ужо створана.
 seen_on: Рэкамендавана
diff --git a/i18n/cs.yaml b/i18n/cs.yaml
index 79f84275..4ae86dd8 100644
--- a/i18n/cs.yaml
+++ b/i18n/cs.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Porovnání
 
 #hero section
 hero: Anonymní přijímání a odesílání e-mailů
+hero_highlight_word: Anonymní
+hero_cta_secondary: Jak to funguje
+hero_stat_value: 1 000 000+
+hero_stat_label: spokojených uživatelů
 hero_desc: >
-  Pomocí  <em data-toggle="tooltip" data-html="true" title="E-mailový alias (nebo zkráceně alias) je e-mailová adresa, která <b>neukládá</b> e-maily: všechny e-maily zaslané na alias jsou přeposílány na váš osobní e-mail.">emailových aliasů</em> můžete zůstat v anonymitě a chránit svou e-mailovou schránku před spamem a phishingem. <a href="https://github.com/simple-login/">Otevřený zdrojový kód</a>. Vyrobeno a hostováno v Evropě.
-hero_cta: >
+  Pomocí  <em data-toggle="tooltip" data-html="true" title="E-mailový alias (nebo zkráceně alias) je e-mailová adresa, která <b>neukládá</b> e-maily: všechny e-maily zaslané na alias jsou přeposílány na váš osobní e-mail.">emailových aliasů</em> můžete zůstat v anonymitě a chránit svou e-mailovou schránku před spamem a phishingem. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Otevřený zdrojový kód</a>. Vyrobeno a hostováno v Evropě.
+hero_cta: Získejte své aliasy zdarma
 
 hero_button_underline: <b>1,000,000+</b> aliasů vytvořeno.
 seen_on: Doporučují
diff --git a/i18n/da.yaml b/i18n/da.yaml
index fb18db57..da33d91a 100644
--- a/i18n/da.yaml
+++ b/i18n/da.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Sammenligninger
 
 #hero section
 hero: Modtag og send e-mails anonymt
+hero_highlight_word: anonymt
+hero_cta_secondary: Sådan virker det
+hero_stat_value: 1.000.000+
+hero_stat_label: glade brugere
 hero_desc: >
-  Med <em data-toggle="tooltip" data-html="true" title="Et e-mail-alias (også blot kaldet et alias) er en e-mailadresse, som <b>ikke opbevarer</b> e-mails: Alle e-mails, der sendes til et alias, videresendes til din personlige e-mail.">e-mail-aliasser</em>, du kan være anonym online og beskytte din indbakke mod spams og phishing. <a href="https://github.com/simple-login/">Open source</a>. Lavet og hostet i Europa.
-hero_cta: >
+  Med <em data-toggle="tooltip" data-html="true" title="Et e-mail-alias (også blot kaldet et alias) er en e-mailadresse, som <b>ikke opbevarer</b> e-mails: Alle e-mails, der sendes til et alias, videresendes til din personlige e-mail.">e-mail-aliasser</em>, du kan være anonym online og beskytte din indbakke mod spams og phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Lavet og hostet i Europa.
+hero_cta: Få dine aliaser gratis
 
 hero_button_underline: <b>800.000+</b> aliasser oprettet.
 seen_on: Anbefalet af
diff --git a/i18n/de.yaml b/i18n/de.yaml
index 8ab84e06..fc4f6da3 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Vergleiche
 
 #hero section
 hero: Anonyme E-Mails empfangen und versenden
+hero_highlight_word: Anonyme
+hero_cta_secondary: So funktioniert's
+hero_stat_value: 1.000.000+
+hero_stat_label: zufriedene Nutzer
 hero_desc: >
-  Mit <em data-toggle="tooltip" data-html="true" title="Ein E-Mail Alias (oder kurz Alias) ist eine E-Mail Adresse, die <b>keine E-Mails speichert</b>: Alle an ein Alias gesendeten E-Mails werden an deine persönliche E-Mail  Adresse weitergeleitet.">E-Mail Aliassen</em> kannst du online anonym bleiben und deinen Posteingang vor Spam und Phishing schützen. <a href="https://github.com/simple-login/">Open source</a>. Entwickelt und gehostet in Europa.
-hero_cta: >
+  Mit <em data-toggle="tooltip" data-html="true" title="Ein E-Mail Alias (oder kurz Alias) ist eine E-Mail Adresse, die <b>keine E-Mails speichert</b>: Alle an ein Alias gesendeten E-Mails werden an deine persönliche E-Mail  Adresse weitergeleitet.">E-Mail Aliassen</em> kannst du online anonym bleiben und deinen Posteingang vor Spam und Phishing schützen. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Entwickelt und gehostet in Europa.
+hero_cta: Hol dir deine Aliasse kostenlos
 
 hero_button_underline: <b>Mehr als 800.000</b> Aliasse erstellt.
 seen_on: Empfohlen von
diff --git a/i18n/el.yaml b/i18n/el.yaml
index 24a4198a..0cd8fbb1 100644
--- a/i18n/el.yaml
+++ b/i18n/el.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Συγκρίσεις
 
 #hero section
 hero: Λήψη και αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου ανώνυμα
+hero_highlight_word: ανώνυμα
+hero_cta_secondary: Πώς λειτουργεί
+hero_stat_value: 1.000.000+
+hero_stat_label: ευχαριστημένοι χρήστες
 hero_desc: >
-  Με το  <em data-toggle="tooltip" data-html="true" title="Ένα ψευδώνυμο ηλεκτρονικού ταχυδρομείου (ή ψευδώνυμο για συντομία) είναι μια διεύθυνση ηλεκτρονικού ταχυδρομείου που <b>δεν αποθηκεύει</b> μηνύματα ηλεκτρονικού ταχυδρομείου: όλα τα μηνύματα ηλεκτρονικού ταχυδρομείου που αποστέλλονται σε ένα ψευδώνυμο προωθούνται στο προσωπικό σας email.">ψευδώνυμα ηλεκτρονικού ταχυδρομείου</em>, μπορείτε να είστε ανώνυμοι στο διαδίκτυο και να προστατεύετε τα εισερχόμενά σας από ανεπιθύμητα μηνύματα και ηλεκτρονικό ψάρεμα. <a href="https://github.com/simple-login/">Ανοιχτού Κώδικα</a>. Κατασκευάζεται και φιλοξενείται στην Ευρώπη.
-hero_cta: >
+  Με το  <em data-toggle="tooltip" data-html="true" title="Ένα ψευδώνυμο ηλεκτρονικού ταχυδρομείου (ή ψευδώνυμο για συντομία) είναι μια διεύθυνση ηλεκτρονικού ταχυδρομείου που <b>δεν αποθηκεύει</b> μηνύματα ηλεκτρονικού ταχυδρομείου: όλα τα μηνύματα ηλεκτρονικού ταχυδρομείου που αποστέλλονται σε ένα ψευδώνυμο προωθούνται στο προσωπικό σας email.">ψευδώνυμα ηλεκτρονικού ταχυδρομείου</em>, μπορείτε να είστε ανώνυμοι στο διαδίκτυο και να προστατεύετε τα εισερχόμενά σας από ανεπιθύμητα μηνύματα και ηλεκτρονικό ψάρεμα. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Ανοιχτού Κώδικα</a>. Κατασκευάζεται και φιλοξενείται στην Ευρώπη.
+hero_cta: Αποκτήστε δωρεάν τα alias σας
 
 hero_button_underline: <b>1,000,000+</b> ψευδώνυμα δημιουργήθηκαν.
 seen_on: Συνιστάται από
diff --git a/i18n/en.yaml b/i18n/en.yaml
index 31fce12e..0d831230 100644
--- a/i18n/en.yaml
+++ b/i18n/en.yaml
@@ -30,6 +30,7 @@ header_resource_comparisons: Comparisons
 
 # hero section
 hero: Receive and send emails anonymously
+hero_highlight_word: anonymously
 
 # script
 seo_script_product: >
@@ -42,12 +43,17 @@ seo_script_howto: >
   </script>
 
 hero_desc: >
-  With  <em data-toggle="tooltip" data-html="true"
-  title="An email alias (or alias for short) is an email address that <b>doesn't store</b> emails: all emails sent to an alias are forwarded to your personal email.">email aliases</em>, you can be anonymous online and protect your inbox
-  against spams and phishing.
-  <a href="https://github.com/simple-login/">Open source</a>. Based in Switzerland.
+  With <em data-toggle="tooltip" data-html="true"
+  title="An email alias (or alias for short) is an email address that <b>doesn't store</b> emails: all emails sent to an alias are forwarded to your personal email.">email aliases</em>, you can stay anonymous online and protect your inbox
+  against spam and phishing.
+  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Based in Switzerland.
 
-hero_cta: Get your aliases for free >>
+
+hero_cta: Get your aliases for free
+hero_cta_secondary: How it works
+
+hero_stat_value: 1,000,000+
+hero_stat_label: happy users
 
 hero_button_underline: <b>1,000,000+</b> happy users
 
diff --git a/i18n/es-419.yaml b/i18n/es-419.yaml
index 5dc331b2..a4314d6d 100644
--- a/i18n/es-419.yaml
+++ b/i18n/es-419.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Comparaciones
 
 #hero section
 hero: Reciba y envíe correos anónimamente
+hero_highlight_word: anónimamente
+hero_cta_secondary: Cómo funciona
+hero_stat_value: 1,000,000+
+hero_stat_label: usuarios felices
 hero_desc: >
-  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo (o alias para abreviar) es una dirección de correo que <b>no almacena</b> correos: todos los correos enviados a un alias son reenviados a su dirección de correo personal.">alias de correo</em>, puede ser anónimo en internet y proteger su buzón contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">De código abierto</a>. Desarrollado y alojado en Europa.
-hero_cta: >
+  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo (o alias para abreviar) es una dirección de correo que <b>no almacena</b> correos: todos los correos enviados a un alias son reenviados a su dirección de correo personal.">alias de correo</em>, puede ser anónimo en internet y proteger su buzón contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">De código abierto</a>. Desarrollado y alojado en Europa.
+hero_cta: Obtén tus alias gratis
 
 hero_button_underline: <b>Más de 800 000</b> alias creados.
 seen_on: Recomendado por
diff --git a/i18n/es.yaml b/i18n/es.yaml
index 88279c1d..79ea9189 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -30,9 +30,15 @@ header_resource_comparisons: Comparaciones
 
 #hero section
 hero: Recibe y envía correos anónimamente
+hero_highlight_word: anónimamente
 hero_desc: >
-  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo electrónico (o alias para abreviar) es una dirección de correo electrónico que <b>no almacena</b> correos electrónicos: todos los correos electrónicos enviados a un alias se reenvían a tu correo electrónico personal.">alias de correo electrónico</em>, puedes ser anónimo en internet y proteger tu bandeja de entrada contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">Código abierto</a>. Desarrollado y alojado en Europa.
-hero_cta: >
+  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo electrónico (o alias para abreviar) es una dirección de correo electrónico que <b>no almacena</b> correos electrónicos: todos los correos electrónicos enviados a un alias se reenvían a tu correo electrónico personal.">alias de correo electrónico</em>, puedes mantener el anonimato en internet y proteger tu bandeja de entrada contra el spam y la suplantación de identidad.
+  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Código abierto</a>. Basado en Suiza.
+hero_cta: Consigue tus alias gratis
+hero_cta_secondary: Cómo funciona
+
+hero_stat_value: 1.000.000+
+hero_stat_label: usuarios felices
 
 hero_button_underline: <b>Más de 800 000</b> alias creados.
 seen_on: Recomendado por
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index 092d38f6..0c241d52 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -30,9 +30,15 @@ header_resource_comparisons: Comparaisons
 
 #hero section
 hero: Recevez et envoyez des messages de manière anonyme
+hero_highlight_word: anonyme
 hero_desc: >
-  Avec les <em data-toggle="tooltip" data-html="true" title="Un alias d'adresse e-mail (ou alias tout court) est une adresse e-mail qui <b>ne stocke pas</b> les messages : tous les messages envoyés à un alias sont transférés vers votre adresse e-mail personnelle.">alias d'adresse e-mail</em>, vous pouvez garder l'anonymat en ligne et protéger votre boite mail contre les spams (indésirables) et le phishing (hameçonnage). SimpleLogin est <a href="https://github.com/simple-login/">open source</a> et est développé et hébergé en Europe.
-hero_cta: >
+  Avec les <em data-toggle="tooltip" data-html="true" title="Un alias d'adresse e-mail (ou alias tout court) est une adresse e-mail qui <b>ne stocke pas</b> les messages : tous les messages envoyés à un alias sont transférés vers votre adresse e-mail personnelle.">alias d'adresse e-mail</em>, vous pouvez garder l'anonymat en ligne et protéger votre boîte mail contre les spams et le phishing.
+  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Basé en Suisse.
+hero_cta: Obtenez vos alias gratuitement
+hero_cta_secondary: Comment ça marche
+
+hero_stat_value: 1 000 000+
+hero_stat_label: utilisateurs satisfaits
 
 hero_button_underline: <b>Plus de 800 000</b> alias ont été créés.
 seen_on: Recommandé par
diff --git a/i18n/id.yaml b/i18n/id.yaml
index df9de144..c96f4d31 100644
--- a/i18n/id.yaml
+++ b/i18n/id.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Perbandingan
 
 #hero section
 hero: Terima dan kirim surel secara anonim
+hero_highlight_word: anonim
+hero_cta_secondary: Cara kerjanya
+hero_stat_value: 1.000.000+
+hero_stat_label: pengguna puas
 hero_desc: >
-  Dengan <em data-toggle="tooltip" data-html="true" title="Sebuah alias surel (atau alias) adalah alamat surel yang <b>tidak menyimpan</b> surel: semua surel yang dikirim ke sebuah alias akan diteruskan ke surel pribadi Anda.">alias surel</em>, Anda bisa menjadi anonim secara daring dan melindungi kotak masuk Anda terhadap spam dan phishing. <a href="https://github.com/simple-login/">Bersumber terbuka</a>. Dibuat dan dihost di Eropa.
-hero_cta: >
+  Dengan <em data-toggle="tooltip" data-html="true" title="Sebuah alias surel (atau alias) adalah alamat surel yang <b>tidak menyimpan</b> surel: semua surel yang dikirim ke sebuah alias akan diteruskan ke surel pribadi Anda.">alias surel</em>, Anda bisa menjadi anonim secara daring dan melindungi kotak masuk Anda terhadap spam dan phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Bersumber terbuka</a>. Dibuat dan dihost di Eropa.
+hero_cta: Dapatkan alias Anda gratis
 
 hero_button_underline: <b>1,000,000+</b> alias telah dihasilkan.
 seen_on: Direkomendasikan oleh
diff --git a/i18n/it.yaml b/i18n/it.yaml
index e2cd1987..5fe91202 100644
--- a/i18n/it.yaml
+++ b/i18n/it.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Confronti
 
 #hero section
 hero: Ricevi e invia email in modo anonimo
+hero_highlight_word: anonimo
+hero_cta_secondary: Come funziona
+hero_stat_value: 1.000.000+
+hero_stat_label: utenti felici
 hero_desc: >
-  Con <em data-toggle="tooltip" data-html="true" title="Un alias email (o alias in breve) è un indirizzo email che <b>non memorizza</b> le email: tutte le email inviate  a un alias vengono inoltrate alla tua email personale.">alias email</em>, puoi essere anonimo online e proteggere la tua casella di posta da spam e phishing.  <a href="https://github.com/simple-login/">Open source</a>.  Realizzato e ospitato in Europa.
-hero_cta: >
+  Con <em data-toggle="tooltip" data-html="true" title="Un alias email (o alias in breve) è un indirizzo email che <b>non memorizza</b> le email: tutte le email inviate  a un alias vengono inoltrate alla tua email personale.">alias email</em>, puoi essere anonimo online e proteggere la tua casella di posta da spam e phishing.  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>.  Realizzato e ospitato in Europa.
+hero_cta: Ottieni i tuoi alias gratis
 
 hero_button_underline: Più di <b>800.000</b> alias creati.
 seen_on: Consigliato da
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
index 524fe6a4..bcab6a9b 100644
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: 比較
 
 #hero section
 hero: 匿名でメールを受信・送信
+hero_highlight_word: 匿名で
+hero_cta_secondary: 仕組みを見る
+hero_stat_value: 1,000,000+
+hero_stat_label: 満足ユーザー
 hero_desc: >
-  「<em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that 電子メールは<b>保存されません</b>。エイリアスに送信されたすべての電子メールは、個人の電子メールに転送されます。">電子メール エイリアス</em>」を使用すると、オンラインで匿名になり、スパムやフィッシングから受信トレイを保護できます。 <a href="https://github.com/simple-login/">オープンソース</a>。 ヨーロッパで作成およびホストされています。
-hero_cta: >
+  「<em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that 電子メールは<b>保存されません</b>。エイリアスに送信されたすべての電子メールは、個人の電子メールに転送されます。">電子メール エイリアス</em>」を使用すると、オンラインで匿名になり、スパムやフィッシングから受信トレイを保護できます。 <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">オープンソース</a>。 ヨーロッパで作成およびホストされています。
+hero_cta: エイリアスを無料で作成
 
 hero_button_underline: <b>1,000,000 以上</b> のエイリアスが作成されました。
 seen_on: 推薦者
diff --git a/i18n/ka.yaml b/i18n/ka.yaml
index 9d3d25d5..a0036ebb 100644
--- a/i18n/ka.yaml
+++ b/i18n/ka.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: შედარებები
 
 #hero section
 hero: მიიღეთ და გააგზავნეთ ელფოსტა ანონიმურად
+hero_highlight_word: ანონიმურად
+hero_cta_secondary: როგორ მუშაობს
+hero_stat_value: 1,000,000+
+hero_stat_label: კმაყოფილი მომხმარებელი
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that <b>არ ვიმახსოვრებთ</b> ელფოსტას: ყველა ელფოსტა, რომელიც ფსევდონიმზეა გამოგზავნილი, თქვენს პირად ელფოსტაზე გადმოიგზავნება. ">ელფოსტის ფსევდონიმები</em>, თქვენ შეგიძლიათ, ინტერნეტში ანონიმურად იმუშაოთ და დაიცვათ თქვენი საფოსტო ყუთი სპამისგან და ფიშინგისგან. <a href="https://github.com/simple-login/">ის ღია კოდითაა</a>. დამზადებული და დაჰოსტილია ევროპაში.
-hero_cta: >
+  <em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that <b>არ ვიმახსოვრებთ</b> ელფოსტას: ყველა ელფოსტა, რომელიც ფსევდონიმზეა გამოგზავნილი, თქვენს პირად ელფოსტაზე გადმოიგზავნება. ">ელფოსტის ფსევდონიმები</em>, თქვენ შეგიძლიათ, ინტერნეტში ანონიმურად იმუშაოთ და დაიცვათ თქვენი საფოსტო ყუთი სპამისგან და ფიშინგისგან. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">ის ღია კოდითაა</a>. დამზადებული და დაჰოსტილია ევროპაში.
+hero_cta: მიიღეთ თქვენი ალიასები უფასოდ
 
 hero_button_underline: შექმნილია <b>1,000,000+</b> ფსევდონიმი.
 seen_on: რეკომენდებულია
diff --git a/i18n/ko.yaml b/i18n/ko.yaml
index f31300d6..cc96bf68 100644
--- a/i18n/ko.yaml
+++ b/i18n/ko.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: 비교
 
 #hero section
 hero: 익명으로 이메일을 주고 받으세요
+hero_highlight_word: 익명으로
+hero_cta_secondary: 작동 방식
+hero_stat_value: 1,000,000+
+hero_stat_label: 만족한 사용자
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="이메일 별명은 <b>이메일을 저장하지 않는</b> 이메일 주소입니다: 이메일 별명으로 전송된 모든 이메일은 사용자의 개인 이메일으로 전달됩니다.">이메일 별명</em>으로, 온라인에서 익명 상태를 유지하고 스팸과 피니싱 없이 받은 편지함을 보호할 수 있습니다. <a href="https://github.com/simple-login/">오픈소스이며</a>, 유럽에서 개발 및 운영됩니다.
-hero_cta: >
+  <em data-toggle="tooltip" data-html="true" title="이메일 별명은 <b>이메일을 저장하지 않는</b> 이메일 주소입니다: 이메일 별명으로 전송된 모든 이메일은 사용자의 개인 이메일으로 전달됩니다.">이메일 별명</em>으로, 온라인에서 익명 상태를 유지하고 스팸과 피니싱 없이 받은 편지함을 보호할 수 있습니다. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">오픈소스이며</a>, 유럽에서 개발 및 운영됩니다.
+hero_cta: 무료로 별칭 만들기
 
 hero_button_underline: <b>1,000,000+개</b> 별명 생성됨.
 seen_on: 추천
diff --git a/i18n/nl.yaml b/i18n/nl.yaml
index 43a62b3b..d9ee2190 100644
--- a/i18n/nl.yaml
+++ b/i18n/nl.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Vergelijkingen
 
 #hero section
 hero: Ontvang en verzend e-mails anoniem
+hero_highlight_word: anoniem
+hero_cta_secondary: Hoe het werkt
+hero_stat_value: 1.000.000+
+hero_stat_label: tevreden gebruikers
 hero_desc: >
-  Met  <em data-toggle="tooltip" data-html="true" title="Een e-mail alias (of in het kort alias) is een e-mailadres dat <b>geen e-mails opslaat</b>: alle e-mails die verzonden worden naar een alias worden doorgestuurd naar uw persoonlijke e-mail .">e-mail aliassen</em>, kunt u anoniem online zijn en uw postvak beschermen tegen spam en phishing. <a href="https://github.com/simple-login/">Open source</a>. Gemaakt en gehost in Europa.
-hero_cta: >
+  Met  <em data-toggle="tooltip" data-html="true" title="Een e-mail alias (of in het kort alias) is een e-mailadres dat <b>geen e-mails opslaat</b>: alle e-mails die verzonden worden naar een alias worden doorgestuurd naar uw persoonlijke e-mail .">e-mail aliassen</em>, kunt u anoniem online zijn en uw postvak beschermen tegen spam en phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Gemaakt en gehost in Europa.
+hero_cta: Krijg je aliassen gratis
 
 hero_button_underline: <b>800 000+</b> aliassen aangemaakt.
 seen_on: Aanbevolen door
diff --git a/i18n/no.yaml b/i18n/no.yaml
index 3adf8724..830e9e4c 100644
--- a/i18n/no.yaml
+++ b/i18n/no.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Sammenligninger
 
 #hero section
 hero: Motta og send e-post anonymt
+hero_highlight_word: anonymt
+hero_cta_secondary: Slik fungerer det
+hero_stat_value: 1 000 000+
+hero_stat_label: fornøyde brukere
 hero_desc: >
-  Med <em data-toggle="tooltip" data-html="true" title="en e-postalias (eller alias) er en e-postadresse som <b>ikke lagrer</b>e-poster: alle e-postmeldinger som sendes til et alias, videresendes til din personlige e-postadresse.">e-postaliaser</em>, du kan være anonym på nettet og beskytte innboksen din mot søppelpost og nettfisking.<a href="https://github.com/simple-login/">Åpen kildekode</a>Laget og vertet i Europa.
-hero_cta: >
+  Med <em data-toggle="tooltip" data-html="true" title="en e-postalias (eller alias) er en e-postadresse som <b>ikke lagrer</b>e-poster: alle e-postmeldinger som sendes til et alias, videresendes til din personlige e-postadresse.">e-postaliaser</em>, du kan være anonym på nettet og beskytte innboksen din mot søppelpost og nettfisking.<a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Åpen kildekode</a>Laget og vertet i Europa.
+hero_cta: Få aliasene dine gratis
 
 hero_button_underline: <b>1,000,000+</b> aliaser opprettet.
 seen_on: Anbefalt av
diff --git a/i18n/pt-BR.yaml b/i18n/pt-BR.yaml
index f8d1e509..63e66f84 100644
--- a/i18n/pt-BR.yaml
+++ b/i18n/pt-BR.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Comparações
 
 #hero section
 hero: Receba e envie e-mails anonimamente
+hero_highlight_word: anonimamente
+hero_cta_secondary: Como funciona
+hero_stat_value: 1.000.000+
+hero_stat_label: usuários satisfeitos
 hero_desc: >
-  Com  <em data-toggle="tooltip" data-html="true" title="Um alias de email (ou alias para abreviar) é um endereço de e-mail que <b>não armazena</b> e-mails: todos os emails enviados a um alias de e-mail são encaminhados para o seu e-mail pessoal.">aliases de e-mail</em>, você pode permanecer anônimo on-line e proteger sua caixa de entrada contra spam e phishing. <a href="https://github.com/simple-login/">Código aberto</a>. Feito e hospedado na Europa.
-hero_cta: >
+  Com  <em data-toggle="tooltip" data-html="true" title="Um alias de email (ou alias para abreviar) é um endereço de e-mail que <b>não armazena</b> e-mails: todos os emails enviados a um alias de e-mail são encaminhados para o seu e-mail pessoal.">aliases de e-mail</em>, você pode permanecer anônimo on-line e proteger sua caixa de entrada contra spam e phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Código aberto</a>. Feito e hospedado na Europa.
+hero_cta: Tenha seus aliases grátis
 
 hero_button_underline: <b>800.000+</b> alias criados.
 seen_on: Recomendado por
diff --git a/i18n/ro.yaml b/i18n/ro.yaml
index a37ebfc8..85f6f769 100644
--- a/i18n/ro.yaml
+++ b/i18n/ro.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Comparații
 
 #hero section
 hero: Primiți și trimiteți mesaje anonim
+hero_highlight_word: anonim
+hero_cta_secondary: Cum funcționează
+hero_stat_value: 1.000.000+
+hero_stat_label: utilizatori mulțumiți
 hero_desc: >
-  Cu <em data-toggle="tooltip" data-html="true" title="Un alias de e-mail (sau alias pe scurt) este o adresă de e-mail care <b>nu stochează</b> mesajele: toate mesajele trimise către un alias sunt redirecționate către adresa de e-mail personală.">aliasuri de e-mail</em>, vă păstrați anonimitatea online și vă puteți proteja adresa de e-mail împotriva mesajelor nedorite și a înșelăciunilor. <a href="https://github.com/simple-login/">Cu sursa publică</a>. Creat și găzduit în Europa.
-hero_cta: >
+  Cu <em data-toggle="tooltip" data-html="true" title="Un alias de e-mail (sau alias pe scurt) este o adresă de e-mail care <b>nu stochează</b> mesajele: toate mesajele trimise către un alias sunt redirecționate către adresa de e-mail personală.">aliasuri de e-mail</em>, vă păstrați anonimitatea online și vă puteți proteja adresa de e-mail împotriva mesajelor nedorite și a înșelăciunilor. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Cu sursa publică</a>. Creat și găzduit în Europa.
+hero_cta: Obține aliasurile tale gratuit
 
 hero_button_underline: <b>Peste 800.000</b> de aliasuri create.
 seen_on: Recomandat de
diff --git a/i18n/sk.yaml b/i18n/sk.yaml
index 77bc7cd3..7d3c3bb7 100644
--- a/i18n/sk.yaml
+++ b/i18n/sk.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Porovnania
 
 #hero section
 hero: Prijímajte a odosielajte emaily anonymne
+hero_highlight_word: anonymne
+hero_cta_secondary: Ako to funguje
+hero_stat_value: 1.000.000+
+hero_stat_label: spokojných používateľov
 hero_desc: >
-  S <em data-toggle="tooltip" data-html="true" title="Emailový alias (skrátene alias) je emailová adresa, ktorá <b>neukladá</b> emaily: všetky emaily odoslané na alias sa prepošlú na váš osobný email.">emailovými aliasmi</em> môžete zostať v anonymite a chrániť vašu doručenú poštu pred spamom a phishingom. <a href="https://github.com/simple-login/">Open source</a>. Vytvorené a hostované v Európe.
-hero_cta: >
+  S <em data-toggle="tooltip" data-html="true" title="Emailový alias (skrátene alias) je emailová adresa, ktorá <b>neukladá</b> emaily: všetky emaily odoslané na alias sa prepošlú na váš osobný email.">emailovými aliasmi</em> môžete zostať v anonymite a chrániť vašu doručenú poštu pred spamom a phishingom. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Vytvorené a hostované v Európe.
+hero_cta: Získajte svoje aliasy zadarmo
 
 hero_button_underline: <b>800 000 +</b> vytvorených aliasov.
 seen_on: Odporúčané od
diff --git a/i18n/tr.yaml b/i18n/tr.yaml
index cca89d44..ceb36d27 100644
--- a/i18n/tr.yaml
+++ b/i18n/tr.yaml
@@ -30,9 +30,13 @@ header_resource_comparisons: Karşılaştırmalar
 
 #hero section
 hero: E-postaları anonim olarak gönderip alın
+hero_highlight_word: anonim
+hero_cta_secondary: Nasıl çalışır
+hero_stat_value: 1.000.000+
+hero_stat_label: mutlu kullanıcı
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="Bir e-posta takma adı (ya da kısaca takma ad) e-postaları <b>saklamayan</b> bir e-posta adresidir. Bir takma ada gönderilen tüm e-postalar kişisel e-postanıza iletilir.">E-posta takma adları</em>, çevrim içi anonim olabilir ve gelen kutunuzu istenmeyen e-posta ve oltalama saldırılarına karşı koruyabilirsiniz. <a href="https://github.com/simple-login/">Açık kaynaklı</a>. Avrupa'da geliştirildi ve barındırılıyor.
-hero_cta: >
+  <em data-toggle="tooltip" data-html="true" title="Bir e-posta takma adı (ya da kısaca takma ad) e-postaları <b>saklamayan</b> bir e-posta adresidir. Bir takma ada gönderilen tüm e-postalar kişisel e-postanıza iletilir.">E-posta takma adları</em>, çevrim içi anonim olabilir ve gelen kutunuzu istenmeyen e-posta ve oltalama saldırılarına karşı koruyabilirsiniz. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Açık kaynaklı</a>. Avrupa'da geliştirildi ve barındırılıyor.
+hero_cta: Takma adreslerinizi ücretsiz alın
 
 hero_button_underline: <b>1,000,000 üzerinde</b> takma ad oluşturuldu.
 seen_on: Önerenler
diff --git a/layouts/index.html b/layouts/index.html
index 10e720a1..87e932d2 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -11,54 +11,55 @@
 <main id="content" role="main">
   <div class="bg-white">
     <!-- Hero Section -->
-    <div class="container mb-3">
-      <div class="row justify-content-lg-between mb-1">
-
-        <!-- Hero text & CTA-->
-        <div class="col-lg-6 mb-1 mb-lg-0 space-top-3">
-
-          <div class="mb-5">
-
-
-            <h1 class="h4 font-weight-semi-bold mb-2" style="color: #ea319f">
-              {{ i18n "hero" }}
+    <section class="container sl-hero-section">
+      <div class="row align-items-lg-center justify-content-lg-between">
+
+        <!-- Hero text & CTA -->
+        <div class="col-lg-6 sl-hero-copy-col">
+          <div class="sl-hero-copy-wrap">
+            <h1 class="sl-hero-headline mb-3">
+              {{ replace (i18n "hero") (i18n "hero_highlight_word") (print "<span class=\"sl-hero-headline-highlight\">" (i18n "hero_highlight_word") "</span>") | safeHTML }}
             </h1>
 
             <div>
               {{ i18n "seo_script_product" | safeHTML }}
             </div>
 
-            <p class="mb-2">
+            <p class="sl-hero-description mb-2">
               {{ i18n "hero_desc" | safeHTML }}
             </p>
 
-          </div>
-
-          <div class="mb-3">
-            <a href="https://app.simplelogin.io/auth/register" class="btn btn-primary btn-wide transition-3d-hover mb-2 mb-sm-0 mr-3">
-              <span style="font-weight: 400;">
+            <div class="sl-hero-cta-row d-flex flex-wrap align-items-center mt-4">
+              <a href="https://app.simplelogin.io/auth/register"
+                 class="btn sl-hero-btn sl-hero-btn-primary rounded-pill">
                 {{ i18n "hero_cta" }}
-              </span>
-            </a>
-          </div>
+              </a>
+              <a href="#how-it-works"
+                 class="btn sl-hero-btn sl-hero-btn-secondary rounded-pill">
+                {{ i18n "hero_cta_secondary" }}
+              </a>
+            </div>
 
-          <div class="mt-2 d-flex" style="height: 18px">
-            <img src="/images/5-stars.svg" style="max-width: 100px;" alt="Five stars">
-            <span class="text-secondary ml-2 align-center" style="font-size: 12px; font-weight: 400">
-              {{ i18n "hero_button_underline" | safeHTML }}
-            </span>
+            <div class="sl-hero-social-proof d-flex align-items-center mt-4">
+              <img src="/images/5-stars.svg" class="sl-hero-stars" alt="" aria-hidden="true">
+              <div class="sl-hero-stat">
+                <div class="sl-hero-stat-value">{{ i18n "hero_stat_value" }}</div>
+                <div class="sl-hero-stat-label">{{ i18n "hero_stat_label" }}</div>
+              </div>
+            </div>
           </div>
-
         </div>
         <!-- End Hero text & CTA -->
 
-        <div class="col-lg-6 mt-3">
-          <!-- SVG Illustration -->
-          <img src="/images/hero.svg" class="w-100" alt="Hero Image - Different email address for each website">
+        <div class="col-lg-6 d-none d-md-block sl-hero-media-col">
+          <div class="sl-hero-illustration-bg">
+            <div class="sl-hero-illustration-card">
+              <img src="/images/hero.svg" class="w-100 sl-hero-illustration" alt="" aria-hidden="true">
+            </div>
+          </div>
         </div>
       </div>
-
-    </div>
+    </section>
   </div>
   <!-- End Hero Section -->
 
@@ -150,7 +151,7 @@ <h2 class="u-divider u-divider--text" style="font-weight: 500">{{ i18n "seen_on"
   <!-- End SVG Top Shape -->
 
   <!-- How it works Section -->
-  <div class="bg-light" style="min-height: 50vh;">
+  <div id="how-it-works" class="bg-light" style="min-height: 50vh;">
     <div class="container space-md-1 pt-4 pb-7">
       <!-- Title -->
       <div class="w-md-80 w-lg-70 text-center mx-md-auto mb-2 py-5">
diff --git a/static/custom.css b/static/custom.css
index c8ac0d48..05531be1 100644
--- a/static/custom.css
+++ b/static/custom.css
@@ -176,19 +176,19 @@ header nav .btn-sign-in {
 header .btn-create-free-account {
     background-color: var(--sl-submenu-accent);
     border-color: var(--sl-submenu-accent);
-    color: #fff;
+  color: var(--sl-drawer-bg);
     transition: background-color 0.2s ease, border-color 0.2s ease;
 }
 
 header .btn-create-free-account:hover {
-    background-color: #d1287f;
-    border-color: #d1287f;
-  color: #fff;
+    background-color: var(--sl-submenu-accent-hover);
+    border-color: var(--sl-submenu-accent-hover);
+  color: var(--sl-drawer-bg);
 }
 
 header .btn-create-free-account:focus,
 header .btn-create-free-account:active {
-  color: #fff;
+  color: var(--sl-drawer-bg);
 }
 
 header nav .btn-sign-in {
@@ -199,15 +199,15 @@ header nav .btn-sign-in {
 header nav .btn-sign-in:hover,
 header nav .btn-sign-in:focus,
 header nav .btn-sign-in:active {
-  background-color: #d1287f;
-  border-color: #d1287f;
-  color: #fff;
+  background-color: var(--sl-submenu-accent-hover);
+  border-color: var(--sl-submenu-accent-hover);
+  color: var(--sl-drawer-bg);
   text-decoration: none;
 }
 
 header nav .u-header__nav-item.sl-nav-signin:hover > .btn-sign-in,
 header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
-  color: #fff;
+  color: var(--sl-drawer-bg);
 }
 
 
@@ -256,11 +256,23 @@ header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
   --sl-drawer-shadow:  0 8px 20px rgba(0, 0, 0, 0.1);
   --sl-submenu-bg:     #f8f9fa;
   --sl-submenu-accent: #ea319f;
+  --sl-submenu-accent-hover: #d1287f;
   --sl-submenu-accent-light: #fdeaf5;
   --sl-submenu-accent-dark:  #8f165c;
   --sl-submenu-desc:   #4f5458;
   --sl-submenu-radius: 8px;
   --sl-flyout-shadow:  0 10px 30px rgba(0, 0, 0, 0.12);
+
+  --sl-hero-bg: #fff;
+  --sl-hero-ink: #1a1a2e;
+  --sl-hero-body: #2d3748;
+  --sl-hero-muted: #6c7480;
+  --sl-hero-surface: #f8f9fb;
+  --sl-hero-border-soft: rgba(26, 32, 44, 0.08);
+  --sl-hero-shadow-accent: 0 8px 24px rgba(234, 49, 159, 0.28);
+  --sl-hero-shadow-accent-hover: 0 12px 28px rgba(234, 49, 159, 0.34);
+  --sl-hero-shadow-secondary: 0 12px 24px rgba(26, 26, 46, 0.12);
+  --sl-hero-shadow-soft: 0 24px 48px rgba(17, 22, 34, 0.10);
 }
 
 /* ——— Always-on base rules ——— */
@@ -624,28 +636,28 @@ header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
     font-size: 1rem;
     font-weight: 600;
     justify-content: center;
-    padding: 0.85rem 1.5rem;
+    padding: 0.75rem 1.5rem;
     text-align: center;
     text-decoration: none;
     width: 100%;
   }
 
   .sl-nav-cta .btn {
-    background-color: #ea319f;
-    border-color: #ea319f;
-    color: #fff;
+    background-color: var(--sl-submenu-accent);
+    border-color: var(--sl-submenu-accent);
+    color: var(--sl-drawer-bg);
     transition: all 0.2s ease;
     box-shadow: 0 2px 8px rgba(234, 49, 159, 0.25);
   }
 
   .sl-nav-cta .btn:active {
-    color: #fff;
+    color: var(--sl-drawer-bg);
     transform: scale(0.98);
   }
 
   .sl-nav-cta .btn:hover,
   .sl-nav-cta .btn:focus {
-    color: #fff;
+    color: var(--sl-drawer-bg);
   }
 
   /* Sign in button — outline style */
@@ -657,21 +669,21 @@ header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
 
   .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in {
     border: 2px solid var(--sl-submenu-accent);
-    background-color: #fff;
+    background-color: var(--sl-drawer-bg);
     color: var(--sl-submenu-accent);
   }
 
   .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:active {
-    background-color: #d1287f;
-    border-color: #d1287f;
-    color: #fff;
+    background-color: var(--sl-submenu-accent-hover);
+    border-color: var(--sl-submenu-accent-hover);
+    color: var(--sl-drawer-bg);
   }
 
   .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:hover,
   .sl-navbar .u-header__navbar-nav .sl-nav-signin .btn-sign-in:focus {
-    background-color: #d1287f;
-    border-color: #d1287f;
-    color: #fff;
+    background-color: var(--sl-submenu-accent-hover);
+    border-color: var(--sl-submenu-accent-hover);
+    color: var(--sl-drawer-bg);
     text-decoration: none;
   }
 
@@ -807,4 +819,167 @@ header nav .u-header__nav-item.sl-nav-signin:focus-within > .btn-sign-in {
 .sl-nav-overlay.is-visible {
   opacity: 1;
   visibility: visible;
+}
+
+/* =========================================================
+  HERO V2
+  ========================================================= */
+
+.sl-hero-section {
+  background: var(--sl-hero-bg);
+  padding-bottom: 2rem;
+  padding-top: 5rem;
+}
+
+.sl-hero-copy-col {
+  align-items: center;
+  display: flex;
+}
+
+.sl-hero-copy-wrap {
+  max-width: 38rem;
+}
+
+.sl-hero-headline {
+  color: var(--sl-hero-ink);
+  font-size: clamp(2.5rem, 5.2vw, 3.5rem);
+  font-weight: 800;
+  letter-spacing: -0.03em;
+  line-height: 1.1;
+  margin-bottom: 1rem;
+}
+
+.sl-hero-headline-highlight {
+  color: var(--sl-submenu-accent);
+}
+
+.sl-hero-description {
+  color: var(--sl-hero-body);
+  font-size: 1rem;
+  line-height: 1.7;
+  margin-bottom: 0.75rem;
+}
+
+.sl-hero-cta-row {
+  gap: 0.75rem;
+}
+
+.sl-hero-btn {
+  align-items: center;
+  display: inline-flex;
+  font-size: 1rem;
+  font-weight: 600;
+  gap: 0.5rem;
+  justify-content: center;
+  min-height: 44px;
+  min-width: 210px;
+  padding: 0.75rem 1.5rem;
+  transition: transform 0.2s ease,
+    box-shadow 0.2s ease,
+    background-color 0.2s ease,
+    color 0.2s ease,
+    border-color 0.2s ease;
+}
+
+.sl-hero-btn-primary {
+  background: var(--sl-submenu-accent-hover);
+  border: 1px solid var(--sl-submenu-accent-hover);
+  box-shadow: var(--sl-hero-shadow-accent);
+  color: var(--sl-hero-bg);
+}
+
+.sl-hero-btn-primary:hover,
+.sl-hero-btn-primary:focus {
+  background: var(--sl-submenu-accent-dark);
+  border-color: var(--sl-submenu-accent-dark);
+  box-shadow: var(--sl-hero-shadow-accent-hover);
+  color: var(--sl-hero-bg);
+  transform: translateY(-1px);
+}
+
+.sl-hero-btn:focus-visible {
+  outline: 2px solid var(--sl-hero-ink);
+  outline-offset: 2px;
+}
+
+.sl-hero-btn-secondary {
+  background: transparent;
+  border: 1px solid var(--sl-hero-ink);
+  color: var(--sl-hero-ink);
+}
+
+.sl-hero-btn-secondary:hover,
+.sl-hero-btn-secondary:focus {
+  background: var(--sl-hero-surface);
+  border-color: var(--sl-hero-ink);
+  box-shadow: var(--sl-hero-shadow-secondary);
+  color: var(--sl-hero-ink);
+  transform: translateY(-1px);
+}
+
+.sl-hero-social-proof {
+  gap: 1rem;
+  margin-top: 2rem;
+}
+
+.sl-hero-stars {
+  height: auto;
+  width: 112px;
+}
+
+.sl-hero-stat {
+  display: flex;
+  flex-direction: column;
+  line-height: 1.1;
+}
+
+.sl-hero-stat-value {
+  color: var(--sl-submenu-accent);
+  font-size: clamp(2rem, 4vw, 2.25rem);
+  font-weight: 800;
+}
+
+.sl-hero-stat-label {
+  color: var(--sl-hero-muted);
+  font-size: 0.75rem;
+  letter-spacing: 0.02em;
+  margin-top: 0.25rem;
+  text-transform: uppercase;
+}
+
+.sl-hero-media-col {
+  display: flex;
+  justify-content: center;
+}
+
+.sl-hero-illustration-bg {
+  background: linear-gradient(145deg, var(--sl-submenu-accent-light) 0%, var(--sl-hero-surface) 100%);
+  border-radius: 16px;
+  padding: 1rem;
+  width: 100%;
+}
+
+.sl-hero-illustration-card {
+  background: var(--sl-hero-bg);
+  border-radius: 16px;
+  border: 1px solid var(--sl-hero-border-soft);
+  box-shadow: var(--sl-hero-shadow-soft);
+  overflow: hidden;
+  padding: 0.75rem;
+}
+
+.sl-hero-illustration {
+  border-radius: 12px;
+  display: block;
+}
+
+@media (max-width: 991px) {
+  .sl-hero-section {
+    padding-bottom: 1rem;
+    padding-top: 3rem;
+  }
+
+  .sl-hero-btn {
+    width: 100%;
+  }
 }
\ No newline at end of file

From 8fc09572005543ce09d245535cb7b7b669c80b79 Mon Sep 17 00:00:00 2001
From: hijuliancode <github-hijuliancode.designer777@passmail.com>
Date: Mon, 20 Apr 2026 10:10:06 -0500
Subject: [PATCH 4/4] chore: remove non-English i18n changes (handled by
 translation service)

---
 i18n/be.yaml     | 42 +++++-------------------------------------
 i18n/cs.yaml     | 42 +++++-------------------------------------
 i18n/da.yaml     | 42 +++++-------------------------------------
 i18n/de.yaml     | 42 +++++-------------------------------------
 i18n/el.yaml     | 42 +++++-------------------------------------
 i18n/es-419.yaml | 42 +++++-------------------------------------
 i18n/es.yaml     | 44 +++++---------------------------------------
 i18n/fr.yaml     | 44 +++++---------------------------------------
 i18n/id.yaml     | 42 +++++-------------------------------------
 i18n/it.yaml     | 42 +++++-------------------------------------
 i18n/ja.yaml     | 42 +++++-------------------------------------
 i18n/ka.yaml     | 42 +++++-------------------------------------
 i18n/ko.yaml     | 42 +++++-------------------------------------
 i18n/nl.yaml     | 42 +++++-------------------------------------
 i18n/no.yaml     | 42 +++++-------------------------------------
 i18n/pt-BR.yaml  | 42 +++++-------------------------------------
 i18n/ro.yaml     | 42 +++++-------------------------------------
 i18n/sk.yaml     | 42 +++++-------------------------------------
 i18n/tr.yaml     | 42 +++++-------------------------------------
 19 files changed, 95 insertions(+), 707 deletions(-)

diff --git a/i18n/be.yaml b/i18n/be.yaml
index 086c9145..d6c0ea26 100644
--- a/i18n/be.yaml
+++ b/i18n/be.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Уваход
-header_signup: Стварыць бясплатны рахунак
+header_login: Уваход #header
+header_signup: Рэгістрацыя
 header_pricing: Цэны
-header_menu_features: Функцыі
-header_menu_resources: Рэсурсы
-
-header_feature_email_aliases: Псеўданімы электроннай пошты
-header_feature_email_aliases_desc: Абароніце сваю паштовую скрыню з дапамогай ананімных адрасоў электроннай пошты
-header_feature_custom_domains: Уласныя дамены
-header_feature_custom_domains_desc: Выкарыстоўвайце свой уласны дамен для стварэння псеўданімаў
-header_feature_browser_extensions: Расшырэнні для браўзера
-header_feature_browser_extensions_desc: Стварайце псеўданімы адным клікам з Chrome, Firefox, Edge або Safari
-header_feature_signin_with_sl: Увайсці з SimpleLogin
-header_feature_signin_with_sl_desc: Кнопка ўваходу з прыярытэтам канфідэнцыяльнасці для вашага прыкладання або сайта
-
-header_resource_blog: Блог
-header_resource_blog_desc: Гісторыі, парады і кіраўніцтва па прыватнасці ад нашай каманды
-header_resource_documentation: Дакументацыя
-header_resource_documentation_desc: Атрымайце максімальную карысць ад SimpleLogin
-header_resource_faq: Часта задаваныя пытанні
-header_resource_faq_desc: Адказы на найбольш распаўсюджаныя пытанні
-header_resource_forum: Форум
-header_resource_forum_desc: Абмяркоўвайце функцыі, задавайце пытанні, дзяліцеся лепшымі практыкамі
-header_resource_github: GitHub
-header_resource_github_desc: Праглядзіце наш адкрыты зыходны код і ўнясіце свой уклад
-header_resource_status: Статус
-header_resource_status_desc: Праверце час працы службы і інцыдэнты
-header_resource_comparisons: Параўнанні
-
-#hero section
-hero: Ананімна атрымлівайце і адпраўляйце лісты
-hero_highlight_word: Ананімна
-hero_cta_secondary: Як гэта працуе
-hero_stat_value: 1 000 000+
-hero_stat_label: шчаслівых карыстальнікаў
+hero: Ананімна атрымлівайце і адпраўляйце лісты #hero section
 hero_desc: >
-  З дапамогай  <em data-toggle="tooltip" data-html="true" title="Псеўданім электроннай пошты (ці проста псеўданім) гэта адрэс электроннай пошты, які <b>не захоўвае</b> лісты: усе лісты, якія адпраўлены на псеўданім, перасылаюцца на вашу асабістую электронную пошту.">псеўданімы электроннай пошты</em>, вы можаце быць ананімнымі ў інтэрнэце і абараняць сваю паштовую скрыню ад спама і фішынга. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Адкрыты зыходны код</a>. Зроблена і размяшчаецца ў Еўропе.
-hero_cta: Атрымайце свае псеўданімы бясплатна
+  З дапамогай  <em data-toggle="tooltip" data-html="true" title="Псеўданім электроннай пошты (ці проста псеўданім) гэта адрэс электроннай пошты, які <b>не захоўвае</b> лісты: усе лісты, якія адпраўлены на псеўданім, перасылаюцца на вашу асабістую электронную пошту.">псеўданімы электроннай пошты</em>, вы можаце быць ананімнымі ў інтэрнэце і абараняць сваю паштовую скрыню ад спама і фішынга. <a href="https://github.com/simple-login/">Адкрыты зыходны код</a>. Зроблена і размяшчаецца ў Еўропе.
+hero_cta: >
 
 hero_button_underline: <b>Больш за 800 000</b> псеўданімаў ужо створана.
 seen_on: Рэкамендавана
diff --git a/i18n/cs.yaml b/i18n/cs.yaml
index 4ae86dd8..22b40581 100644
--- a/i18n/cs.yaml
+++ b/i18n/cs.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Přihlásit se
-header_signup: Vytvořit bezplatný účet
+header_login: Přihlásit se #header
+header_signup: Registrovat se
 header_pricing: Ceník
-header_menu_features: Funkce
-header_menu_resources: Zdroje
-
-header_feature_email_aliases: -mailové aliasy
-header_feature_email_aliases_desc: Chraňte svou doručenou poštu pomocí anonymních e-mailových adres
-header_feature_custom_domains: Vlastní domény
-header_feature_custom_domains_desc: Použijte svou vlastní doménu k vytváření aliasů
-header_feature_browser_extensions: Rozšíření pro prohlížeč
-header_feature_browser_extensions_desc: Vytvářejte aliasy jedním kliknutím z Chrome, Firefox, Edge nebo Safari
-header_feature_signin_with_sl: Přihlásit se s SimpleLogin
-header_feature_signin_with_sl_desc: Tlačítko pro přihlášení s prioritou ochrany soukromí pro vaši aplikaci nebo web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Příběhy, tipy a průvodce ochranou soukromí od našeho týmu
-header_resource_documentation: Dokumentace
-header_resource_documentation_desc: Využijte SimpleLogin naplno
-header_resource_faq: FAQ
-header_resource_faq_desc: Odpovědi na nejčastější otázky
-header_resource_forum: Fórum
-header_resource_forum_desc: Diskutujte o funkcích, pokládejte otázky, sdílejte nejlepší postupy
-header_resource_github: GitHub
-header_resource_github_desc: Prohlédněte si náš open-source kód a přispějte
-header_resource_status: Stav
-header_resource_status_desc: Zkontrolujte dostupnost služby a incidenty
-header_resource_comparisons: Porovnání
-
-#hero section
-hero: Anonymní přijímání a odesílání e-mailů
-hero_highlight_word: Anonymní
-hero_cta_secondary: Jak to funguje
-hero_stat_value: 1 000 000+
-hero_stat_label: spokojených uživatelů
+hero: Anonymní přijímání a odesílání e-mailů #hero section
 hero_desc: >
-  Pomocí  <em data-toggle="tooltip" data-html="true" title="E-mailový alias (nebo zkráceně alias) je e-mailová adresa, která <b>neukládá</b> e-maily: všechny e-maily zaslané na alias jsou přeposílány na váš osobní e-mail.">emailových aliasů</em> můžete zůstat v anonymitě a chránit svou e-mailovou schránku před spamem a phishingem. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Otevřený zdrojový kód</a>. Vyrobeno a hostováno v Evropě.
-hero_cta: Získejte své aliasy zdarma
+  Pomocí  <em data-toggle="tooltip" data-html="true" title="E-mailový alias (nebo zkráceně alias) je e-mailová adresa, která <b>neukládá</b> e-maily: všechny e-maily zaslané na alias jsou přeposílány na váš osobní e-mail.">emailových aliasů</em> můžete zůstat v anonymitě a chránit svou e-mailovou schránku před spamem a phishingem. <a href="https://github.com/simple-login/">Otevřený zdrojový kód</a>. Vyrobeno a hostováno v Evropě.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000+</b> aliasů vytvořeno.
 seen_on: Doporučují
diff --git a/i18n/da.yaml b/i18n/da.yaml
index da33d91a..15367d37 100644
--- a/i18n/da.yaml
+++ b/i18n/da.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Log ind
-header_signup: Opret en gratis konto
+header_login: Log ind #header
+header_signup: Tilmeld dig
 header_pricing: Priser
-header_menu_features: Funktioner
-header_menu_resources: Ressourcer
-
-header_feature_email_aliases: -mail-aliasser
-header_feature_email_aliases_desc: Beskyt din indbakke med anonyme e-mailadresser
-header_feature_custom_domains: Egen domæne
-header_feature_custom_domains_desc: Brug dit eget domæne til at oprette aliasser
-header_feature_browser_extensions: Browserudvidelser
-header_feature_browser_extensions_desc: Opret aliasser med et enkelt klik fra Chrome, Firefox, Edge eller Safari
-header_feature_signin_with_sl: Log ind med SimpleLogin
-header_feature_signin_with_sl_desc: Privatlivsfokuseret login-knap til din app eller hjemmeside
-
-header_resource_blog: Blog
-header_resource_blog_desc: Historier, tips og vejledninger om privatliv fra vores team
-header_resource_documentation: Dokumentation
-header_resource_documentation_desc: Få mest muligt ud af SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Svar på de mest almindelige spørgsmål
-header_resource_forum: Forum
-header_resource_forum_desc: Diskuter funktioner, stil spørgsmål, del bedste praksis
-header_resource_github: GitHub
-header_resource_github_desc: Gennemse vores open-source kode og bidrag
-header_resource_status: Status
-header_resource_status_desc: Tjek service oppetid og hændelser
-header_resource_comparisons: Sammenligninger
-
-#hero section
-hero: Modtag og send e-mails anonymt
-hero_highlight_word: anonymt
-hero_cta_secondary: Sådan virker det
-hero_stat_value: 1.000.000+
-hero_stat_label: glade brugere
+hero: Modtag og send e-mails anonymt #hero section
 hero_desc: >
-  Med <em data-toggle="tooltip" data-html="true" title="Et e-mail-alias (også blot kaldet et alias) er en e-mailadresse, som <b>ikke opbevarer</b> e-mails: Alle e-mails, der sendes til et alias, videresendes til din personlige e-mail.">e-mail-aliasser</em>, du kan være anonym online og beskytte din indbakke mod spams og phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Lavet og hostet i Europa.
-hero_cta: Få dine aliaser gratis
+  Med <em data-toggle="tooltip" data-html="true" title="Et e-mail-alias (også blot kaldet et alias) er en e-mailadresse, som <b>ikke opbevarer</b> e-mails: Alle e-mails, der sendes til et alias, videresendes til din personlige e-mail.">e-mail-aliasser</em>, du kan være anonym online og beskytte din indbakke mod spams og phishing. <a href="https://github.com/simple-login/">Open source</a>. Lavet og hostet i Europa.
+hero_cta: >
 
 hero_button_underline: <b>800.000+</b> aliasser oprettet.
 seen_on: Anbefalet af
diff --git a/i18n/de.yaml b/i18n/de.yaml
index fc4f6da3..7d70847f 100644
--- a/i18n/de.yaml
+++ b/i18n/de.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Anmelden
-header_signup: Kostenloses Konto erstellen
+header_login: Anmelden #header
+header_signup: Registrieren
 header_pricing: Preise
-header_menu_features: Funktionen
-header_menu_resources: Ressourcen
-
-header_feature_email_aliases: -Mail-Aliasse
-header_feature_email_aliases_desc: Schütze deinen Posteingang mit anonymen E-Mail-Adressen
-header_feature_custom_domains: Eigene Domains
-header_feature_custom_domains_desc: Verwende deine eigene Domain, um Aliasse zu erstellen
-header_feature_browser_extensions: Browser-Erweiterungen
-header_feature_browser_extensions_desc: Erstelle Aliasse mit einem Klick in Chrome, Firefox, Edge oder Safari
-header_feature_signin_with_sl: Mit SimpleLogin anmelden
-header_feature_signin_with_sl_desc: Datenschutzorientierte Anmelde-Schaltfläche für deine App oder Website
-
-header_resource_blog: Blog
-header_resource_blog_desc: Geschichten, Tipps und Datenschutzanleitungen von unserem Team
-header_resource_documentation: Dokumentation
-header_resource_documentation_desc: Hol das Beste aus SimpleLogin heraus
-header_resource_faq: FAQ
-header_resource_faq_desc: Antworten auf die häufigsten Fragen
-header_resource_forum: Forum
-header_resource_forum_desc: Diskutiere Funktionen, stelle Fragen, teile Best Practices
-header_resource_github: GitHub
-header_resource_github_desc: Überprüfe unseren Open-Source-Code und trage bei
-header_resource_status: Status
-header_resource_status_desc: Überprüfe die Service-Verfügbarkeit und Vorfälle
-header_resource_comparisons: Vergleiche
-
-#hero section
-hero: Anonyme E-Mails empfangen und versenden
-hero_highlight_word: Anonyme
-hero_cta_secondary: So funktioniert's
-hero_stat_value: 1.000.000+
-hero_stat_label: zufriedene Nutzer
+hero: Anonyme E-Mails empfangen und versenden #hero section
 hero_desc: >
-  Mit <em data-toggle="tooltip" data-html="true" title="Ein E-Mail Alias (oder kurz Alias) ist eine E-Mail Adresse, die <b>keine E-Mails speichert</b>: Alle an ein Alias gesendeten E-Mails werden an deine persönliche E-Mail  Adresse weitergeleitet.">E-Mail Aliassen</em> kannst du online anonym bleiben und deinen Posteingang vor Spam und Phishing schützen. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Entwickelt und gehostet in Europa.
-hero_cta: Hol dir deine Aliasse kostenlos
+  Mit <em data-toggle="tooltip" data-html="true" title="Ein E-Mail Alias (oder kurz Alias) ist eine E-Mail Adresse, die <b>keine E-Mails speichert</b>: Alle an ein Alias gesendeten E-Mails werden an deine persönliche E-Mail  Adresse weitergeleitet.">E-Mail Aliassen</em> kannst du online anonym bleiben und deinen Posteingang vor Spam und Phishing schützen. <a href="https://github.com/simple-login/">Open source</a>. Entwickelt und gehostet in Europa.
+hero_cta: >
 
 hero_button_underline: <b>Mehr als 800.000</b> Aliasse erstellt.
 seen_on: Empfohlen von
diff --git a/i18n/el.yaml b/i18n/el.yaml
index 0cd8fbb1..8e707ba6 100644
--- a/i18n/el.yaml
+++ b/i18n/el.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Σύνδεση
-header_signup: Δημιουργία δωρεάν λογαριασμού
+header_login: Σύνδεση #header
+header_signup: Εγγραφή
 header_pricing: Τιμολόγηση
-header_menu_features: Χαρακτηριστικά
-header_menu_resources: Πόροι
-
-header_feature_email_aliases: Ψευδώνυμα Ηλεκτρονικού Ταχυδρομείου
-header_feature_email_aliases_desc: Προστατέψτε τα εισερχόμενά σας με ανώνυμες διευθύνσεις ηλεκτρονικού ταχυδρομείου
-header_feature_custom_domains: Προσαρμοσμένοι Τομείς
-header_feature_custom_domains_desc: Χρησιμοποιήστε τον δικό σας τομέα για να δημιουργήσετε ψευδώνυμα
-header_feature_browser_extensions: Επεκτάσεις Προγράμματος Περιήγησης
-header_feature_browser_extensions_desc: Δημιουργήστε ψευδώνυμα με ένα κλικ από το Chrome, Firefox, Edge ή Safari
-header_feature_signin_with_sl: Σύνδεση με SimpleLogin
-header_feature_signin_with_sl_desc: Κουμπί σύνδεσης με προτεραιότητα στην προστασία της ιδιωτικότητας για την εφαρμογή ή τον ιστότοπό σας
-
-header_resource_blog: Blog
-header_resource_blog_desc: Ιστορίες, συμβουλές και οδηγίες για την προστασία της ιδιωτικότητας από την ομάδα μας
-header_resource_documentation: Τεκμηρίωση
-header_resource_documentation_desc: Αξιοποιήστε στο έπακρο το SimpleLogin
-header_resource_faq: Συχνές Ερωτήσεις
-header_resource_faq_desc: Απαντήσεις στις πιο συχνές ερωτήσεις
-header_resource_forum: Forum
-header_resource_forum_desc: Συζητήστε χαρακτηριστικά, κάντε ερωτήσεις, μοιραστείτε βέλτιστες πρακτικές
-header_resource_github: GitHub
-header_resource_github_desc: Ελέγξτε τον ανοιχτό κώδικα μας και συνεισφέρετε
-header_resource_status: Κατάσταση
-header_resource_status_desc: Ελέγξτε τη διαθεσιμότητα της υπηρεσίας και τα περιστατικά
-header_resource_comparisons: Συγκρίσεις
-
-#hero section
-hero: Λήψη και αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου ανώνυμα
-hero_highlight_word: ανώνυμα
-hero_cta_secondary: Πώς λειτουργεί
-hero_stat_value: 1.000.000+
-hero_stat_label: ευχαριστημένοι χρήστες
+hero: Λήψη και αποστολή μηνυμάτων ηλεκτρονικού ταχυδρομείου ανώνυμα #hero section
 hero_desc: >
-  Με το  <em data-toggle="tooltip" data-html="true" title="Ένα ψευδώνυμο ηλεκτρονικού ταχυδρομείου (ή ψευδώνυμο για συντομία) είναι μια διεύθυνση ηλεκτρονικού ταχυδρομείου που <b>δεν αποθηκεύει</b> μηνύματα ηλεκτρονικού ταχυδρομείου: όλα τα μηνύματα ηλεκτρονικού ταχυδρομείου που αποστέλλονται σε ένα ψευδώνυμο προωθούνται στο προσωπικό σας email.">ψευδώνυμα ηλεκτρονικού ταχυδρομείου</em>, μπορείτε να είστε ανώνυμοι στο διαδίκτυο και να προστατεύετε τα εισερχόμενά σας από ανεπιθύμητα μηνύματα και ηλεκτρονικό ψάρεμα. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Ανοιχτού Κώδικα</a>. Κατασκευάζεται και φιλοξενείται στην Ευρώπη.
-hero_cta: Αποκτήστε δωρεάν τα alias σας
+  Με το  <em data-toggle="tooltip" data-html="true" title="Ένα ψευδώνυμο ηλεκτρονικού ταχυδρομείου (ή ψευδώνυμο για συντομία) είναι μια διεύθυνση ηλεκτρονικού ταχυδρομείου που <b>δεν αποθηκεύει</b> μηνύματα ηλεκτρονικού ταχυδρομείου: όλα τα μηνύματα ηλεκτρονικού ταχυδρομείου που αποστέλλονται σε ένα ψευδώνυμο προωθούνται στο προσωπικό σας email.">ψευδώνυμα ηλεκτρονικού ταχυδρομείου</em>, μπορείτε να είστε ανώνυμοι στο διαδίκτυο και να προστατεύετε τα εισερχόμενά σας από ανεπιθύμητα μηνύματα και ηλεκτρονικό ψάρεμα. <a href="https://github.com/simple-login/">Ανοιχτού Κώδικα</a>. Κατασκευάζεται και φιλοξενείται στην Ευρώπη.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000+</b> ψευδώνυμα δημιουργήθηκαν.
 seen_on: Συνιστάται από
diff --git a/i18n/es-419.yaml b/i18n/es-419.yaml
index a4314d6d..a93236ce 100644
--- a/i18n/es-419.yaml
+++ b/i18n/es-419.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Iniciar sesión
-header_signup: Crear una cuenta gratuita
+header_login: Iniciar sesión #header
+header_signup: Registrarse
 header_pricing: Precios
-header_menu_features: Características
-header_menu_resources: Recursos
-
-header_feature_email_aliases: Alias de correo
-header_feature_email_aliases_desc: Proteja su buzón con direcciones de correo anónimas
-header_feature_custom_domains: Dominios personalizados
-header_feature_custom_domains_desc: Use su propio dominio para crear alias
-header_feature_browser_extensions: Extensiones de navegador
-header_feature_browser_extensions_desc: Cree alias con un solo clic desde Chrome, Firefox, Edge o Safari
-header_feature_signin_with_sl: Iniciar sesión con SimpleLogin
-header_feature_signin_with_sl_desc: Botón de inicio de sesión centrado en la privacidad para su aplicación o sitio web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Historias, consejos y guías de privacidad de nuestro equipo
-header_resource_documentation: Documentación
-header_resource_documentation_desc: Aproveche al máximo SimpleLogin
-header_resource_faq: Preguntas frecuentes
-header_resource_faq_desc: Respuestas a las preguntas más comunes
-header_resource_forum: Foro
-header_resource_forum_desc: Discuta funciones, haga preguntas, comparta las mejores prácticas
-header_resource_github: GitHub
-header_resource_github_desc: Revise nuestro código abierto y contribuya
-header_resource_status: Estado
-header_resource_status_desc: Verifique el tiempo de actividad del servicio y los incidentes
-header_resource_comparisons: Comparaciones
-
-#hero section
-hero: Reciba y envíe correos anónimamente
-hero_highlight_word: anónimamente
-hero_cta_secondary: Cómo funciona
-hero_stat_value: 1,000,000+
-hero_stat_label: usuarios felices
+hero: Reciba y envíe correos anónimamente #hero section
 hero_desc: >
-  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo (o alias para abreviar) es una dirección de correo que <b>no almacena</b> correos: todos los correos enviados a un alias son reenviados a su dirección de correo personal.">alias de correo</em>, puede ser anónimo en internet y proteger su buzón contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">De código abierto</a>. Desarrollado y alojado en Europa.
-hero_cta: Obtén tus alias gratis
+  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo (o alias para abreviar) es una dirección de correo que <b>no almacena</b> correos: todos los correos enviados a un alias son reenviados a su dirección de correo personal.">alias de correo</em>, puede ser anónimo en internet y proteger su buzón contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">De código abierto</a>. Desarrollado y alojado en Europa.
+hero_cta: >
 
 hero_button_underline: <b>Más de 800 000</b> alias creados.
 seen_on: Recomendado por
diff --git a/i18n/es.yaml b/i18n/es.yaml
index 79ea9189..4562b967 100644
--- a/i18n/es.yaml
+++ b/i18n/es.yaml
@@ -1,44 +1,10 @@
-# header
-header_login: Iniciar sesión
-header_signup: Crear una cuenta gratuita
+header_login: Iniciar sesión #header
+header_signup: Regístrate
 header_pricing: Precios
-header_menu_features: Características
-header_menu_resources: Recursos
-
-header_feature_email_aliases: Alias de correo
-header_feature_email_aliases_desc: Proteja su buzón con direcciones de correo anónimas
-header_feature_custom_domains: Dominios personalizados
-header_feature_custom_domains_desc: Use su propio dominio para crear alias
-header_feature_browser_extensions: Extensiones de navegador
-header_feature_browser_extensions_desc: Cree alias con un solo clic desde Chrome, Firefox, Edge o Safari
-header_feature_signin_with_sl: Iniciar sesión con SimpleLogin
-header_feature_signin_with_sl_desc: Botón de inicio de sesión centrado en la privacidad para su aplicación o sitio web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Historias, consejos y guías de privacidad de nuestro equipo
-header_resource_documentation: Documentación
-header_resource_documentation_desc: Aproveche al máximo SimpleLogin
-header_resource_faq: Preguntas frecuentes
-header_resource_faq_desc: Respuestas a las preguntas más comunes
-header_resource_forum: Foro
-header_resource_forum_desc: Discuta funciones, haga preguntas, comparta las mejores prácticas
-header_resource_github: GitHub
-header_resource_github_desc: Revise nuestro código abierto y contribuya
-header_resource_status: Estado
-header_resource_status_desc: Verifique el tiempo de actividad del servicio y los incidentes
-header_resource_comparisons: Comparaciones
-
-#hero section
-hero: Recibe y envía correos anónimamente
-hero_highlight_word: anónimamente
+hero: Recibe y envía correos anónimamente #hero section
 hero_desc: >
-  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo electrónico (o alias para abreviar) es una dirección de correo electrónico que <b>no almacena</b> correos electrónicos: todos los correos electrónicos enviados a un alias se reenvían a tu correo electrónico personal.">alias de correo electrónico</em>, puedes mantener el anonimato en internet y proteger tu bandeja de entrada contra el spam y la suplantación de identidad.
-  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Código abierto</a>. Basado en Suiza.
-hero_cta: Consigue tus alias gratis
-hero_cta_secondary: Cómo funciona
-
-hero_stat_value: 1.000.000+
-hero_stat_label: usuarios felices
+  Con los <em data-toggle="tooltip" data-html="true" title="Un alias de correo electrónico (o alias para abreviar) es una dirección de correo electrónico que <b>no almacena</b> correos electrónicos: todos los correos electrónicos enviados a un alias se reenvían a tu correo electrónico personal.">alias de correo electrónico</em>, puedes ser anónimo en internet y proteger tu bandeja de entrada contra el spam y la suplantación de identidad. <a href="https://github.com/simple-login/">Código abierto</a>. Desarrollado y alojado en Europa.
+hero_cta: >
 
 hero_button_underline: <b>Más de 800 000</b> alias creados.
 seen_on: Recomendado por
diff --git a/i18n/fr.yaml b/i18n/fr.yaml
index 0c241d52..bae4551b 100644
--- a/i18n/fr.yaml
+++ b/i18n/fr.yaml
@@ -1,44 +1,10 @@
-# header
-header_login: Se connecter
-header_signup: Créer un compte gratuit
+header_login: Se connecter #header
+header_signup: Créer un compte
 header_pricing: Tarifs
-header_menu_features: Fonctionnalités
-header_menu_resources: Ressources
-
-header_feature_email_aliases: Alias d'adresse e-mail
-header_feature_email_aliases_desc: Protégez votre boîte mail avec des alias d'adresse e-mail anonymes
-header_feature_custom_domains: Domaines personnalisés
-header_feature_custom_domains_desc: Utilisez votre propre domaine pour créer des alias
-header_feature_browser_extensions: Extensions de navigateur
-header_feature_browser_extensions_desc: Créez des alias en un clic depuis Chrome, Firefox, Edge ou Safari
-header_feature_signin_with_sl: Se connecter avec SimpleLogin
-header_feature_signin_with_sl_desc: Bouton de connexion axé sur la confidentialité pour votre application ou site web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Histoires, conseils et guides de confidentialité de notre équipe
-header_resource_documentation: Documentation
-header_resource_documentation_desc: Profitez au maximum de SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Réponses aux questions les plus fréquentes
-header_resource_forum: Forum
-header_resource_forum_desc: Discutez des fonctionnalités, posez des questions, partagez les meilleures pratiques
-header_resource_github: GitHub
-header_resource_github_desc: Consultez notre code open-source et contribuez
-header_resource_status: Statut
-header_resource_status_desc: Vérifiez le temps de disponibilité du service et les incidents
-header_resource_comparisons: Comparaisons
-
-#hero section
-hero: Recevez et envoyez des messages de manière anonyme
-hero_highlight_word: anonyme
+hero: Recevez et envoyez des messages de manière anonyme #hero section
 hero_desc: >
-  Avec les <em data-toggle="tooltip" data-html="true" title="Un alias d'adresse e-mail (ou alias tout court) est une adresse e-mail qui <b>ne stocke pas</b> les messages : tous les messages envoyés à un alias sont transférés vers votre adresse e-mail personnelle.">alias d'adresse e-mail</em>, vous pouvez garder l'anonymat en ligne et protéger votre boîte mail contre les spams et le phishing.
-  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Basé en Suisse.
-hero_cta: Obtenez vos alias gratuitement
-hero_cta_secondary: Comment ça marche
-
-hero_stat_value: 1 000 000+
-hero_stat_label: utilisateurs satisfaits
+  Avec les <em data-toggle="tooltip" data-html="true" title="Un alias d'adresse e-mail (ou alias tout court) est une adresse e-mail qui <b>ne stocke pas</b> les messages : tous les messages envoyés à un alias sont transférés vers votre adresse e-mail personnelle.">alias d'adresse e-mail</em>, vous pouvez garder l'anonymat en ligne et protéger votre boite mail contre les spams (indésirables) et le phishing (hameçonnage). SimpleLogin est <a href="https://github.com/simple-login/">open source</a> et est développé et hébergé en Europe.
+hero_cta: >
 
 hero_button_underline: <b>Plus de 800 000</b> alias ont été créés.
 seen_on: Recommandé par
diff --git a/i18n/id.yaml b/i18n/id.yaml
index c96f4d31..91ceda3e 100644
--- a/i18n/id.yaml
+++ b/i18n/id.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Masuk
-header_signup: Buat akun gratis
+header_login: Masuk #header
+header_signup: Daftar
 header_pricing: Harga
-header_menu_features: Fitur
-header_menu_resources: Sumber Daya
-
-header_feature_email_aliases: Alias Surel
-header_feature_email_aliases_desc: Lindungi kotak masuk Anda dengan alamat surel anonim
-header_feature_custom_domains: Domain Kustom
-header_feature_custom_domains_desc: Gunakan domain Anda sendiri untuk membuat alias
-header_feature_browser_extensions: Ekstensi Peramban
-header_feature_browser_extensions_desc: Buat alias dengan satu klik dari Chrome, Firefox, Edge, atau Safari
-header_feature_signin_with_sl: Masuk dengan SimpleLogin
-header_feature_signin_with_sl_desc: Tombol masuk yang mengutamakan privasi untuk aplikasi atau situs web Anda
-
-header_resource_blog: Blog
-header_resource_blog_desc: Cerita, tips, dan panduan privasi dari tim kami
-header_resource_documentation: Dokumentasi
-header_resource_documentation_desc: Manfaatkan SimpleLogin secara maksimal
-header_resource_faq: FAQ
-header_resource_faq_desc: Jawaban untuk pertanyaan yang paling umum
-header_resource_forum: Forum
-header_resource_forum_desc: Diskusikan fitur, ajukan pertanyaan, bagikan praktik terbaik
-header_resource_github: GitHub
-header_resource_github_desc: Tinjau kode sumber terbuka kami dan berkontribusi
-header_resource_status: Status
-header_resource_status_desc: Periksa waktu aktif layanan dan insiden
-header_resource_comparisons: Perbandingan
-
-#hero section
-hero: Terima dan kirim surel secara anonim
-hero_highlight_word: anonim
-hero_cta_secondary: Cara kerjanya
-hero_stat_value: 1.000.000+
-hero_stat_label: pengguna puas
+hero: Terima dan kirim surel secara anonim #hero section
 hero_desc: >
-  Dengan <em data-toggle="tooltip" data-html="true" title="Sebuah alias surel (atau alias) adalah alamat surel yang <b>tidak menyimpan</b> surel: semua surel yang dikirim ke sebuah alias akan diteruskan ke surel pribadi Anda.">alias surel</em>, Anda bisa menjadi anonim secara daring dan melindungi kotak masuk Anda terhadap spam dan phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Bersumber terbuka</a>. Dibuat dan dihost di Eropa.
-hero_cta: Dapatkan alias Anda gratis
+  Dengan <em data-toggle="tooltip" data-html="true" title="Sebuah alias surel (atau alias) adalah alamat surel yang <b>tidak menyimpan</b> surel: semua surel yang dikirim ke sebuah alias akan diteruskan ke surel pribadi Anda.">alias surel</em>, Anda bisa menjadi anonim secara daring dan melindungi kotak masuk Anda terhadap spam dan phishing. <a href="https://github.com/simple-login/">Bersumber terbuka</a>. Dibuat dan dihost di Eropa.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000+</b> alias telah dihasilkan.
 seen_on: Direkomendasikan oleh
diff --git a/i18n/it.yaml b/i18n/it.yaml
index 5fe91202..1183820e 100644
--- a/i18n/it.yaml
+++ b/i18n/it.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Accedi
-header_signup: Crea un account gratuito
+header_login: Accedi #header
+header_signup: Registrati
 header_pricing: Prezzi
-header_menu_features: Funzionalità
-header_menu_resources: Risorse
-
-header_feature_email_aliases: Alias email
-header_feature_email_aliases_desc: Proteggi la tua casella di posta con indirizzi email anonimi
-header_feature_custom_domains: Domini personalizzati
-header_feature_custom_domains_desc: Usa il tuo dominio per creare alias
-header_feature_browser_extensions: Estensioni del browser
-header_feature_browser_extensions_desc: Crea alias con un clic da Chrome, Firefox, Edge o Safari
-header_feature_signin_with_sl: Accedi con SimpleLogin
-header_feature_signin_with_sl_desc: Pulsante di accesso incentrato sulla privacy per la tua app o sito web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Storie, consigli e guide sulla privacy dal nostro team
-header_resource_documentation: Documentazione
-header_resource_documentation_desc: Sfrutta al massimo SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Risposte alle domande più frequenti
-header_resource_forum: Forum
-header_resource_forum_desc: Discuti le funzionalità, fai domande, condividi le migliori pratiche
-header_resource_github: GitHub
-header_resource_github_desc: Consulta il nostro codice open-source e contribuisci
-header_resource_status: Stato
-header_resource_status_desc: Controlla la disponibilità del servizio e gli incidenti
-header_resource_comparisons: Confronti
-
-#hero section
-hero: Ricevi e invia email in modo anonimo
-hero_highlight_word: anonimo
-hero_cta_secondary: Come funziona
-hero_stat_value: 1.000.000+
-hero_stat_label: utenti felici
+hero: Ricevi e invia email in modo anonimo #hero section
 hero_desc: >
-  Con <em data-toggle="tooltip" data-html="true" title="Un alias email (o alias in breve) è un indirizzo email che <b>non memorizza</b> le email: tutte le email inviate  a un alias vengono inoltrate alla tua email personale.">alias email</em>, puoi essere anonimo online e proteggere la tua casella di posta da spam e phishing.  <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>.  Realizzato e ospitato in Europa.
-hero_cta: Ottieni i tuoi alias gratis
+  Con <em data-toggle="tooltip" data-html="true" title="Un alias email (o alias in breve) è un indirizzo email che <b>non memorizza</b> le email: tutte le email inviate  a un alias vengono inoltrate alla tua email personale.">alias email</em>, puoi essere anonimo online e proteggere la tua casella di posta da spam e phishing.  <a href="https://github.com/simple-login/">Open source</a>.  Realizzato e ospitato in Europa.
+hero_cta: >
 
 hero_button_underline: Più di <b>800.000</b> alias creati.
 seen_on: Consigliato da
diff --git a/i18n/ja.yaml b/i18n/ja.yaml
index bcab6a9b..fc42bdd8 100644
--- a/i18n/ja.yaml
+++ b/i18n/ja.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: ログイン
-header_signup: 無料アカウントを作成
+header_login: ログイン #header
+header_signup: サインアップ
 header_pricing: 価格
-header_menu_features: 機能
-header_menu_resources: リソース
-
-header_feature_email_aliases: メールエイリアス
-header_feature_email_aliases_desc: 匿名のメールアドレスで受信トレイを保護
-header_feature_custom_domains: カスタムドメイン
-header_feature_custom_domains_desc: 自分のドメインを使用してエイリアスを作成
-header_feature_browser_extensions: ブラウザ拡張機能
-header_feature_browser_extensions_desc: Chrome、Firefox、Edge、Safariからワンクリックでエイリアスを作成
-header_feature_signin_with_sl: SimpleLoginでサインイン
-header_feature_signin_with_sl_desc: アプリやウェブサイト向けのプライバシー重視のサインインボタン
-
-header_resource_blog: Blog
-header_resource_blog_desc: チームからのストーリー、ヒント、プライバシーガイド
-header_resource_documentation: ドキュメント
-header_resource_documentation_desc: SimpleLoginを最大限に活用する
-header_resource_faq: FAQ
-header_resource_faq_desc: よくある質問への回答
-header_resource_forum: フォーラム
-header_resource_forum_desc: 機能について議論し、質問し、ベストプラクティスを共有
-header_resource_github: GitHub
-header_resource_github_desc: オープンソースコードを確認し、貢献する
-header_resource_status: ステータス
-header_resource_status_desc: サービスの稼働状況とインシデントを確認
-header_resource_comparisons: 比較
-
-#hero section
-hero: 匿名でメールを受信・送信
-hero_highlight_word: 匿名で
-hero_cta_secondary: 仕組みを見る
-hero_stat_value: 1,000,000+
-hero_stat_label: 満足ユーザー
+hero: 匿名でメールを受信・送信 #hero section
 hero_desc: >
-  「<em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that 電子メールは<b>保存されません</b>。エイリアスに送信されたすべての電子メールは、個人の電子メールに転送されます。">電子メール エイリアス</em>」を使用すると、オンラインで匿名になり、スパムやフィッシングから受信トレイを保護できます。 <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">オープンソース</a>。 ヨーロッパで作成およびホストされています。
-hero_cta: エイリアスを無料で作成
+  「<em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that 電子メールは<b>保存されません</b>。エイリアスに送信されたすべての電子メールは、個人の電子メールに転送されます。">電子メール エイリアス</em>」を使用すると、オンラインで匿名になり、スパムやフィッシングから受信トレイを保護できます。 <a href="https://github.com/simple-login/">オープンソース</a>。 ヨーロッパで作成およびホストされています。
+hero_cta: >
 
 hero_button_underline: <b>1,000,000 以上</b> のエイリアスが作成されました。
 seen_on: 推薦者
diff --git a/i18n/ka.yaml b/i18n/ka.yaml
index a0036ebb..33929888 100644
--- a/i18n/ka.yaml
+++ b/i18n/ka.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: შესვლა
-header_signup: უფასო ანგარიშის შექმნა
+header_login: შესვლა #header
+header_signup: რეგისტრაცია
 header_pricing: ფასები
-header_menu_features: ფუნქციები
-header_menu_resources: რესურსები
-
-header_feature_email_aliases: ელფოსტის ფსევდონიმები
-header_feature_email_aliases_desc: დაიცავით თქვენი საფოსტო ყუთი ანონიმური ელფოსტის მისამართებით
-header_feature_custom_domains: კასტომიზირებული დომენები
-header_feature_custom_domains_desc: გამოიყენეთ თქვენი საკუთარი დომენი ფსევდონიმების შესაქმნელად
-header_feature_browser_extensions: ბრაუზერის გაფართოებები
-header_feature_browser_extensions_desc: შექმენით ფსევდონიმები ერთი დაწკაპუნებით Chrome, Firefox, Edge ან Safari-დან
-header_feature_signin_with_sl: SimpleLogin-ით შესვლა
-header_feature_signin_with_sl_desc: აპლიკაციის ან ვებსაიტისთვის კონფიდენციალურობაზე ორიენტირებული შესვლის ღილაკი
-
-header_resource_blog: Blog
-header_resource_blog_desc: ჩვენი გუნდის ისტორიები, რჩევები და კონფიდენციალურობის სახელმძღვანელოები
-header_resource_documentation: დოკუმენტაცია
-header_resource_documentation_desc: მიიღეთ მაქსიმალური სარგებელი SimpleLogin-დან
-header_resource_faq: FAQ
-header_resource_faq_desc: ყველაზე ხშირად დასმული კითხვების პასუხები
-header_resource_forum: ფორუმი
-header_resource_forum_desc: ფუნქციების განხილვა, კითხვების დასმა, საუკეთესო პრაქტიკის გაზიარება
-header_resource_github: GitHub
-header_resource_github_desc: ჩვენი ღია კოდის კოდის გადახედვა და წვლილის შეტანა
-header_resource_status: სტატუსი
-header_resource_status_desc: სერვისის დროის და ინციდენტების შემოწმება
-header_resource_comparisons: შედარებები
-
-#hero section
-hero: მიიღეთ და გააგზავნეთ ელფოსტა ანონიმურად
-hero_highlight_word: ანონიმურად
-hero_cta_secondary: როგორ მუშაობს
-hero_stat_value: 1,000,000+
-hero_stat_label: კმაყოფილი მომხმარებელი
+hero: მიიღეთ და გააგზავნეთ ელფოსტა ანონიმურად #hero section
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that <b>არ ვიმახსოვრებთ</b> ელფოსტას: ყველა ელფოსტა, რომელიც ფსევდონიმზეა გამოგზავნილი, თქვენს პირად ელფოსტაზე გადმოიგზავნება. ">ელფოსტის ფსევდონიმები</em>, თქვენ შეგიძლიათ, ინტერნეტში ანონიმურად იმუშაოთ და დაიცვათ თქვენი საფოსტო ყუთი სპამისგან და ფიშინგისგან. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">ის ღია კოდითაა</a>. დამზადებული და დაჰოსტილია ევროპაში.
-hero_cta: მიიღეთ თქვენი ალიასები უფასოდ
+  <em data-toggle="tooltip" data-html="true" title="An email alias (or alias for short) is an email address that <b>არ ვიმახსოვრებთ</b> ელფოსტას: ყველა ელფოსტა, რომელიც ფსევდონიმზეა გამოგზავნილი, თქვენს პირად ელფოსტაზე გადმოიგზავნება. ">ელფოსტის ფსევდონიმები</em>, თქვენ შეგიძლიათ, ინტერნეტში ანონიმურად იმუშაოთ და დაიცვათ თქვენი საფოსტო ყუთი სპამისგან და ფიშინგისგან. <a href="https://github.com/simple-login/">ის ღია კოდითაა</a>. დამზადებული და დაჰოსტილია ევროპაში.
+hero_cta: >
 
 hero_button_underline: შექმნილია <b>1,000,000+</b> ფსევდონიმი.
 seen_on: რეკომენდებულია
diff --git a/i18n/ko.yaml b/i18n/ko.yaml
index cc96bf68..6a766b36 100644
--- a/i18n/ko.yaml
+++ b/i18n/ko.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: 로그인
-header_signup: 무료 계정 만들기
+header_login: 로그인 #header
+header_signup: 회원 가입
 header_pricing: 가격
-header_menu_features: 기능
-header_menu_resources: 리소스
-
-header_feature_email_aliases: 이메일 별명
-header_feature_email_aliases_desc: 익명 이메일 주소로 받은 편지함을 보호하세요
-header_feature_custom_domains: 맞춤 도메인
-header_feature_custom_domains_desc: 별명을 만들기 위해 자신의 도메인을 사용하세요
-header_feature_browser_extensions: 브라우저 확장
-header_feature_browser_extensions_desc: Chrome, Firefox, Edge 또는 Safari에서 한 번의 클릭으로 별명을 만드세요
-header_feature_signin_with_sl: SimpleLogin으로 로그인
-header_feature_signin_with_sl_desc: 앱이나 웹사이트용 프라이버시 중심 로그인 버튼
-
-header_resource_blog: 블로그
-header_resource_blog_desc: 우리 팀의 이야기, 팁 및 개인정보 보호 가이드
-header_resource_documentation: 문서
-header_resource_documentation_desc: SimpleLogin을 최대한 활용하세요
-header_resource_faq: FAQ
-header_resource_faq_desc: 가장 자주 묻는 질문에 대한 답변
-header_resource_forum: 포럼
-header_resource_forum_desc: 기능을 논의하고, 질문을 하고, 모범 사례를 공유하세요
-header_resource_github: GitHub
-header_resource_github_desc: 우리의 오픈 소스 코드를 검토하고 기여하세요
-header_resource_status: 상태
-header_resource_status_desc: 서비스 가동 시간 및 사건을 확인하세요
-header_resource_comparisons: 비교
-
-#hero section
-hero: 익명으로 이메일을 주고 받으세요
-hero_highlight_word: 익명으로
-hero_cta_secondary: 작동 방식
-hero_stat_value: 1,000,000+
-hero_stat_label: 만족한 사용자
+hero: 익명으로 이메일을 주고 받으세요 #hero section
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="이메일 별명은 <b>이메일을 저장하지 않는</b> 이메일 주소입니다: 이메일 별명으로 전송된 모든 이메일은 사용자의 개인 이메일으로 전달됩니다.">이메일 별명</em>으로, 온라인에서 익명 상태를 유지하고 스팸과 피니싱 없이 받은 편지함을 보호할 수 있습니다. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">오픈소스이며</a>, 유럽에서 개발 및 운영됩니다.
-hero_cta: 무료로 별칭 만들기
+  <em data-toggle="tooltip" data-html="true" title="이메일 별명은 <b>이메일을 저장하지 않는</b> 이메일 주소입니다: 이메일 별명으로 전송된 모든 이메일은 사용자의 개인 이메일으로 전달됩니다.">이메일 별명</em>으로, 온라인에서 익명 상태를 유지하고 스팸과 피니싱 없이 받은 편지함을 보호할 수 있습니다. <a href="https://github.com/simple-login/">오픈소스이며</a>, 유럽에서 개발 및 운영됩니다.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000+개</b> 별명 생성됨.
 seen_on: 추천
diff --git a/i18n/nl.yaml b/i18n/nl.yaml
index d9ee2190..99511511 100644
--- a/i18n/nl.yaml
+++ b/i18n/nl.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Inloggen
-header_signup: Maak een gratis account
+header_login: Inloggen #header
+header_signup: Registreren
 header_pricing: Prijzen
-header_menu_features: Functies
-header_menu_resources: Bronnen
-
-header_feature_email_aliases: -mail Aliassen
-header_feature_email_aliases_desc: Bescherm uw inbox met anonieme e-mailadressen
-header_feature_custom_domains: Aangepaste Domeinen
-header_feature_custom_domains_desc: Gebruik uw eigen domein om aliassen te maken
-header_feature_browser_extensions: Browserextensies
-header_feature_browser_extensions_desc: Maak aliassen met één klik vanuit Chrome, Firefox, Edge of Safari
-header_feature_signin_with_sl: Inloggen met SimpleLogin
-header_feature_signin_with_sl_desc: Privacygerichte inlogknop voor uw app of website
-
-header_resource_blog: Blog
-header_resource_blog_desc: Verhalen, tips en privacygidsen van ons team
-header_resource_documentation: Documentatie
-header_resource_documentation_desc: Haal het meeste uit SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Antwoorden op de meest gestelde vragen
-header_resource_forum: Forum
-header_resource_forum_desc: Bespreek functies, stel vragen, deel best practices
-header_resource_github: GitHub
-header_resource_github_desc: Bekijk onze open-source code en draag bij
-header_resource_status: Status
-header_resource_status_desc: Controleer de uptime van de service en incidenten
-header_resource_comparisons: Vergelijkingen
-
-#hero section
-hero: Ontvang en verzend e-mails anoniem
-hero_highlight_word: anoniem
-hero_cta_secondary: Hoe het werkt
-hero_stat_value: 1.000.000+
-hero_stat_label: tevreden gebruikers
+hero: Ontvang en verzend e-mails anoniem #hero section
 hero_desc: >
-  Met  <em data-toggle="tooltip" data-html="true" title="Een e-mail alias (of in het kort alias) is een e-mailadres dat <b>geen e-mails opslaat</b>: alle e-mails die verzonden worden naar een alias worden doorgestuurd naar uw persoonlijke e-mail .">e-mail aliassen</em>, kunt u anoniem online zijn en uw postvak beschermen tegen spam en phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Gemaakt en gehost in Europa.
-hero_cta: Krijg je aliassen gratis
+  Met  <em data-toggle="tooltip" data-html="true" title="Een e-mail alias (of in het kort alias) is een e-mailadres dat <b>geen e-mails opslaat</b>: alle e-mails die verzonden worden naar een alias worden doorgestuurd naar uw persoonlijke e-mail .">e-mail aliassen</em>, kunt u anoniem online zijn en uw postvak beschermen tegen spam en phishing. <a href="https://github.com/simple-login/">Open source</a>. Gemaakt en gehost in Europa.
+hero_cta: >
 
 hero_button_underline: <b>800 000+</b> aliassen aangemaakt.
 seen_on: Aanbevolen door
diff --git a/i18n/no.yaml b/i18n/no.yaml
index 830e9e4c..056ff6ec 100644
--- a/i18n/no.yaml
+++ b/i18n/no.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Logg på
-header_signup: Opprett en gratis konto
+header_login: Logg på #header
+header_signup: Registrer deg
 header_pricing: Priser
-header_menu_features: Funksjoner
-header_menu_resources: Ressurser
-
-header_feature_email_aliases: E-postaliaser
-header_feature_email_aliases_desc: Beskytt innboksen din med anonyme e-postadresser
-header_feature_custom_domains: Tilpassede domener
-header_feature_custom_domains_desc: Bruk ditt eget domene for å opprette aliaser
-header_feature_browser_extensions: Nettleserutvidelser
-header_feature_browser_extensions_desc: Opprett aliaser med ett klikk fra Chrome, Firefox, Edge eller Safari
-header_feature_signin_with_sl: Logg inn med SimpleLogin
-header_feature_signin_with_sl_desc: Personvern-fokusert innloggingsknapp for appen eller nettstedet ditt
-
-header_resource_blog: Blog
-header_resource_blog_desc: Historier, tips og personvernveiledninger fra vårt team
-header_resource_documentation: Dokumentasjon
-header_resource_documentation_desc: Få mest mulig ut av SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Svar på de vanligste spørsmålene
-header_resource_forum: Forum
-header_resource_forum_desc: Diskuter funksjoner, still spørsmål, del beste praksis
-header_resource_github: GitHub
-header_resource_github_desc: Se vår åpen kildekode og bidra
-header_resource_status: Status
-header_resource_status_desc: Sjekk tjenestens oppetid og hendelser
-header_resource_comparisons: Sammenligninger
-
-#hero section
-hero: Motta og send e-post anonymt
-hero_highlight_word: anonymt
-hero_cta_secondary: Slik fungerer det
-hero_stat_value: 1 000 000+
-hero_stat_label: fornøyde brukere
+hero: Motta og send e-post anonymt #hero section
 hero_desc: >
-  Med <em data-toggle="tooltip" data-html="true" title="en e-postalias (eller alias) er en e-postadresse som <b>ikke lagrer</b>e-poster: alle e-postmeldinger som sendes til et alias, videresendes til din personlige e-postadresse.">e-postaliaser</em>, du kan være anonym på nettet og beskytte innboksen din mot søppelpost og nettfisking.<a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Åpen kildekode</a>Laget og vertet i Europa.
-hero_cta: Få aliasene dine gratis
+  Med <em data-toggle="tooltip" data-html="true" title="en e-postalias (eller alias) er en e-postadresse som <b>ikke lagrer</b>e-poster: alle e-postmeldinger som sendes til et alias, videresendes til din personlige e-postadresse.">e-postaliaser</em>, du kan være anonym på nettet og beskytte innboksen din mot søppelpost og nettfisking.<a href="https://github.com/simple-login/">Åpen kildekode</a>Laget og vertet i Europa.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000+</b> aliaser opprettet.
 seen_on: Anbefalt av
diff --git a/i18n/pt-BR.yaml b/i18n/pt-BR.yaml
index 63e66f84..ed21e55e 100644
--- a/i18n/pt-BR.yaml
+++ b/i18n/pt-BR.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Iniciar sessão
-header_signup: Criar uma conta gratuita
+header_login: Iniciar sessão #header
+header_signup: Criar conta
 header_pricing: Preços
-header_menu_features: Características
-header_menu_resources: Recursos
-
-header_feature_email_aliases: Aliases de Email
-header_feature_email_aliases_desc: Proteja sua caixa de entrada com endereços de e-mail anônimos
-header_feature_custom_domains: Domínios Personalizados
-header_feature_custom_domains_desc: Use seu próprio domínio para criar aliases
-header_feature_browser_extensions: Extensões de Navegador
-header_feature_browser_extensions_desc: Crie aliases com um clique no Chrome, Firefox, Edge ou Safari
-header_feature_signin_with_sl: Entrar com SimpleLogin
-header_feature_signin_with_sl_desc: Botão de login focado em privacidade para seu aplicativo ou site
-
-header_resource_blog: Blog
-header_resource_blog_desc: Histórias, dicas e guias de privacidade da nossa equipe
-header_resource_documentation: Documentação
-header_resource_documentation_desc: Aproveite ao máximo o SimpleLogin
-header_resource_faq: FAQ
-header_resource_faq_desc: Respostas às perguntas mais comuns
-header_resource_forum: Fórum
-header_resource_forum_desc: Discuta recursos, faça perguntas, compartilhe melhores práticas
-header_resource_github: GitHub
-header_resource_github_desc: Revise nosso código aberto e contribua
-header_resource_status: Status
-header_resource_status_desc: Verifique o tempo de atividade e incidentes do serviço
-header_resource_comparisons: Comparações
-
-#hero section
-hero: Receba e envie e-mails anonimamente
-hero_highlight_word: anonimamente
-hero_cta_secondary: Como funciona
-hero_stat_value: 1.000.000+
-hero_stat_label: usuários satisfeitos
+hero: Receba e envie e-mails anonimamente #hero section
 hero_desc: >
-  Com  <em data-toggle="tooltip" data-html="true" title="Um alias de email (ou alias para abreviar) é um endereço de e-mail que <b>não armazena</b> e-mails: todos os emails enviados a um alias de e-mail são encaminhados para o seu e-mail pessoal.">aliases de e-mail</em>, você pode permanecer anônimo on-line e proteger sua caixa de entrada contra spam e phishing. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Código aberto</a>. Feito e hospedado na Europa.
-hero_cta: Tenha seus aliases grátis
+  Com  <em data-toggle="tooltip" data-html="true" title="Um alias de email (ou alias para abreviar) é um endereço de e-mail que <b>não armazena</b> e-mails: todos os emails enviados a um alias de e-mail são encaminhados para o seu e-mail pessoal.">aliases de e-mail</em>, você pode permanecer anônimo on-line e proteger sua caixa de entrada contra spam e phishing. <a href="https://github.com/simple-login/">Código aberto</a>. Feito e hospedado na Europa.
+hero_cta: >
 
 hero_button_underline: <b>800.000+</b> alias criados.
 seen_on: Recomendado por
diff --git a/i18n/ro.yaml b/i18n/ro.yaml
index 85f6f769..6b87bad2 100644
--- a/i18n/ro.yaml
+++ b/i18n/ro.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Autentificare
-header_signup: Creează un cont gratuit
+header_login: Autentificare #header
+header_signup: Înscriere
 header_pricing: Prețuri
-header_menu_features: Caracteristici
-header_menu_resources: Resurse
-
-header_feature_email_aliases: Aliasuri de e-mail
-header_feature_email_aliases_desc: Protejați-vă inboxul cu adrese de e-mail anonime
-header_feature_custom_domains: Domenii personalizate
-header_feature_custom_domains_desc: Folosiți propriul domeniu pentru a crea aliasuri
-header_feature_browser_extensions: Extensii pentru browser
-header_feature_browser_extensions_desc: Creați aliasuri cu un singur clic din Chrome, Firefox, Edge sau Safari
-header_feature_signin_with_sl: Autentificare cu SimpleLogin
-header_feature_signin_with_sl_desc: Buton de autentificare axat pe confidențialitate pentru aplicația sau site-ul dvs.
-
-header_resource_blog: Blog
-header_resource_blog_desc: Povești, sfaturi și ghiduri de confidențialitate de la echipa noastră
-header_resource_documentation: Documentație
-header_resource_documentation_desc: Profitați la maximum de SimpleLogin
-header_resource_faq: Întrebări frecvente
-header_resource_faq_desc: Răspunsuri la cele mai frecvente întrebări
-header_resource_forum: Forum
-header_resource_forum_desc: Discutați despre funcționalități, puneți întrebări, împărtășiți cele mai bune practici
-header_resource_github: GitHub
-header_resource_github_desc: Revizuiți codul nostru open-source și contribuiți
-header_resource_status: Status
-header_resource_status_desc: Verificați timpul de funcționare și incidentele serviciului
-header_resource_comparisons: Comparații
-
-#hero section
-hero: Primiți și trimiteți mesaje anonim
-hero_highlight_word: anonim
-hero_cta_secondary: Cum funcționează
-hero_stat_value: 1.000.000+
-hero_stat_label: utilizatori mulțumiți
+hero: Primiți și trimiteți mesaje anonim #hero section
 hero_desc: >
-  Cu <em data-toggle="tooltip" data-html="true" title="Un alias de e-mail (sau alias pe scurt) este o adresă de e-mail care <b>nu stochează</b> mesajele: toate mesajele trimise către un alias sunt redirecționate către adresa de e-mail personală.">aliasuri de e-mail</em>, vă păstrați anonimitatea online și vă puteți proteja adresa de e-mail împotriva mesajelor nedorite și a înșelăciunilor. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Cu sursa publică</a>. Creat și găzduit în Europa.
-hero_cta: Obține aliasurile tale gratuit
+  Cu <em data-toggle="tooltip" data-html="true" title="Un alias de e-mail (sau alias pe scurt) este o adresă de e-mail care <b>nu stochează</b> mesajele: toate mesajele trimise către un alias sunt redirecționate către adresa de e-mail personală.">aliasuri de e-mail</em>, vă păstrați anonimitatea online și vă puteți proteja adresa de e-mail împotriva mesajelor nedorite și a înșelăciunilor. <a href="https://github.com/simple-login/">Cu sursa publică</a>. Creat și găzduit în Europa.
+hero_cta: >
 
 hero_button_underline: <b>Peste 800.000</b> de aliasuri create.
 seen_on: Recomandat de
diff --git a/i18n/sk.yaml b/i18n/sk.yaml
index 7d3c3bb7..48706ab9 100644
--- a/i18n/sk.yaml
+++ b/i18n/sk.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Prihlásiť sa
-header_signup: Vytvoriť bezplatný účet
+header_login: Prihlásiť sa #header
+header_signup: Zaregistrovať sa
 header_pricing: Cenník
-header_menu_features: Funkcie
-header_menu_resources: Zdroje
-
-header_feature_email_aliases: Emailové aliasy
-header_feature_email_aliases_desc: Chráňte svoju doručenú poštu pomocou anonymných emailových adries
-header_feature_custom_domains: Vlastné domény
-header_feature_custom_domains_desc: Použite svoju vlastnú doménu na vytváranie aliasov
-header_feature_browser_extensions: Rozšírenia pre prehliadač
-header_feature_browser_extensions_desc: Vytvárajte aliasy jedným kliknutím z Chrome, Firefox, Edge alebo Safari
-header_feature_signin_with_sl: Prihlásiť sa s SimpleLogin
-header_feature_signin_with_sl_desc: Tlačidlo na prihlásenie zamerané na ochranu súkromia pre vašu aplikáciu alebo web
-
-header_resource_blog: Blog
-header_resource_blog_desc: Príbehy, tipy a návody na ochranu súkromia od nášho tímu
-header_resource_documentation: Dokumentácia
-header_resource_documentation_desc: Využite SimpleLogin na maximum
-header_resource_faq: Často kladené otázky
-header_resource_faq_desc: Odpovede na najčastejšie otázky
-header_resource_forum: Fórum
-header_resource_forum_desc: Diskutujte o funkciách, kladte otázky, zdieľajte najlepšie postupy
-header_resource_github: GitHub
-header_resource_github_desc: Prezrite si náš open-source kód a prispievajte
-header_resource_status: Stav
-header_resource_status_desc: Skontrolujte dostupnosť služby a incidenty
-header_resource_comparisons: Porovnania
-
-#hero section
-hero: Prijímajte a odosielajte emaily anonymne
-hero_highlight_word: anonymne
-hero_cta_secondary: Ako to funguje
-hero_stat_value: 1.000.000+
-hero_stat_label: spokojných používateľov
+hero: Prijímajte a odosielajte emaily anonymne #hero section
 hero_desc: >
-  S <em data-toggle="tooltip" data-html="true" title="Emailový alias (skrátene alias) je emailová adresa, ktorá <b>neukladá</b> emaily: všetky emaily odoslané na alias sa prepošlú na váš osobný email.">emailovými aliasmi</em> môžete zostať v anonymite a chrániť vašu doručenú poštu pred spamom a phishingom. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Open source</a>. Vytvorené a hostované v Európe.
-hero_cta: Získajte svoje aliasy zadarmo
+  S <em data-toggle="tooltip" data-html="true" title="Emailový alias (skrátene alias) je emailová adresa, ktorá <b>neukladá</b> emaily: všetky emaily odoslané na alias sa prepošlú na váš osobný email.">emailovými aliasmi</em> môžete zostať v anonymite a chrániť vašu doručenú poštu pred spamom a phishingom. <a href="https://github.com/simple-login/">Open source</a>. Vytvorené a hostované v Európe.
+hero_cta: >
 
 hero_button_underline: <b>800 000 +</b> vytvorených aliasov.
 seen_on: Odporúčané od
diff --git a/i18n/tr.yaml b/i18n/tr.yaml
index ceb36d27..a4d02ec2 100644
--- a/i18n/tr.yaml
+++ b/i18n/tr.yaml
@@ -1,42 +1,10 @@
-# header
-header_login: Oturum aç
-header_signup: Ücretsiz hesap oluştur
+header_login: Oturum aç #header
+header_signup: Hesap aç
 header_pricing: Ücretler
-header_menu_features: Özellikler
-header_menu_resources: Kaynaklar
-
-header_feature_email_aliases: E-posta Takma Adları
-header_feature_email_aliases_desc: Gelen kutunuzu anonim e-posta adresleri ile koruyun
-header_feature_custom_domains: Özel Alan Adları
-header_feature_custom_domains_desc: Kendi alan adınızı kullanarak takma adlar oluşturun
-header_feature_browser_extensions: Tarayıcı Uzantıları
-header_feature_browser_extensions_desc: Chrome, Firefox, Edge veya Safari'den tek tıkla takma adlar oluşturun
-header_feature_signin_with_sl: SimpleLogin ile Giriş Yap
-header_feature_signin_with_sl_desc: Uygulamanız veya web siteniz için gizlilik odaklı giriş düğmesi
-
-header_resource_blog: Blog
-header_resource_blog_desc: Ekibimizden hikayeler, ipuçları ve gizlilik rehberleri
-header_resource_documentation: Dokümantasyon
-header_resource_documentation_desc: SimpleLogin'den en iyi şekilde yararlanın
-header_resource_faq: SSS
-header_resource_faq_desc: En yaygın soruların yanıtları
-header_resource_forum: Forum
-header_resource_forum_desc: Özellikleri tartışın, sorular sorun, en iyi uygulamaları paylaşın
-header_resource_github: GitHub
-header_resource_github_desc: Açık kaynak kodumuzu inceleyin ve katkıda bulunun
-header_resource_status: Durum
-header_resource_status_desc: Hizmetin çalışma süresini ve olayları kontrol edin
-header_resource_comparisons: Karşılaştırmalar
-
-#hero section
-hero: E-postaları anonim olarak gönderip alın
-hero_highlight_word: anonim
-hero_cta_secondary: Nasıl çalışır
-hero_stat_value: 1.000.000+
-hero_stat_label: mutlu kullanıcı
+hero: E-postaları anonim olarak gönderip alın #hero section
 hero_desc: >
-  <em data-toggle="tooltip" data-html="true" title="Bir e-posta takma adı (ya da kısaca takma ad) e-postaları <b>saklamayan</b> bir e-posta adresidir. Bir takma ada gönderilen tüm e-postalar kişisel e-postanıza iletilir.">E-posta takma adları</em>, çevrim içi anonim olabilir ve gelen kutunuzu istenmeyen e-posta ve oltalama saldırılarına karşı koruyabilirsiniz. <a href="https://github.com/simple-login/" target="_blank" rel="noopener noreferrer">Açık kaynaklı</a>. Avrupa'da geliştirildi ve barındırılıyor.
-hero_cta: Takma adreslerinizi ücretsiz alın
+  <em data-toggle="tooltip" data-html="true" title="Bir e-posta takma adı (ya da kısaca takma ad) e-postaları <b>saklamayan</b> bir e-posta adresidir. Bir takma ada gönderilen tüm e-postalar kişisel e-postanıza iletilir.">E-posta takma adları</em>, çevrim içi anonim olabilir ve gelen kutunuzu istenmeyen e-posta ve oltalama saldırılarına karşı koruyabilirsiniz. <a href="https://github.com/simple-login/">Açık kaynaklı</a>. Avrupa'da geliştirildi ve barındırılıyor.
+hero_cta: >
 
 hero_button_underline: <b>1,000,000 üzerinde</b> takma ad oluşturuldu.
 seen_on: Önerenler