feat(locales): update site title and description for localization (#54)

* feat(locales): update site title and description for localization

* Update src/locales/fr.ts

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

Author: CorentinTh

public/site.webmanifest

@@ -15,7 +15,7 @@
       "purpose": "maskable"
     }
   ],
-  "theme_color": "#ffffff",
-  "background_color": "#ffffff",
+  "theme_color": "#dbfd85",
+  "background_color": "#141415",
   "display": "standalone"
 }

src/components/Head.astro

@@ -1,10 +1,13 @@
 ---
 import { Head as CapoHead } from 'astro-capo';
-import { getPathWithoutLocale } from '../i18n/i18n';
+import { getPathWithoutLocale, useI18n } from '../i18n/i18n';
 import { DEFAULT_LOCALE, LOCALES } from '../i18n/i18n.constants';
 import { formatCanonicalUrl } from '../utils/urls';
 import PosthogAnalytics from './PosthogAnalytics.astro';
 
+const { t } = useI18n({ locale: Astro.currentLocale });
+
+
 export type Props = {
   title?: string;
   rawTitle?: string;
@@ -19,10 +22,10 @@ export type Props = {
 
 const siteInfo = {
   name: 'Papra',
-  title: 'Papra - Simple & Secure Document Archiving for Long-Term Storage',
+  title: t('site.title'),
   rootUrl: 'https://papra.app',
-  description: 'Store and archive receipts, warranties, and important docs with Papra, a simple and accessible platform for long-term document management and retrieval.',
-  image: { src: '/og/papra.png', alt: 'Papra - Simple & Secure Document Archiving for Long-Term Storage' },
+  description: t('site.description'),
+  image: { src: '/og/papra.png', alt: t('site.title') },
   author: 'Corentin Thomasset',
 };
 

src/locales/en.ts

@@ -1,6 +1,9 @@
 export const translations = {
   'language-name': 'English',
 
+  'site.title': 'Papra - The document archiving platform',
+  'site.description': 'Papra is an open-source platform to organize, secure, and archive all your documents, effortlessly. Start digitizing your life today!',
+
   // Call to Action Section
   'cta.get-started': 'Get Started',
   'cta.heading': 'Stop searching. Start finding.<br /> Organize your documents with Papra.',

src/locales/fr.ts

@@ -3,6 +3,9 @@ import type { TranslationsDictionary } from '../i18n/i18n.types';
 export const translations: Partial<TranslationsDictionary> = {
   'language-name': 'Français',
 
+  'site.title': 'Papra - La plateforme d\'archivage de documents',
+  'site.description': 'Papra est une plateforme open-source pour organiser, sécuriser et archiver tous vos documents, sans effort. Commencez à digitaliser votre vie dès aujourd\'hui !',
+
   // Call to Action Section
   'cta.get-started': 'Commencer',
   'cta.heading': 'Fini la recherche infructueuse.<br /> Organisez vos documents avec Papra.',

src/pages/[locale]/index.astro

@@ -21,7 +21,10 @@ export async function getStaticPaths() {
 const { t } = useI18n({ locale: Astro.currentLocale });
 ---
 
-<Layout>
+<Layout
+  rawTitle={t('site.title')}
+  description={t('site.description')}
+>
   {discount.enabled && <LaunchBanner />}
 
   <div class="relative overflow-hidden pb-300px bg-[linear-gradient(to_right,#80808010_1px,transparent_1px),linear-gradient(to_bottom,#80808010_1px,transparent_1px)] bg-[size:48px_48px]">