From a1d282dc7155d17dd70642114f978a5989387cef Mon Sep 17 00:00:00 2001
From: horacioskrp <hervekudayah@gmail.com>
Date: Wed, 11 Nov 2026 15:05:54 +0000
Subject: [PATCH] =?UTF-8?q?feat(i18n):=20param=C3=A8tres=20du=20compte=20?=
 =?UTF-8?q?=E2=80=94=20profil,=20mot=20de=20passe=20&=20double=20authentif?=
 =?UTF-8?q?ication=20(FR/EN)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 lang/en/settings.php                       | 63 +++++++++++++++++++
 lang/fr/settings.php                       | 63 +++++++++++++++++++
 resources/js/pages/settings/password.tsx   | 44 ++++++-------
 resources/js/pages/settings/profile.tsx    | 72 +++++++++++-----------
 resources/js/pages/settings/two-factor.tsx | 41 ++++++------
 5 files changed, 205 insertions(+), 78 deletions(-)

diff --git a/lang/en/settings.php b/lang/en/settings.php
index e3658c75..d6efdff3 100644
--- a/lang/en/settings.php
+++ b/lang/en/settings.php
@@ -8,10 +8,60 @@
     'profile' => [
         'title' => 'Profile',
         'desc' => 'Your personal information',
+        'page' => [
+            'breadcrumb' => 'Account settings',
+            'head' => 'My profile',
+            'heading' => 'My profile',
+            'default_name' => 'My profile',
+            'section_title' => 'Personal information',
+            'section_desc' => 'Manage your profile information',
+            'firstname' => 'First name',
+            'firstname_ph' => 'Your first name',
+            'lastname' => 'Last name',
+            'lastname_ph' => 'Your last name',
+            'matricule' => 'ID number',
+            'matricule_ph' => 'Not assigned',
+            'gender' => 'Gender',
+            'gender_ph' => 'Select',
+            'gender_male' => 'Male',
+            'gender_female' => 'Female',
+            'gender_other' => 'Other',
+            'birth_date' => 'Date of birth',
+            'email' => 'Email address',
+            'email_ph' => 'example@email.com',
+            'telephone' => 'Phone',
+            'telephone_ph' => '+243 XXX XXX XXX',
+            'address' => 'Address',
+            'address_ph' => 'Your full address',
+            'email_unverified' => 'Your email address is not verified.',
+            'email_resend' => 'Click here to resend the verification email.',
+            'email_link_sent' => 'A new verification link has been sent to your email address.',
+            'saving' => 'Saving...',
+            'save' => 'Save',
+            'saved' => '✓ Changes saved',
+        ],
     ],
     'password' => [
         'title' => 'Password',
         'desc' => 'Change your password',
+        'page' => [
+            'breadcrumb' => 'Password',
+            'head' => 'Password',
+            'heading' => 'Password',
+            'card_desc' => 'Make sure to use a long, secure password.',
+            'current' => 'Current password',
+            'current_ph' => 'Enter your current password',
+            'new_section' => 'New password',
+            'new' => 'New password',
+            'new_ph' => 'Enter a new password',
+            'confirm' => 'Confirm password',
+            'confirm_ph' => 'Confirm the new password',
+            'tip_label' => 'Tip:',
+            'tip' => 'At least 12 characters mixing uppercase, lowercase, numbers and symbols. Avoid passwords already used elsewhere.',
+            'saving' => 'Updating...',
+            'submit' => 'Update password',
+            'saved' => '✓ Password updated',
+        ],
     ],
     'appearance' => [
         'title' => 'Appearance',
@@ -20,6 +70,19 @@
     'two_factor' => [
         'title' => 'Two-factor authentication',
         'desc' => 'Secure your account with a second factor',
+        'page' => [
+            'breadcrumb' => 'Two-factor authentication',
+            'head' => 'Two-factor authentication',
+            'heading' => 'Two-factor authentication',
+            'card_desc' => 'Strengthen your account security with a second factor.',
+            'enabled_badge' => 'Enabled',
+            'enabled_desc' => 'With two-factor authentication enabled, you will be prompted for a secure code during sign-in, which you can retrieve from the TOTP app on your phone.',
+            'disable' => 'Disable 2FA',
+            'disabled_badge' => 'Disabled',
+            'disabled_desc' => 'When you enable two-factor authentication, you will be prompted for a secure code during sign-in. This code can be retrieved from a TOTP app on your phone.',
+            'continue_setup' => 'Continue setup',
+            'enable' => 'Enable 2FA',
+        ],
     ],
     'language' => [
         'title' => 'Language',
diff --git a/lang/fr/settings.php b/lang/fr/settings.php
index 76bb19d5..146362a8 100644
--- a/lang/fr/settings.php
+++ b/lang/fr/settings.php
@@ -8,10 +8,60 @@
     'profile' => [
         'title' => 'Profil',
         'desc' => 'Vos informations personnelles',
+        'page' => [
+            'breadcrumb' => 'Paramètres du compte',
+            'head' => 'Mon profil',
+            'heading' => 'Mon profil',
+            'default_name' => 'Mon profil',
+            'section_title' => 'Informations personnelles',
+            'section_desc' => 'Gérez vos informations de profil',
+            'firstname' => 'Prénom',
+            'firstname_ph' => 'Votre prénom',
+            'lastname' => 'Nom de famille',
+            'lastname_ph' => 'Votre nom',
+            'matricule' => 'Matricule',
+            'matricule_ph' => 'Non attribué',
+            'gender' => 'Genre',
+            'gender_ph' => 'Sélectionner',
+            'gender_male' => 'Masculin',
+            'gender_female' => 'Féminin',
+            'gender_other' => 'Autre',
+            'birth_date' => 'Date de naissance',
+            'email' => 'Adresse email',
+            'email_ph' => 'exemple@email.com',
+            'telephone' => 'Téléphone',
+            'telephone_ph' => '+243 XXX XXX XXX',
+            'address' => 'Adresse',
+            'address_ph' => 'Votre adresse complète',
+            'email_unverified' => "Votre adresse email n'est pas vérifiée.",
+            'email_resend' => "Cliquez ici pour renvoyer l'email de vérification.",
+            'email_link_sent' => 'Un nouveau lien de vérification a été envoyé à votre adresse email.',
+            'saving' => 'Enregistrement...',
+            'save' => 'Enregistrer',
+            'saved' => '✓ Modifications enregistrées',
+        ],
     ],
     'password' => [
         'title' => 'Mot de passe',
         'desc' => 'Modifier votre mot de passe',
+        'page' => [
+            'breadcrumb' => 'Mot de passe',
+            'head' => 'Mot de passe',
+            'heading' => 'Mot de passe',
+            'card_desc' => "Assurez-vous d'utiliser un mot de passe long et sécurisé.",
+            'current' => 'Mot de passe actuel',
+            'current_ph' => 'Entrez votre mot de passe actuel',
+            'new_section' => 'Nouveau mot de passe',
+            'new' => 'Nouveau mot de passe',
+            'new_ph' => 'Entrez un nouveau mot de passe',
+            'confirm' => 'Confirmer le mot de passe',
+            'confirm_ph' => 'Confirmez le nouveau mot de passe',
+            'tip_label' => 'Conseil :',
+            'tip' => 'Au moins 12 caractères mêlant majuscules, minuscules, chiffres et symboles. Évitez les mots de passe déjà utilisés ailleurs.',
+            'saving' => 'Modification...',
+            'submit' => 'Modifier le mot de passe',
+            'saved' => '✓ Mot de passe modifié',
+        ],
     ],
     'appearance' => [
         'title' => 'Apparence',
@@ -20,6 +70,19 @@
     'two_factor' => [
         'title' => 'Double authentification',
         'desc' => 'Sécurisez votre compte avec un second facteur',
+        'page' => [
+            'breadcrumb' => 'Authentification à deux facteurs',
+            'head' => 'Authentification à deux facteurs',
+            'heading' => 'Authentification à deux facteurs',
+            'card_desc' => 'Renforcez la sécurité de votre compte avec un second facteur.',
+            'enabled_badge' => 'Activée',
+            'enabled_desc' => "Avec l'authentification à deux facteurs activée, vous serez invité à saisir un code de sécurité lors de la connexion, que vous pouvez récupérer depuis l'application TOTP sur votre téléphone.",
+            'disable' => 'Désactiver 2FA',
+            'disabled_badge' => 'Désactivée',
+            'disabled_desc' => "Lorsque vous activez l'authentification à deux facteurs, vous serez invité à saisir un code de sécurité lors de la connexion. Ce code peut être récupéré depuis une application TOTP sur votre téléphone.",
+            'continue_setup' => 'Continuer la configuration',
+            'enable' => 'Activer 2FA',
+        ],
     ],
     'language' => [
         'title' => 'Langue',
diff --git a/resources/js/pages/settings/password.tsx b/resources/js/pages/settings/password.tsx
index d65f2db9..24525d8d 100644
--- a/resources/js/pages/settings/password.tsx
+++ b/resources/js/pages/settings/password.tsx
@@ -8,28 +8,30 @@ import PasswordStrength from '@/components/password-strength';
 import { Button } from '@/components/ui/button';
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 import SettingsLayout from '@/layouts/settings/layout';
 import { edit } from '@/routes/user-password';
 import type { BreadcrumbItem } from '@/types';
 
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Mot de passe',
-        href: edit().url,
-    },
-];
-
 export default function Password() {
+    const { t } = useTranslation();
     const passwordInput = useRef<HTMLInputElement>(null);
     const currentPasswordInput = useRef<HTMLInputElement>(null);
     const [password, setPassword] = useState('');
 
+    const breadcrumbs: BreadcrumbItem[] = [
+        {
+            title: t('settings.password.page.breadcrumb'),
+            href: edit().url,
+        },
+    ];
+
     return (
         <AppLayout breadcrumbs={breadcrumbs}>
-            <Head title="Mot de passe" />
+            <Head title={t('settings.password.page.head')} />
 
-            <h1 className="sr-only flex items-center gap-3"><KeyRound className="h-7 w-7 text-blue-600 shrink-0" />Mot de passe</h1>
+            <h1 className="sr-only flex items-center gap-3"><KeyRound className="h-7 w-7 text-blue-600 shrink-0" />{t('settings.password.page.heading')}</h1>
 
             <SettingsLayout bare>
                 <div className="space-y-6">
@@ -40,8 +42,8 @@ export default function Password() {
                                 <KeyRound className="h-7 w-7" />
                             </div>
                             <div>
-                                <h2 className="text-xl font-bold text-gray-900">Mot de passe</h2>
-                                <p className="text-sm text-gray-600">Assurez-vous d'utiliser un mot de passe long et sécurisé.</p>
+                                <h2 className="text-xl font-bold text-gray-900">{t('settings.password.page.heading')}</h2>
+                                <p className="text-sm text-gray-600">{t('settings.password.page.card_desc')}</p>
                             </div>
                         </div>
                         <Lock className="pointer-events-none absolute -right-4 -bottom-6 h-32 w-32 text-blue-600 opacity-[0.07]" />
@@ -78,7 +80,7 @@ export default function Password() {
                                     <div className="flex items-center gap-2 mb-4">
                                         <KeyRound className="w-4 h-4 text-gray-600" />
                                         <Label htmlFor="current_password" className="text-sm font-semibold text-gray-900 mb-0">
-                                            Mot de passe actuel
+                                            {t('settings.password.page.current')}
                                         </Label>
                                     </div>
                                     <Input
@@ -88,7 +90,7 @@ export default function Password() {
                                         type="password"
                                         className="bg-white border-gray-300"
                                         autoComplete="current-password"
-                                        placeholder="Entrez votre mot de passe actuel"
+                                        placeholder={t('settings.password.page.current_ph')}
                                     />
                                     <InputError message={errors.current_password} />
                                 </div>
@@ -98,14 +100,14 @@ export default function Password() {
                                     <div className="flex items-center gap-2 mb-4">
                                         <ShieldCheck className="w-5 h-5 text-green-600" />
                                         <span className="text-sm font-semibold text-green-900">
-                                            Nouveau mot de passe
+                                            {t('settings.password.page.new_section')}
                                         </span>
                                     </div>
                                     
                                     <div className="space-y-4">
                                         <div>
                                             <Label htmlFor="password" className="text-sm font-medium text-gray-900">
-                                                Nouveau mot de passe
+                                                {t('settings.password.page.new')}
                                             </Label>
                                             <Input
                                                 id="password"
@@ -114,7 +116,7 @@ export default function Password() {
                                                 type="password"
                                                 className="mt-2 bg-white border-green-300 focus:ring-green-500"
                                                 autoComplete="new-password"
-                                                placeholder="Entrez un nouveau mot de passe"
+                                                placeholder={t('settings.password.page.new_ph')}
                                                 onChange={(e) => setPassword(e.target.value)}
                                             />
                                             <InputError message={errors.password} />
@@ -123,7 +125,7 @@ export default function Password() {
 
                                         <div>
                                             <Label htmlFor="password_confirmation" className="text-sm font-medium text-gray-900">
-                                                Confirmer le mot de passe
+                                                {t('settings.password.page.confirm')}
                                             </Label>
                                             <Input
                                                 id="password_confirmation"
@@ -131,7 +133,7 @@ export default function Password() {
                                                 type="password"
                                                 className="mt-2 bg-white border-green-300 focus:ring-green-500"
                                                 autoComplete="new-password"
-                                                placeholder="Confirmez le nouveau mot de passe"
+                                                placeholder={t('settings.password.page.confirm_ph')}
                                             />
                                             <InputError message={errors.password_confirmation} />
                                         </div>
@@ -139,7 +141,7 @@ export default function Password() {
 
                                     <div className="mt-4 p-3 bg-green-100 rounded-md">
                                         <p className="text-xs text-green-800">
-                                            💡 <strong>Conseil :</strong> Au moins 12 caractères mêlant majuscules, minuscules, chiffres et symboles. Évitez les mots de passe déjà utilisés ailleurs.
+                                            💡 <strong>{t('settings.password.page.tip_label')}</strong> {t('settings.password.page.tip')}
                                         </p>
                                     </div>
                                 </div>
@@ -150,7 +152,7 @@ export default function Password() {
                                         className="bg-blue-600 hover:bg-blue-700"
                                         data-test="update-password-button"
                                     >
-                                        {processing ? 'Modification...' : 'Modifier le mot de passe'}
+                                        {processing ? t('settings.password.page.saving') : t('settings.password.page.submit')}
                                     </Button>
 
                                     <Transition
@@ -161,7 +163,7 @@ export default function Password() {
                                         leaveTo="opacity-0"
                                     >
                                         <p className="text-sm text-green-600 font-medium">
-                                            ✓ Mot de passe modifié
+                                            {t('settings.password.page.saved')}
                                         </p>
                                     </Transition>
                                 </div>
diff --git a/resources/js/pages/settings/profile.tsx b/resources/js/pages/settings/profile.tsx
index a5935657..9404f41f 100644
--- a/resources/js/pages/settings/profile.tsx
+++ b/resources/js/pages/settings/profile.tsx
@@ -8,6 +8,7 @@ import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select';
 import { Textarea } from '@/components/ui/textarea';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 import SettingsLayout from '@/layouts/settings/layout';
 import { edit } from '@/routes/profile';
@@ -15,13 +16,6 @@ import { send } from '@/routes/verification';
 import type { BreadcrumbItem } from '@/types';
 import type { Auth } from '@/types/auth';
 
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Paramètres du compte',
-        href: edit().url,
-    },
-];
-
 export default function Profile({
     mustVerifyEmail,
     status,
@@ -29,8 +23,16 @@ export default function Profile({
     mustVerifyEmail: boolean;
     status?: string;
 }>) {
+    const { t } = useTranslation();
     const { auth } = usePage<{ auth: Auth }>().props;
 
+    const breadcrumbs: BreadcrumbItem[] = [
+        {
+            title: t('settings.profile.page.breadcrumb'),
+            href: edit().url,
+        },
+    ];
+
     const initials = [auth.user.firstname?.[0], auth.user.lastname?.[0]]
         .filter(Boolean)
         .join('')
@@ -38,9 +40,9 @@ export default function Profile({
 
     return (
         <AppLayout breadcrumbs={breadcrumbs}>
-            <Head title="Mon profil" />
+            <Head title={t('settings.profile.page.head')} />
 
-            <h1 className="sr-only flex items-center gap-3"><UserCircle className="h-7 w-7 text-blue-600 shrink-0" />Mon profil</h1>
+            <h1 className="sr-only flex items-center gap-3"><UserCircle className="h-7 w-7 text-blue-600 shrink-0" />{t('settings.profile.page.heading')}</h1>
 
             <SettingsLayout bare>
                 <div className="space-y-6">
@@ -52,7 +54,7 @@ export default function Profile({
                             </div>
                             <div className="min-w-0">
                                 <h2 className="truncate text-xl font-bold text-gray-900">
-                                    {[auth.user.firstname, auth.user.lastname].filter(Boolean).join(' ') || 'Mon profil'}
+                                    {[auth.user.firstname, auth.user.lastname].filter(Boolean).join(' ') || t('settings.profile.page.default_name')}
                                 </h2>
                                 <p className="truncate text-sm text-gray-600">{auth.user.email}</p>
                                 <div className="mt-2 flex flex-wrap items-center gap-2">
@@ -79,8 +81,8 @@ export default function Profile({
                             <User className="w-5 h-5 text-blue-600" />
                         </div>
                         <div>
-                            <h2 className="text-lg font-semibold text-gray-900">Informations personnelles</h2>
-                            <p className="text-sm text-gray-600">Gérez vos informations de profil</p>
+                            <h2 className="text-lg font-semibold text-gray-900">{t('settings.profile.page.section_title')}</h2>
+                            <p className="text-sm text-gray-600">{t('settings.profile.page.section_desc')}</p>
                         </div>
                     </div>
 
@@ -96,7 +98,7 @@ export default function Profile({
                                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                                         <div className="space-y-2">
                                             <Label htmlFor="firstname" className="text-sm font-medium text-gray-900">
-                                                Prénom *
+                                                {t('settings.profile.page.firstname')} *
                                             </Label>
                                             <Input
                                                 id="firstname"
@@ -105,14 +107,14 @@ export default function Profile({
                                                 name="firstname"
                                                 required
                                                 autoComplete="given-name"
-                                                placeholder="Votre prénom"
+                                                placeholder={t('settings.profile.page.firstname_ph')}
                                             />
                                             <InputError message={errors.firstname} />
                                         </div>
 
                                         <div className="space-y-2">
                                             <Label htmlFor="lastname" className="text-sm font-medium text-gray-900">
-                                                Nom de famille *
+                                                {t('settings.profile.page.lastname')} *
                                             </Label>
                                             <Input
                                                 id="lastname"
@@ -121,7 +123,7 @@ export default function Profile({
                                                 name="lastname"
                                                 required
                                                 autoComplete="family-name"
-                                                placeholder="Votre nom"
+                                                placeholder={t('settings.profile.page.lastname_ph')}
                                             />
                                             <InputError message={errors.lastname} />
                                         </div>
@@ -131,14 +133,14 @@ export default function Profile({
                                         <div className="space-y-2">
                                             <Label htmlFor="matricule" className="text-sm font-medium text-gray-900">
                                                 <IdCard className="w-4 h-4 inline mr-2" />
-                                                Matricule
+                                                {t('settings.profile.page.matricule')}
                                             </Label>
                                             <Input
                                                 id="matricule"
                                                 className="bg-gray-50 border-gray-200"
                                                 defaultValue={auth.user.natricule || ''}
                                                 disabled
-                                                placeholder="Non attribué"
+                                                placeholder={t('settings.profile.page.matricule_ph')}
                                             />
                                         </div>
                                     )}
@@ -146,16 +148,16 @@ export default function Profile({
                                     <div className="grid grid-cols-1 md:grid-cols-2 gap-4">
                                         <div className="space-y-2">
                                             <Label htmlFor="gender" className="text-sm font-medium text-gray-900">
-                                                Genre
+                                                {t('settings.profile.page.gender')}
                                             </Label>
                                             <Select name="gender" defaultValue={auth.user.gender || ''}>
                                                 <SelectTrigger id="gender" className="border-gray-300">
-                                                    <SelectValue placeholder="Sélectionner" />
+                                                    <SelectValue placeholder={t('settings.profile.page.gender_ph')} />
                                                 </SelectTrigger>
                                                 <SelectContent>
-                                                    <SelectItem value="male">Masculin</SelectItem>
-                                                    <SelectItem value="female">Féminin</SelectItem>
-                                                    <SelectItem value="other">Autre</SelectItem>
+                                                    <SelectItem value="male">{t('settings.profile.page.gender_male')}</SelectItem>
+                                                    <SelectItem value="female">{t('settings.profile.page.gender_female')}</SelectItem>
+                                                    <SelectItem value="other">{t('settings.profile.page.gender_other')}</SelectItem>
                                                 </SelectContent>
                                             </Select>
                                             <InputError message={errors.gender} />
@@ -164,7 +166,7 @@ export default function Profile({
                                         <div className="space-y-2">
                                             <Label htmlFor="birth_date" className="text-sm font-medium text-gray-900">
                                                 <Calendar className="w-4 h-4 inline mr-2" />
-                                                Date de naissance
+                                                {t('settings.profile.page.birth_date')}
                                             </Label>
                                             <Input
                                                 id="birth_date"
@@ -181,7 +183,7 @@ export default function Profile({
                                         <div className="space-y-2">
                                             <Label htmlFor="email" className="text-sm font-medium text-gray-900">
                                                 <Mail className="w-4 h-4 inline mr-2" />
-                                                Adresse email *
+                                                {t('settings.profile.page.email')} *
                                             </Label>
                                             <Input
                                                 id="email"
@@ -191,7 +193,7 @@ export default function Profile({
                                                 name="email"
                                                 required
                                                 autoComplete="username"
-                                                placeholder="exemple@email.com"
+                                                placeholder={t('settings.profile.page.email_ph')}
                                             />
                                             <InputError message={errors.email} />
                                         </div>
@@ -199,7 +201,7 @@ export default function Profile({
                                         <div className="space-y-2">
                                             <Label htmlFor="telephone" className="text-sm font-medium text-gray-900">
                                                 <Phone className="w-4 h-4 inline mr-2" />
-                                                Téléphone
+                                                {t('settings.profile.page.telephone')}
                                             </Label>
                                             <Input
                                                 id="telephone"
@@ -208,7 +210,7 @@ export default function Profile({
                                                 defaultValue={auth.user.telephone || ''}
                                                 name="telephone"
                                                 autoComplete="tel"
-                                                placeholder="+243 XXX XXX XXX"
+                                                placeholder={t('settings.profile.page.telephone_ph')}
                                             />
                                             <InputError message={errors.telephone} />
                                         </div>
@@ -217,7 +219,7 @@ export default function Profile({
                                     <div className="space-y-2">
                                         <Label htmlFor="address" className="text-sm font-medium text-gray-900">
                                             <MapPin className="w-4 h-4 inline mr-2" />
-                                            Adresse
+                                            {t('settings.profile.page.address')}
                                         </Label>
                                         <Textarea
                                             id="address"
@@ -225,7 +227,7 @@ export default function Profile({
                                             className="border-gray-300"
                                             defaultValue={auth.user.address || ''}
                                             name="address"
-                                            placeholder="Votre adresse complète"
+                                            placeholder={t('settings.profile.page.address_ph')}
                                         />
                                         <InputError message={errors.address} />
                                     </div>
@@ -234,19 +236,19 @@ export default function Profile({
                                         auth.user.email_verified_at === null && (
                                             <div className="p-4 bg-amber-50 border border-amber-200 rounded-lg">
                                                 <p className="text-sm text-amber-800">
-                                                    Votre adresse email n'est pas vérifiée.{' '}
+                                                    {t('settings.profile.page.email_unverified')}{' '}
                                                     <Link
                                                         href={send()}
                                                         as="button"
                                                         className="font-medium underline underline-offset-4 hover:text-amber-900"
                                                     >
-                                                        Cliquez ici pour renvoyer l'email de vérification.
+                                                        {t('settings.profile.page.email_resend')}
                                                     </Link>
                                                 </p>
 
                                                 {status === 'verification-link-sent' && (
                                                     <div className="mt-2 text-sm font-medium text-green-700">
-                                                        Un nouveau lien de vérification a été envoyé à votre adresse email.
+                                                        {t('settings.profile.page.email_link_sent')}
                                                     </div>
                                                 )}
                                             </div>
@@ -258,7 +260,7 @@ export default function Profile({
                                             className="bg-blue-600 hover:bg-blue-700"
                                             data-test="update-profile-button"
                                         >
-                                            {processing ? 'Enregistrement...' : 'Enregistrer'}
+                                            {processing ? t('settings.profile.page.saving') : t('settings.profile.page.save')}
                                         </Button>
 
                                         <Transition
@@ -269,7 +271,7 @@ export default function Profile({
                                             leaveTo="opacity-0"
                                         >
                                             <p className="text-sm text-green-600 font-medium">
-                                                ✓ Modifications enregistrées
+                                                {t('settings.profile.page.saved')}
                                             </p>
                                         </Transition>
                                     </div>
diff --git a/resources/js/pages/settings/two-factor.tsx b/resources/js/pages/settings/two-factor.tsx
index 5c8c27f3..20fc5fb1 100644
--- a/resources/js/pages/settings/two-factor.tsx
+++ b/resources/js/pages/settings/two-factor.tsx
@@ -6,6 +6,7 @@ import TwoFactorSetupModal from '@/components/two-factor-setup-modal';
 import { Badge } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { useTwoFactorAuth } from '@/hooks/use-two-factor-auth';
+import { useTranslation } from '@/helpers/i18n';
 import AppLayout from '@/layouts/app-layout';
 import SettingsLayout from '@/layouts/settings/layout';
 import { disable, enable, show } from '@/routes/two-factor';
@@ -16,17 +17,17 @@ type Props = {
     twoFactorEnabled?: boolean;
 };
 
-const breadcrumbs: BreadcrumbItem[] = [
-    {
-        title: 'Authentification à deux facteurs',
-        href: show.url(),
-    },
-];
-
 export default function TwoFactor({
     requiresConfirmation = false,
     twoFactorEnabled = false,
 }: Readonly<Props>) {
+    const { t } = useTranslation();
+    const breadcrumbs: BreadcrumbItem[] = [
+        {
+            title: t('settings.two_factor.page.breadcrumb'),
+            href: show.url(),
+        },
+    ];
     const {
         qrCodeSvg,
         hasSetupData,
@@ -41,9 +42,9 @@ export default function TwoFactor({
 
     return (
         <AppLayout breadcrumbs={breadcrumbs}>
-            <Head title="Authentification à deux facteurs" />
+            <Head title={t('settings.two_factor.page.head')} />
 
-            <h1 className="sr-only flex items-center gap-3"><ShieldCheck className="h-7 w-7 text-blue-600 shrink-0" />Authentification à deux facteurs</h1>
+            <h1 className="sr-only flex items-center gap-3"><ShieldCheck className="h-7 w-7 text-blue-600 shrink-0" />{t('settings.two_factor.page.heading')}</h1>
 
             <SettingsLayout bare>
                 <div className="space-y-6">
@@ -54,8 +55,8 @@ export default function TwoFactor({
                                 <ShieldCheck className="h-7 w-7" />
                             </div>
                             <div>
-                                <h2 className="text-xl font-bold text-gray-900">Authentification à deux facteurs</h2>
-                                <p className="text-sm text-gray-600">Renforcez la sécurité de votre compte avec un second facteur.</p>
+                                <h2 className="text-xl font-bold text-gray-900">{t('settings.two_factor.page.heading')}</h2>
+                                <p className="text-sm text-gray-600">{t('settings.two_factor.page.card_desc')}</p>
                             </div>
                         </div>
                         <ShieldCheck className="pointer-events-none absolute -right-4 -bottom-6 h-32 w-32 text-blue-600 opacity-[0.07]" />
@@ -65,11 +66,9 @@ export default function TwoFactor({
                     <div className="rounded-2xl bg-white p-6 shadow-sm ring-1 ring-slate-100">
                     {twoFactorEnabled ? (
                         <div className="flex flex-col items-start justify-start space-y-4">
-                            <Badge variant="default" className="bg-green-100 text-green-800">Activée</Badge>
+                            <Badge variant="default" className="bg-green-100 text-green-800">{t('settings.two_factor.page.enabled_badge')}</Badge>
                             <p className="text-muted-foreground">
-                                Avec l'authentification à deux facteurs activée, vous serez
-                                invité à saisir un code de sécurité lors de la connexion,
-                                que vous pouvez récupérer depuis l'application TOTP sur votre téléphone.
+                                {t('settings.two_factor.page.enabled_desc')}
                             </p>
 
                             <TwoFactorRecoveryCodes
@@ -86,7 +85,7 @@ export default function TwoFactor({
                                             type="submit"
                                             disabled={processing}
                                         >
-                                            <ShieldBan /> Désactiver 2FA
+                                            <ShieldBan /> {t('settings.two_factor.page.disable')}
                                         </Button>
                                     )}
                                 </Form>
@@ -94,11 +93,9 @@ export default function TwoFactor({
                         </div>
                     ) : (
                         <div className="flex flex-col items-start justify-start space-y-4">
-                            <Badge variant="destructive" className="bg-red-100 text-red-800">Désactivée</Badge>
+                            <Badge variant="destructive" className="bg-red-100 text-red-800">{t('settings.two_factor.page.disabled_badge')}</Badge>
                             <p className="text-muted-foreground">
-                                Lorsque vous activez l'authentification à deux facteurs,
-                                vous serez invité à saisir un code de sécurité lors de la connexion.
-                                Ce code peut être récupéré depuis une application TOTP sur votre téléphone.
+                                {t('settings.two_factor.page.disabled_desc')}
                             </p>
 
                             <div>
@@ -108,7 +105,7 @@ export default function TwoFactor({
                                         className="bg-blue-600 hover:bg-blue-700"
                                     >
                                         <ShieldCheck />
-                                        Continuer la configuration
+                                        {t('settings.two_factor.page.continue_setup')}
                                     </Button>
                                 ) : (
                                     <Form
@@ -124,7 +121,7 @@ export default function TwoFactor({
                                                 className="bg-blue-600 hover:bg-blue-700"
                                             >
                                                 <ShieldCheck />
-                                                Activer 2FA
+                                                {t('settings.two_factor.page.enable')}
                                             </Button>
                                         )}
                                     </Form>