Refactoring

apps/client/src/app/app-routing.module.ts

@@ -112,13 +112,6 @@ const routes: Routes = [
         (m) => m.PublicPageModule
       )
   },
-  ...['personal-finance-tools'].map((path) => ({
-    path,
-    loadChildren: () =>
-      import(
-        './pages/personal-finance-tools/personal-finance-tools-page.module'
-      ).then((m) => m.PersonalFinanceToolsPageModule)
-  })),
   {
     path: 'portfolio',
     loadChildren: () =>

apps/client/src/app/app.component.html

@@ -70,14 +70,6 @@
           <li *ngIf="hasPermissionToAccessFearAndGreedIndex">
             <a i18n [routerLink]="['/markets']">Markets</a>
           </li>
-          <li>
-            <a
-              i18n
-              title="Personal Finance Tools"
-              [routerLink]="['/personal-finance-tools']"
-              >Tools</a
-            >
-          </li>
           <li><a i18n [routerLink]="['/resources']">Resources</a></li>
         </ul>
       </div>

apps/client/src/app/pages/personal-finance-tools/personal-finance-tools-page.html → apps/client/src/app/pages/resources/personal-finance-tools/personal-finance-tools-page.html

@@ -2,8 +2,19 @@
   <div class="mb-5 row">
     <div class="col">
       <h3 class="d-none d-sm-block mb-3 text-center" i18n>
-        Open Source Alternatives to various Personal Finance Tools
+        Discover Open Source Alternatives for Personal Finance Tools
       </h3>
+      <p>
+        This overview page features a curated collection of personal finance
+        tools compared to the open source alternative Ghostfolio. If you value
+        transparency, data privacy, and community collaboration, Ghostfolio
+        provides an excellent opportunity to take control of your financial
+        management.
+      </p>
+      <p>
+        Explore the links below to compare a variety of personal finance tools
+        with Ghostfolio.
+      </p>
       <mat-card
         *ngFor="let product of products"
         appearance="outlined"
@@ -15,7 +26,7 @@
               <a
                 class="d-flex overflow-hidden w-100"
                 title="Compare Ghostfolio to {{ product.name }}"
-                [routerLink]="['/personal-finance-tools', 'open-source-alternative-to-' + product.key]"
+                [routerLink]="['/resources', 'personal-finance-tools', 'open-source-alternative-to-' + product.key]"
               >
                 <div class="flex-grow-1 overflow-hidden">
                   <div class="h6 m-0 text-truncate">

apps/client/src/app/pages/personal-finance-tools/page-template.html → apps/client/src/app/pages/resources/personal-finance-tools/product-page-template.html

@@ -27,10 +27,10 @@
           </p>
           <p>
             Let’s dive deeper into the detailed comparison table below to gain a
-            comprehensive understanding of how Ghostfolio compares to {{
-            product2.name }}. We will explore various aspects such as features,
-            data privacy, pricing, and more, allowing you to make a
-            well-informed choice for your needs.
+            thorough understanding of how Ghostfolio positions itself relative
+            to {{ product2.name }}. We will explore various aspects such as
+            features, data privacy, pricing, and more, allowing you to make a
+            well-informed choice for your personal requirements.
           </p>
         </section>
         <section class="mb-4">
@@ -239,7 +239,7 @@
         <nav aria-label="breadcrumb">
           <ol class="breadcrumb">
             <li class="breadcrumb-item">
-              <a i18n i18n [routerLink]="['/personal-finance-tools']"
+              <a i18n [routerLink]="['/resources', 'personal-finance-tools']"
                 >Personal Finance Tools</a
               >
             </li>

apps/client/src/app/pages/personal-finance-tools/products.ts → apps/client/src/app/pages/resources/personal-finance-tools/products.ts

@@ -32,7 +32,7 @@ export const products: Product[] = [
     hasSelfHostingAbility: false,
     isOpenSource: false,
     key: 'altoo',
-    name: 'Altoo-Wealth-Plattform',
+    name: 'Altoo Wealth Platform',
     origin: 'Switzerland',
     slogan: 'Simplicity for Complex Wealth'
   },

apps/client/src/app/pages/personal-finance-tools/products/altoo-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/altoo-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-altoo-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class AltooPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/getquin-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/getquin-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-getquin-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class GetquinPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/kubera-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/kubera-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-kubera-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class KuberaPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/maybe-finance-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/maybe-finance-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-maybe-finance-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class MaybeFinancePageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/parqet-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/parqet-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-parqet-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class ParqetPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/simple-portfolio-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/simple-portfolio-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-simple-portfolio-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class SimplePortfolioPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/snowball-analytics-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/snowball-analytics-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-snowball-analytics-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class SnowballAnalyticsPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/utluna-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/utluna-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-utluna-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class UtlunaPageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/personal-finance-tools/products/yeekatee-page.component.ts → apps/client/src/app/pages/resources/personal-finance-tools/products/yeekatee-page.component.ts

@@ -10,8 +10,8 @@ import { products } from '../products';
   imports: [CommonModule, MatButtonModule, RouterModule],
   selector: 'gf-yeekatee-page',
   standalone: true,
-  styleUrls: ['../page-template.scss'],
-  templateUrl: '../page-template.html'
+  styleUrls: ['../product-page-template.scss'],
+  templateUrl: '../product-page-template.html'
 })
 export class YeekateePageComponent {
   public product1 = products.find(({ key }) => {

apps/client/src/app/pages/resources/resources-page-routing.module.ts

@@ -10,7 +10,14 @@ const routes: Routes = [
     component: ResourcesPageComponent,
     path: '',
     title: $localize`Resources`
-  }
+  },
+  ...['personal-finance-tools'].map((path) => ({
+    path,
+    loadChildren: () =>
+      import(
+        './personal-finance-tools/personal-finance-tools-page.module'
+      ).then((m) => m.PersonalFinanceToolsPageModule)
+  }))
 ];
 
 @NgModule({

apps/client/src/app/pages/resources/resources-page.html

@@ -2,7 +2,7 @@
   <div class="row">
     <div class="col">
       <h1 class="d-none d-sm-block h3 mb-3 text-center" i18n>Resources</h1>
-      <h2 class="h4 mb-3">Guides</h2>
+      <h2 class="h4 mb-3" i18n>Guides</h2>
       <div class="mb-5">
         <div class="mb-4 media">
           <div class="media-body">
@@ -36,7 +36,7 @@
           </div>
         </div>
       </div>
-      <h2 class="h4 mb-3">Market</h2>
+      <h2 class="h4 mb-3" i18n>Markets</h2>
       <div class="mb-5">
         <div class="mb-4 media">
           <div class="media-body">
@@ -72,7 +72,7 @@
           </div>
         </div>
       </div>
-      <h2 class="h4 mb-3">Glossary</h2>
+      <h2 class="h4 mb-3" i18n>Glossary</h2>
       <div>
         <div class="mb-4 media">
           <div class="media-body">
@@ -170,6 +170,21 @@
             </div>
           </div>
         </div>
+        <div class="mb-4 media">
+          <div class="media-body">
+            <h3 class="h5 mt-0">Personal Finance Tools</h3>
+            <div class="mb-1">
+              Personal finance tools are software applications that help
+              individuals manage their money, track expenses, set budgets,
+              monitor investments, and make informed financial decisions.
+            </div>
+            <div>
+              <a i18n [routerLink]="['/resources', 'personal-finance-tools']"
+                >Personal Finance Tools →</a
+              >
+            </div>
+          </div>
+        </div>
         <div class="mb-4 media">
           <div class="media-body">
             <h3 class="h5 mt-0">Stagflation</h3>

apps/client/src/assets/sitemap.xml

@@ -153,51 +153,51 @@
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-altoo</loc>
+    <loc>https://ghostfol.io/en/pricing</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-getquin</loc>
+    <loc>https://ghostfol.io/en/register</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-kubera</loc>
+    <loc>https://ghostfol.io/en/resources</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-maybe-finance</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-altoo</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-parqet</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-getquin</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-simple-portfolio</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-kubera</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-snowball-analytics</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-maybe-finance</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-utluna</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-parqet</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/personal-finance-tools/open-source-alternative-to-yeekatee</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-simple-portfolio</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/pricing</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-snowball-analytics</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/register</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-utluna</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>
-    <loc>https://ghostfol.io/en/resources</loc>
+    <loc>https://ghostfol.io/en/resources/personal-finance-tools/open-source-alternative-to-yeekatee</loc>
     <lastmod>2023-07-01T00:00:00+00:00</lastmod>
   </url>
   <url>