Add more products

apps/client/src/app/pages/alternatives/page-template.html

@@ -89,10 +89,7 @@
               <tr class="mat-mdc-row">
                 <td class="mat-mdc-cell px-1 py-2" i18n>Pricing</td>
                 <td class="mat-mdc-cell px-1 py-2">
-                  <ng-container *ngIf="product2.pricingPerYear"
-                    >Starting from {{ product1.pricingPerYear }} /
-                    year</ng-container
-                  >
+                  Starting from {{ product1.pricingPerYear }} / year
                 </td>
                 <td class="mat-mdc-cell px-1 py-2">
                   <ng-container *ngIf="product2.pricingPerYear"

apps/client/src/app/pages/alternatives/products.ts

@@ -3,6 +3,9 @@ import { KuberaPageComponent } from './products/kubera-page.component';
 import { MaybePageComponent } from './products/maybe-page.component';
 import { ParqetPageComponent } from './products/parqet-page.component';
 import { YeekateePageComponent } from './products/yeekatee-page.component';
+import { UtlunaPageComponent } from './products/utluna-page.component';
+import { AltooPageComponent } from './products/altoo-page.component';
+import { SimplePortfolioPageComponent } from './products/simple-portfolio-page.component';
 
 export const products: Product[] = [
   {
@@ -19,6 +22,14 @@ export const products: Product[] = [
     region: 'Global',
     slogan: 'Open Source Wealth Management'
   },
+  {
+    component: AltooPageComponent,
+    isOpenSource: false,
+    key: 'altoo',
+    name: 'Altoo-Wealth-Plattform',
+    origin: 'Switzerland',
+    slogan: 'Simplicity for Complex Wealth'
+  },
   {
     component: KuberaPageComponent,
     hasFreePlan: false,
@@ -54,6 +65,27 @@ export const products: Product[] = [
     region: 'Austria, Germany, Switzerland',
     slogan: 'Dein Vermögen immer im Blick'
   },
+  {
+    component: SimplePortfolioPageComponent,
+    hasFreePlan: true,
+    isOpenSource: false,
+    key: 'simple-portfolio',
+    name: 'Simple Portfolio',
+    origin: 'Czech Republic',
+    pricingPerYear: '€80',
+    slogan: 'Stock Portfolio Tracker'
+  },
+  {
+    component: UtlunaPageComponent,
+    hasFreePlan: true,
+    isOpenSource: false,
+    key: 'utluna',
+    languages: 'English, French, German',
+    name: 'Utluna',
+    origin: 'Switzerland',
+    pricingPerYear: '$300',
+    slogan: 'Your Portfolio. Revealed.'
+  },
   {
     component: YeekateePageComponent,
     founded: 2021,

apps/client/src/app/pages/alternatives/products/altoo-page.component.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-altoo-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class AltooPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'altoo';
+  });
+}

apps/client/src/app/pages/alternatives/products/simple-portfolio-page.component.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-simple-portfolio-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class SimplePortfolioPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'simple-portfolio';
+  });
+}

apps/client/src/app/pages/alternatives/products/utluna-page.component.ts

@@ -0,0 +1,23 @@
+import { CommonModule } from '@angular/common';
+import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
+import { RouterModule } from '@angular/router';
+
+import { products } from '../products';
+
+@Component({
+  host: { class: 'page' },
+  imports: [CommonModule, MatButtonModule, RouterModule],
+  selector: 'gf-utluna-page',
+  standalone: true,
+  templateUrl: '../page-template.html'
+})
+export class UtlunaPageComponent {
+  public product1 = products.find(({ key }) => {
+    return key === 'ghostfolio';
+  });
+
+  public product2 = products.find(({ key }) => {
+    return key === 'utluna';
+  });
+}