Extend pricing page

apps/client/src/app/pages/pricing/pricing-page.component.ts

@@ -69,6 +69,16 @@ export class GfPricingPageComponent implements OnDestroy, OnInit {
   public professionalDataProviderTooltipPremium = translate(
     'PROFESSIONAL_DATA_PROVIDER_TOOLTIP_PREMIUM'
   );
+  public referralBrokers = [
+    'DEGIRO',
+    'finpension',
+    'frankly',
+    'Interactive Brokers',
+    'Mintos',
+    'Swissquote',
+    'VIAC',
+    'Zak'
+  ];
   public routerLinkFeatures = publicRoutes.features.routerLink;
   public routerLinkRegister = publicRoutes.register.routerLink;
   public user: User;

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

@@ -326,9 +326,18 @@
     <div class="row">
       <div class="col mt-3">
         <p>
-          If you plan to open an account at <i>DEGIRO</i>, <i>finpension</i>,
-          <i>frankly</i>, <i>Interactive Brokers</i>, <i>Mintos</i>,
-          <i>Swissquote</i>, <i>VIAC</i>, or <i>Zak</i>, please
+          If you plan to open an account at
+          @for (broker of referralBrokers; track broker; let i = $index) {
+            @if (i > 0) {
+              @if (i === referralBrokers.length - 1) {
+                or
+              } @else {
+                ,
+              }
+            }
+            <i>{{ broker }}</i>
+          }
+          , please
           <a href="mailto:hi@ghostfol.io?Subject=Referral link for..."
             >contact us</a
           >