diff --git a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
index d8001541..4876cc80 100644
--- a/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
+++ b/docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html
@@ -46,8 +46,8 @@
               </div>
               <div class="package-card__image package-card__image--dot-net"></div>
               <div class="package-card__price-wrapper">
-                <span class="package-card__price package-card__price--old">${{ licenseType === 'commercial' ? '2000' : '200' }}</span>
-                <span class="package-card__price">${{ licenseType === 'commercial' ? '1500' : '150' }}</span>
+                <span class="package-card__price package-card__price--old">${{ licenseType === 'Commercial' ? '2000' : '200' }}</span>
+                <span class="package-card__price">${{ licenseType === 'Commercial' ? '1500' : '150' }}</span>
               </div>
               <h4 class="package-card__title">{{ firstBundleName }}</h4>
               <p class="package-card__description">
@@ -66,7 +66,7 @@
         <nb-card-back class="package-card package-card--back">
           <nb-card>
             <nb-card-body>
-              <h4 class="package-card__type">{{ licenseType === 'commercial' ? 'Commercial' : 'Personal' }}</h4>
+              <h4 class="package-card__type">{{ licenseType === 'Commercial' ? 'Commercial' : 'Personal' }}</h4>
               <ng-container *ngTemplateOutlet="bundleFeaturesList"></ng-container>
               <a [href]="firstBundleMail"
                  target="_blank"
@@ -90,8 +90,8 @@
               </div>
               <div class="package-card__image package-card__image--dot-net"></div>
               <div class="package-card__price-wrapper">
-                <span class="package-card__price package-card__price--old">${{ licenseType === 'commercial' ? '2000' : '200' }}</span>
-                <span class="package-card__price">${{ licenseType === 'commercial' ? '1500' : '150' }}</span>
+                <span class="package-card__price package-card__price--old">${{ licenseType === 'Commercial' ? '2000' : '200' }}</span>
+                <span class="package-card__price">${{ licenseType === 'Commercial' ? '1500' : '150' }}</span>
               </div>
               <h4 class="package-card__title">{{ secondBundleName }}</h4>
               <p class="package-card__description">
@@ -110,7 +110,7 @@
         <nb-card-back class="package-card package-card--back">
           <nb-card>
             <nb-card-body>
-              <h4 class="package-card__type">{{ licenseType === 'commercial' ? 'Commercial' : 'Personal' }}</h4>
+              <h4 class="package-card__type">{{ licenseType === 'Commercial' ? 'Commercial' : 'Personal' }}</h4>
               <ng-container *ngTemplateOutlet="bundleFeaturesList"></ng-container>
               <a [href]="secondBundleMail"
                  target="_blank"
@@ -134,8 +134,8 @@
               </div>
               <div class="package-card__image package-card__image--dot-net-core"></div>
               <div class="package-card__price-wrapper">
-                <span class="package-card__price package-card__price--old">${{ licenseType === 'commercial' ? '1800' : '180' }}</span>
-                <span class="package-card__price">${{ licenseType === 'commercial' ? '1400' : '140' }}</span>
+                <span class="package-card__price package-card__price--old">${{ licenseType === 'Commercial' ? '1800' : '180' }}</span>
+                <span class="package-card__price">${{ licenseType === 'Commercial' ? '1400' : '140' }}</span>
               </div>
               <h4 class="package-card__title">{{ thirdBundleName }}</h4>
               <p class="package-card__description">
@@ -154,7 +154,7 @@
         <nb-card-back class="package-card package-card--back">
           <nb-card>
             <nb-card-body>
-              <h4 class="package-card__type">{{ licenseType === 'commercial' ? 'Commercial' : 'Personal' }}</h4>
+              <h4 class="package-card__type">{{ licenseType === 'Commercial' ? 'Commercial' : 'Personal' }}</h4>
               <ng-container *ngTemplateOutlet="bundleFeaturesList"></ng-container>
               <a [href]="thirdBundleMail"
                  target="_blank"
@@ -178,8 +178,8 @@
               </div>
               <div class="package-card__image package-card__image--dot-net-core"></div>
               <div class="package-card__price-wrapper">
-                <span class="package-card__price package-card__price--old">${{ licenseType === 'commercial' ? '1800' : '180' }}</span>
-                <span class="package-card__price">${{ licenseType === 'commercial' ? '1400' : '140' }}</span>
+                <span class="package-card__price package-card__price--old">${{ licenseType === 'Commercial' ? '1800' : '180' }}</span>
+                <span class="package-card__price">${{ licenseType === 'Commercial' ? '1400' : '140' }}</span>
               </div>
               <h4 class="package-card__title">{{ fourthBundleName }}</h4>
               <p class="package-card__description">
@@ -198,7 +198,7 @@
         <nb-card-back class="package-card package-card--back">
           <nb-card>
             <nb-card-body>
-              <h4 class="package-card__type">{{ licenseType === 'commercial' ? 'Commercial' : 'Personal' }}</h4>
+              <h4 class="package-card__type">{{ licenseType === 'Commercial' ? 'Commercial' : 'Personal' }}</h4>
               <ng-container *ngTemplateOutlet="bundleFeaturesList"></ng-container>
               <a [href]="fourthBundleMail"
                  target="_blank"