Add translation support for website

website/src/app/pages/home/home.component.ts

@@ -8,6 +8,7 @@ import {
   signal
 } from '@angular/core';
 import { isPlatformBrowser, NgOptimizedImage } from '@angular/common';
+import { TranslateModule, TranslateService } from '@ngx-translate/core';
 import { RouterLink } from '@angular/router';
 import { ReleaseService, DetectedOS } from '../../services/release.service';
 import { SeoService } from '../../services/seo.service';
@@ -20,6 +21,7 @@ import { ParallaxDirective } from '../../directives/parallax.directive';
   standalone: true,
   imports: [
     NgOptimizedImage,
+    TranslateModule,
     RouterLink,
     AdSlotComponent,
     ParallaxDirective
@@ -28,7 +30,7 @@ import { ParallaxDirective } from '../../directives/parallax.directive';
 })
 export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
   readonly detectedOS = signal<DetectedOS>({
-    name: 'Linux',
+    key: 'linux',
     icon: '🐧',
     filePattern: /\.AppImage$/i,
     ymlFile: 'latest-linux.yml'
@@ -40,13 +42,10 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
   private readonly seoService = inject(SeoService);
   private readonly scrollAnimation = inject(ScrollAnimationService);
   private readonly platformId = inject(PLATFORM_ID);
+  private readonly translate = inject(TranslateService);
 
   ngOnInit(): void {
-    this.seoService.update({
-      title: 'Free Peer-to-Peer Voice, Video & Chat',
-      description:
-        'Toju is a free, open-source, peer-to-peer communication app. Crystal-clear voice calls, unlimited screen sharing, '
-        + 'no file size limits, complete privacy.',
+    this.seoService.updateFromTranslations('pages.home.seo', {
       url: 'https://toju.app/'
     });
 
@@ -74,4 +73,8 @@ export class HomeComponent implements OnInit, AfterViewInit, OnDestroy {
   ngOnDestroy(): void {
     this.scrollAnimation.destroy();
   }
+
+  getDetectedOsLabel(): string {
+    return this.translate.instant(`common.os.${this.detectedOS().key}`);
+  }
 }