feat(landing): update header buttons and add company logo

src/app/pages/landing/landing.component.html

@@ -34,17 +34,30 @@
       <ion-menu-button auto-hide="true"></ion-menu-button>
     </ion-buttons>
     }
-    <ion-title>{{ 'translate.title' | transloco }}</ion-title>
+    <ion-title>
+      <picture>
+        <!-- TODO: inline the logo SVGs for better performance -->
+        <!-- Use a dark mode image for dark theme -->
+        <source srcset="assets/brand/logo-dark.svg" media="(prefers-color-scheme: dark)" />
+        <!-- Fallback to light mode image -->
+        <img src="assets/brand/logo-light.svg" alt="Logo" id="logo" />
+      </picture>
+    </ion-title>
     @if (!isMobile.matches) {
     <ion-buttons slot="primary">
-      <ion-button routerLink="/" color="primary" queryParamsHandling="preserve" shape="round" fill="solid">
+      <ion-button routerLink="/" queryParamsHandling="preserve" color="primary" shape="round" fill="solid">
         {{ 'landing.try' | transloco }}
         <ion-icon slot="end" name="arrow-forward"></ion-icon>
       </ion-button>
     </ion-buttons>
     <ion-buttons slot="secondary">
       @for (page of pages; track page) {
-      <ion-button [routerLink]="['/about', page]" queryParamsHandling="preserve">
+      <ion-button
+        [routerLink]="['/about', page]"
+        queryParamsHandling="preserve"
+        fill="solid"
+        color="light"
+        shape="round">
         {{ 'landing.' + page + '.title' | transloco }}
       </ion-button>
       }

src/app/pages/landing/landing.component.scss

@@ -7,8 +7,4 @@
       flex-direction: column;
     }
   }
-
-  ion-button {
-    text-transform: none;
-  }
 }

src/app/pages/translate/translate-desktop/translate-desktop.component.html

@@ -3,6 +3,11 @@
     <ion-buttons slot="primary">
       <ntkme-github-button user="sign" repo="translate" [count]="true" size="large" />
     </ion-buttons>
+    <ion-buttons slot="secondary">
+      <ion-button routerLink="/about" queryParamsHandling="preserve" color="light" shape="round" fill="solid">
+        {{ 'landing.about.title' | transloco }}
+      </ion-button>
+    </ion-buttons>
     <ion-title>{{ 'translate.title' | transloco }}<sup id="version" matTooltip="Alpha">α</sup></ion-title>
   </ion-toolbar>
 </ion-header>

src/assets/i18n/af.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Vertaal nou",
     "about": {
-      "title": "Meer oor",
       "hero": {
         "title": "Vertaal tussen 40+ gebare- en gesproke tale intyds.",
         "img": "Voorbeeld van lewendige vertaling tussen Amerikaanse Gebaretaal en Engels"
@@ -91,7 +90,8 @@
           "subtitle": "Teken Vertaal werk oral, selfs vanlyn op 'n vliegtuig.",
           "description": "Of jy nou op reis is, in 'n afgeleë gebied, of sonder internet, ons toepassing verseker dat jy altyd gesproke of geskrewe taal in gebaretaal kan vertaal, met noodsaaklike kommunikasiehulpmiddels by jou vingers."
         }
-      }
+      },
+      "title": "Oor ons"
     },
     "contribute": {
       "title": "Dra by"

src/assets/i18n/am.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "አሁን ተርጉም",
     "about": {
-      "title": "ስለ",
       "hero": {
         "title": "ከ40+ በላይ የተፈረሙ እና የሚነገሩ ቋንቋዎችን በቅጽበት ይተርጉሙ።",
         "img": "በአሜሪካ የምልክት ቋንቋ እና በእንግሊዝኛ መካከል የቀጥታ ትርጉም ምሳሌ"
@@ -91,7 +90,8 @@
           "subtitle": "ይፈርሙ የትርጉም ሥራ በሁሉም ቦታ፣ ከመስመር ውጭ በአውሮፕላንም ቢሆን።",
           "description": "እየተጓዙም ይሁኑ ሩቅ ቦታ ላይ ወይም ያለ በይነመረብ፣ የእኛ መተግበሪያ ሁል ጊዜ የሚነገር ወይም የጽሁፍ ቋንቋን ወደ የምልክት ቋንቋ መተርጎም እንደሚችሉ ያረጋግጣል፣ ይህም አስፈላጊ የመገናኛ መሳሪያዎችን በእጅዎ ጫፍ ላይ ያስቀምጡ።"
         }
-      }
+      },
+      "title": "ስለ እኛ"
     },
     "contribute": {
       "title": "ያበርክቱ"

src/assets/i18n/ar.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "الترجمة الآن",
     "about": {
-      "title": "حول",
       "hero": {
         "title": "يمكنك الترجمة بين أكثر من 40 لغة موقعة ومنطوقة في الوقت الفعلي.",
         "img": "مثال على الترجمة الحية بين لغة الإشارة الأمريكية والإنجليزية"
@@ -91,7 +90,8 @@
           "subtitle": "قم بترجمة التوقيع في كل مكان، حتى في وضع عدم الاتصال على متن الطائرة.",
           "description": "سواء كنت مسافرًا أو في منطقة نائية أو بدون إنترنت، يضمن تطبيقنا أنه يمكنك دائمًا ترجمة اللغة المنطوقة أو المكتوبة إلى لغة الإشارة، مع الحفاظ على أدوات الاتصال الأساسية في متناول يدك."
         }
-      }
+      },
+      "title": "معلومات عنا"
     },
     "contribute": {
       "title": "مساهمة"

src/assets/i18n/az.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "İndi tərcümə edin",
     "about": {
-      "title": "Haqqında",
       "hero": {
         "title": "Real vaxt rejimində 40+ imzalanmış və danışıq dili arasında tərcümə edin.",
         "img": "Amerika işarə dili və ingilis dili arasında canlı tərcümə nümunəsi"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Translate hər yerdə, hətta təyyarədə də oflayn işləyin.",
           "description": "Səyahətinizdə, uzaq bir ərazidə və ya internetsiz olmağınızdan asılı olmayaraq, proqramımız vacib ünsiyyət vasitələrini barmaqlarınızın ucunda saxlayaraq şifahi və ya yazılı dili hər zaman işarət dilinə tərcümə edə bilmənizi təmin edir."
         }
-      }
+      },
+      "title": "Haqqımızda"
     },
     "contribute": {
       "title": "Töhfə verin"

src/assets/i18n/be.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Перакласці зараз",
     "about": {
-      "title": "Інфармацыя",
       "hero": {
         "title": "Перакладайце паміж 40+ мовамі жэстаў і гутарковымі мовамі ў рэжыме рэальнага часу.",
         "img": "Прыклад жывога перакладу паміж амерыканскай мовай жэстаў і англійскай"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Translate працуе ўсюды, нават у аўтаномным рэжыме ў самалёце.",
           "description": "Незалежна ад таго, падарожнічаеце вы, знаходзіцеся ў аддаленай мясцовасці або не маеце інтэрнэту, наша праграма гарантуе, што вы заўсёды зможаце перавесці вусную або пісьмовую мову на мову жэстаў, захоўваючы асноўныя сродкі камунікацыі ў вас пад рукой."
         }
-      }
+      },
+      "title": "Пра нас"
     },
     "contribute": {
       "title": "Дапамагчы"

src/assets/i18n/bg.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Превод сега",
     "about": {
-      "title": "Информация",
       "hero": {
         "title": "Превеждайте между 40+ знакови и говорими езика в реално време.",
         "img": "Пример за превод на живо между американски жестомимичен език и английски"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Translate работи навсякъде, дори офлайн в самолет.",
           "description": "Независимо дали пътувате, в отдалечен район или без интернет, нашето приложение гарантира, че винаги можете да превеждате говорим или писмен език на жестомимичен език, като държите основните инструменти за комуникация на една ръка разстояние."
         }
-      }
+      },
+      "title": "За нас"
     },
     "contribute": {
       "title": "Принос"

src/assets/i18n/bn.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "এখনই অনুবাদ করুন",
     "about": {
-      "title": "সম্পর্কে",
       "hero": {
         "title": "রিয়েল-টাইমে 40+ স্বাক্ষরিত এবং কথ্য ভাষার মধ্যে অনুবাদ করুন।",
         "img": "আমেরিকান সাইন ল্যাঙ্গুয়েজ এবং ইংরেজির মধ্যে লাইভ অনুবাদের উদাহরণ"
@@ -91,7 +90,8 @@
           "subtitle": "সাইন ট্রান্সলেটের কাজ সর্বত্র, এমনকি একটি বিমানেও অফলাইনে।",
           "description": "আপনি ভ্রমণ করছেন, প্রত্যন্ত অঞ্চলে বা ইন্টারনেট ছাড়াই, আমাদের অ্যাপ নিশ্চিত করে যে আপনি সর্বদা কথ্য বা লিখিত ভাষাকে সাংকেতিক ভাষায় অনুবাদ করতে পারেন, প্রয়োজনীয় যোগাযোগের সরঞ্জামগুলিকে আপনার নখদর্পণে রেখে।"
         }
-      }
+      },
+      "title": "আমাদের সম্পর্কে"
     },
     "contribute": {
       "title": "অনুবাদ করে সাহায্য করুন"

src/assets/i18n/bs.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Prevedi odmah",
     "about": {
-      "title": "O programu",
       "hero": {
         "title": "Prevodite između 40+ znakovnih i govornih jezika u realnom vremenu.",
         "img": "Primjer živog prijevoda između američkog znakovnog jezika i engleskog"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Translate radite svuda, čak i van mreže u avionu.",
           "description": "Bilo da putujete, u udaljenom području ili bez interneta, naša aplikacija osigurava da uvijek možete prevesti govorni ili pisani jezik na znakovni jezik, držeći osnovne alate za komunikaciju na dohvat ruke."
         }
-      }
+      },
+      "title": "O nama"
     },
     "contribute": {
       "title": "Dajte svoj doprinos"

src/assets/i18n/ca.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Tradueix ara",
     "about": {
-      "title": "Funcionament",
       "hero": {
         "title": "Tradueix entre més de 40 idiomes parlats i de signes en temps real.",
         "img": "Exemple de traducció en directe entre la llengua de signes americana i l'anglès"
@@ -91,7 +90,8 @@
           "subtitle": "Signa Traduir treballs a tot arreu, fins i tot fora de línia en un avió.",
           "description": "Tant si viatgeu, en una zona remota o sense Internet, la nostra aplicació us garanteix que sempre podeu traduir el llenguatge parlat o escrit al llenguatge de signes, mantenint les eines de comunicació essencials al vostre abast."
         }
-      }
+      },
+      "title": "Sobre Nosaltres"
     },
     "contribute": {
       "title": "Contribució"

src/assets/i18n/ceb.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Paghubad karon",
     "about": {
-      "title": "Mahitungod Niini",
       "hero": {
         "title": "Paghubad tali sa 40+ nga gipirmahan ug gisulti nga mga sinultian sa tinuud nga oras.",
         "img": "Pananglitan sa live nga paghubad tali sa American Sign Language ug English"
@@ -91,7 +90,8 @@
           "subtitle": "Ang Sign Translate nagtrabaho bisan asa, bisan offline sa eroplano.",
           "description": "Kung nagbiyahe ka, sa usa ka hilit nga lugar, o wala’y internet, gisiguro sa among app nga kanunay nimo mahubad ang sinultian o sinulat nga sinultian sa sign language, nga gitipigan ang hinungdanon nga mga himan sa komunikasyon sa imong mga tudlo."
         }
-      }
+      },
+      "title": "Mahitungod Kanato"
     },
     "contribute": {
       "title": "Pag-ambag"

src/assets/i18n/co.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Traducia avà",
     "about": {
-      "title": "À propos de",
       "hero": {
         "title": "Traduce trà più di 40 lingue firmate è parlate in tempu reale.",
         "img": "Esempiu di traduzzione in diretta trà Lingua di i Signi Americana è Inglese"
@@ -91,7 +90,8 @@
           "subtitle": "Firma Traduce u travagliu in ogni locu, ancu offline in un aviò.",
           "description": "Sia chì viaghjate, in una zona remota, o senza Internet, a nostra app assicura chì pudete sempre traduce a lingua parlata o scritta in lingua di i segni, mantenendu strumenti di cumunicazione essenziali à a vostra manu."
         }
-      }
+      },
+      "title": "Nantu à noi"
     },
     "contribute": {
       "title": "Contribuer"

src/assets/i18n/cs.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Prekladač",
     "about": {
-      "title": "Informace o aplikaci",
       "hero": {
         "title": "Překládejte mezi 40+ podepsanými a mluvenými jazyky v reálném čase.",
         "img": "Příklad živého překladu mezi americkým znakovým jazykem a angličtinou"
@@ -91,7 +90,8 @@
           "subtitle": "Překladač sign funguje všude, dokonce i offline v letadle.",
           "description": "Ať už jste na cestách, v odlehlé oblasti nebo bez internetu, naše aplikace zajišťuje, že vždy můžete přeložit mluvený nebo psaný jazyk do znakové řeči a budete tak mít základní komunikační nástroje na dosah ruky."
         }
-      }
+      },
+      "title": "O nás"
     },
     "contribute": {
       "title": "Přispět"

src/assets/i18n/cy.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Cyfieithu nawr",
     "about": {
-      "title": "Ynglŷn â",
       "hero": {
         "title": "Cyfieithwch rhwng 40+ o ieithoedd arwyddo a llafar mewn amser real.",
         "img": "Enghraifft o gyfieithiad byw rhwng Iaith Arwyddion America a Saesneg"
@@ -91,7 +90,8 @@
           "subtitle": "Mae Sign Translate yn gweithio ym mhobman, hyd yn oed all-lein ar awyren.",
           "description": "P'un a ydych chi'n teithio, mewn ardal anghysbell, neu heb y rhyngrwyd, mae ein ap yn sicrhau y gallwch chi bob amser gyfieithu iaith lafar neu ysgrifenedig i iaith arwyddion, gan gadw offer cyfathrebu hanfodol ar flaenau eich bysedd."
         }
-      }
+      },
+      "title": "Amdanom Ni"
     },
     "contribute": {
       "title": "Cyfrannu"

src/assets/i18n/da.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Oversæt nu",
     "about": {
-      "title": "Om",
       "hero": {
         "title": "Oversæt mellem 40+ tegnsprog og talte sprog i realtid.",
         "img": "Eksempel på liveoversættelse mellem amerikansk tegnsprog og engelsk"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Oversæt arbejde overalt, selv offline på et fly.",
           "description": "Uanset om du rejser, i et fjerntliggende område eller uden internet, sikrer vores app, at du altid kan oversætte talt eller skrevet sprog til tegnsprog, og du har vigtige kommunikationsværktøjer lige ved hånden."
         }
-      }
+      },
+      "title": "Om os"
     },
     "contribute": {
       "title": "Bidrag"

src/assets/i18n/de.json

@@ -56,7 +56,6 @@
   "landing": {
     "try": "Jetzt übersetzen",
     "about": {
-      "title": "Info",
       "hero": {
         "title": "Übersetzen Sie in Echtzeit zwischen mehr als 40 Gebärden- und Lautsprachen.",
         "img": "Beispiel einer Live-Übersetzung zwischen Amerikanischer Gebärdensprache und Englisch"
@@ -91,7 +90,8 @@
           "subtitle": "Sign Translate funktioniert überall, sogar offline im Flugzeug.",
           "description": "Egal, ob Sie auf Reisen, in einer abgelegenen Gegend oder ohne Internet sind, unsere App stellt sicher, dass Sie gesprochene oder geschriebene Sprache jederzeit in Gebärdensprache übersetzen können und so wichtige Kommunikationsmittel immer zur Hand haben."
         }
-      }
+      },
+      "title": "Über uns"
     },
     "contribute": {
       "title": "Etwas beitragen"