diff --git a/npm/ng-packs/packages/identity/src/lib/constants/routes.ts b/npm/ng-packs/packages/identity/src/lib/constants/routes.ts
index 57271e51e1..f8dbcc88df 100644
--- a/npm/ng-packs/packages/identity/src/lib/constants/routes.ts
+++ b/npm/ng-packs/packages/identity/src/lib/constants/routes.ts
@@ -2,21 +2,21 @@ import { eLayoutType, ABP } from '@abp/ng.core';
 
 export const IDENTITY_ROUTES = [
   {
-    name: 'Administration',
+    name: 'AbpUiNavigation::Menu:Administration',
     path: '',
     order: 1,
     wrapper: true,
   },
   {
-    name: 'Identity Management',
+    name: 'AbpIdentity::Menu:IdentityManagement',
     path: 'identity',
     order: 1,
-    parentName: 'Administration',
+    parentName: 'AbpUiNavigation::Menu:Administration',
     layout: eLayoutType.application,
     iconClass: 'fa fa-id-card-o',
     children: [
-      { path: 'roles', name: 'Roles', order: 2, requiredPolicy: 'AbpIdentity.Roles' },
-      { path: 'users', name: 'Users', order: 1, requiredPolicy: 'AbpIdentity.Users' },
+      { path: 'roles', name: 'AbpIdentity::Roles', order: 2, requiredPolicy: 'AbpIdentity.Roles' },
+      { path: 'users', name: 'AbpIdentity::Users', order: 1, requiredPolicy: 'AbpIdentity.Users' },
     ],
   },
 ] as ABP.FullRoute[];
diff --git a/npm/ng-packs/packages/tenant-management/src/lib/constants/routes.ts b/npm/ng-packs/packages/tenant-management/src/lib/constants/routes.ts
index d953984c71..2fcc7004bb 100644
--- a/npm/ng-packs/packages/tenant-management/src/lib/constants/routes.ts
+++ b/npm/ng-packs/packages/tenant-management/src/lib/constants/routes.ts
@@ -2,15 +2,15 @@ import { ABP, eLayoutType } from '@abp/ng.core';
 
 export const TENANT_MANAGEMENT_ROUTES = [
   {
-    name: 'Tenant Management',
+    name: 'AbpTenantManagement::Menu:TenantManagement',
     path: 'tenant-management',
-    parentName: 'Administration',
+    parentName: 'AbpUiNavigation::Menu:Administration',
     layout: eLayoutType.application,
     iconClass: 'fa fa-users',
     children: [
       {
         path: 'tenants',
-        name: 'Tenants',
+        name: 'AbpTenantManagement::Tenants',
         order: 1,
         requiredPolicy: 'AbpTenantManagement.Tenants',
       },
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/layout-account/layout-account.component.html b/npm/ng-packs/packages/theme-basic/src/lib/components/layout-account/layout-account.component.html
index 2c3f3c1fd2..00d209e02a 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/layout-account/layout-account.component.html
+++ b/npm/ng-packs/packages/theme-basic/src/lib/components/layout-account/layout-account.component.html
@@ -2,7 +2,7 @@
   <ul class="navbar-nav mr-auto">
     <li class="nav-item">
       <a class="nav-link" href="/">
-        Home
+        {{ '::Menu:Home' | abpLocalization }}
       </a>
     </li>
   </ul>
diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/layout-application/layout-application.component.html b/npm/ng-packs/packages/theme-basic/src/lib/components/layout-application/layout-application.component.html
index 51c30772b6..b1d5283246 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/layout-application/layout-application.component.html
+++ b/npm/ng-packs/packages/theme-basic/src/lib/components/layout-application/layout-application.component.html
@@ -115,9 +115,11 @@
       {{ (currentUser$ | async)?.userName }}
     </a>
     <div ngbDropdownMenu class="dropdown-menu dropdown-menu-right">
-      <a class="dropdown-item pointer" (click)="isOpenChangePassword = true">Change Password</a>
-      <a class="dropdown-item pointer" (click)="isOpenProfile = true">My Profile</a>
-      <a class="dropdown-item pointer" (click)="logout()">Logout</a>
+      <a class="dropdown-item pointer" (click)="isOpenChangePassword = true">{{
+        'AbpUi::ChangePassword' | abpLocalization
+      }}</a>
+      <a class="dropdown-item pointer" (click)="isOpenProfile = true">{{ 'AbpUi::PersonalInfo' | abpLocalization }}</a>
+      <a class="dropdown-item pointer" (click)="logout()">{{ 'AbpUi::Logout' | abpLocalization }}</a>
     </div>
   </li>
 
diff --git a/templates/app/angular/src/app/app-routing.module.ts b/templates/app/angular/src/app/app-routing.module.ts
index 9890f33136..55a082d813 100644
--- a/templates/app/angular/src/app/app-routing.module.ts
+++ b/templates/app/angular/src/app/app-routing.module.ts
@@ -11,7 +11,7 @@ const routes: Routes = [
     loadChildren: () => import('./home/home.module').then(m => m.HomeModule),
     data: {
       routes: {
-        name: 'Home',
+        name: '::Menu:Home',
       } as ABP.Route,
     },
   },
diff --git a/templates/app/angular/src/app/home/home.component.html b/templates/app/angular/src/app/home/home.component.html
index ca2ebda8c5..5f16712b31 100644
--- a/templates/app/angular/src/app/home/home.component.html
+++ b/templates/app/angular/src/app/home/home.component.html
@@ -1,9 +1,8 @@
 <div class="card">
-  <div class="card-header">Welcome</div>
+  <div class="card-header">{{ '::Welcome' | abpLocalization }}</div>
   <div class="card-body">
     <p>
-      Welcome to the application. This is a startup project based on the ABP framework. For more information, visit
-      abp.io.
+      {{ '::LongWelcomeMessage' | abpLocalization }}
     </p>
     <p *ngIf="!hasLoggedIn">
       <a routerLink="/account/login" [state]="{ redirectUrl: '/home' }" class="btn btn-primary" role="button"