From 9b8d70d1bd83c1c55c773c1c105bd5ca56555a3c Mon Sep 17 00:00:00 2001
From: Evgeny Lupanov <e.lupanov@akveo.com>
Date: Wed, 27 Apr 2022 15:52:27 +0300
Subject: [PATCH] feat: remove bundles mentions

---
 .../backend-bundles-section.component.html    | 168 +++++++++++++-----
 .../default-info.component.html               |  22 +--
 2 files changed, 136 insertions(+), 54 deletions(-)

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 605c5d34..e9a87efc 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
@@ -3,18 +3,29 @@
 </ngx-landing-section-title>
 
 <div class="section-container">
-
   <p class="features__description">
-    Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or PHP? We are here to save your time on painful setup, configuration and routing tasks.
-    Choose starter kit bundle based on a technology of your choice below.
+    Looking for a way to integrate Angular ngx-admin with .NET, Node.js, Ruby or
+    PHP? We are here to save your time on painful setup, configuration and
+    routing tasks. Choose starter kit bundle based on a technology of your
+    choice below.
   </p>
 
   <div class="package-switcher">
-    <div class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group">
-      <label *ngFor="let license of licenses"
-             class="package-switcher__btn btn btn-outline-secondary"
-             [class.active]="selectedLicenseType === license">
-        <input type="radio" [value]="license" name="licence-type" [(ngModel)]="selectedLicenseType"> {{ license | ngxCapitalize }}
+    <div
+      class="package-switcher__btn-group btn-group btn-group-toggle btn-outline-toggle-group btn-group-full-width btn-toggle-radio-group"
+    >
+      <label
+        *ngFor="let license of licenses"
+        class="package-switcher__btn btn btn-outline-secondary"
+        [class.active]="selectedLicenseType === license"
+      >
+        <input
+          type="radio"
+          [value]="license"
+          name="licence-type"
+          [(ngModel)]="selectedLicenseType"
+        />
+        {{ license | ngxCapitalize }}
       </label>
     </div>
   </div>
@@ -23,25 +34,50 @@
     <li class="packages__item" *ngFor="let product of products | async">
       <nb-card class="package-card">
         <nb-card-body>
-          <div class="package-card__image" [ngStyle]="product.imageUrl | backgroundImage"></div>
+          <div
+            class="package-card__image"
+            [ngStyle]="product.imageUrl | backgroundImage"
+          ></div>
           <h4 class="package-card__title">{{ product.title }}</h4>
           <p class="package-card__description">
-            {{ product.description | slice:0:200 }}...
-            <a class="go-to-button"
-               href="{{ product.storeUrl }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{ selectedLicenseType }}"
-               target="_blank">
+            {{ product.description | slice: 0:200 }}...
+            <a
+              class="go-to-button"
+              href="{{
+                product.storeUrl
+              }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{
+                selectedLicenseType
+              }}"
+              target="_blank"
+            >
               read more
             </a>
           </p>
           <div class="package-card__price-wrapper">
-            <span class="package-card__price package-card__price--old" *ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)">
-              ${{ (product.variants | license:selectedLicenseType).compare_at_price }}
+            <span
+              class="package-card__price package-card__price--old"
+              *ngIf="shouldShowOldPrice(product.variants, selectedLicenseType)"
+            >
+              ${{
+                (product.variants | license: selectedLicenseType)
+                  .compare_at_price
+              }}
             </span>
-            <span class="package-card__price">From ${{ (product.variants | license:selectedLicenseType).price }}</span>
+            <span class="package-card__price"
+              >From ${{
+                (product.variants | license: selectedLicenseType).price
+              }}</span
+            >
           </div>
-          <a href="{{ product.storeUrl }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{ selectedLicenseType }}"
-             class="package-card__buy-link btn">
-             Buy now
+          <a
+            href="{{
+              product.storeUrl
+            }}?utm_source=ngx_admin&utm_medium=referral&utm_campaign=akveo_store%20-%20specific%20bundle%20-%20ngx_admin%20landing&utm_content=buy_bundle_{{
+              selectedLicenseType
+            }}"
+            class="package-card__buy-link btn"
+          >
+            Buy now
           </a>
         </nb-card-body>
       </nb-card>
@@ -49,22 +85,31 @@
   </ul>
 
   <div class="request-code-section">
-    <a href="https://github.com/akveo/ngx-admin-bundle-support/tree/master/codeSamples" target="_blank" class="package-card__buy-link btn">
+    <a
+      href="https://github.com/akveo/ngx-admin-bundle-support/tree/master/codeSamples"
+      target="_blank"
+      class="package-card__buy-link btn"
+    >
       CODE SAMPLE
     </a>
-
-    <a href="https://store.akveo.com/collections/all?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin%20landing&utm_source=ngx_admin&utm_medium=referral&utm_content=browse_other_bundles" target="_blank" class="package-card__buy-link btn">
-      BROWSE OTHER BUNDLES
-    </a>
   </div>
 
   <div class="fleet-management-template-banner">
-    <a href="https://www.akveo.com/templates/fleet-management-dashboard?utm_campaign=services%20-%20templates%20-%20ngx-admin%20&utm_source=ngx-admin&utm_medium=referral&utm_content=landing_banner" target="_blank" aria-label="Template for Fleet Management Software">
+    <a
+      href="https://www.akveo.com/templates/fleet-management-dashboard?utm_campaign=services%20-%20templates%20-%20ngx-admin%20&utm_source=ngx-admin&utm_medium=referral&utm_content=landing_banner"
+      target="_blank"
+      aria-label="Template for Fleet Management Software"
+    >
       <picture>
-        <source srcset="assets/img/fleet-management-banner.webp" type="image/webp">
-        <img src="assets/img/fleet-management-banner.jpg"
-             class="fleet-management-template-banner-image"
-             alt="Template for Fleet Management Software">
+        <source
+          srcset="assets/img/fleet-management-banner.webp"
+          type="image/webp"
+        />
+        <img
+          src="assets/img/fleet-management-banner.jpg"
+          class="fleet-management-template-banner-image"
+          alt="Template for Fleet Management Software"
+        />
       </picture>
     </a>
   </div>
@@ -78,48 +123,83 @@
     <tr *ngFor="let feature of features | async">
       <td class="left">{{ feature.text }}</td>
       <td>
-        <ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInPersonalLicence }">
+        <ng-container
+          *ngTemplateOutlet="
+            availabilityIcon;
+            context: { $implicit: feature.availableInPersonalLicence }
+          "
+        >
         </ng-container>
       </td>
       <td>
-        <ng-container *ngTemplateOutlet="availabilityIcon; context: { $implicit: feature.availableInCommercialLicence }">
+        <ng-container
+          *ngTemplateOutlet="
+            availabilityIcon;
+            context: { $implicit: feature.availableInCommercialLicence }
+          "
+        >
         </ng-container>
       </td>
     </tr>
 
     <ng-template #availabilityIcon let-isAvailable>
-      <i *ngIf="isAvailable; else unavailableIcon"
-         aria-label="available"
-         [innerHTML]="'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }">
+      <i
+        *ngIf="isAvailable; else unavailableIcon"
+        aria-label="available"
+        [innerHTML]="
+          'checkmark-outline' | eva: { width: 24, height: 24, fill: '#00db92' }
+        "
+      >
       </i>
 
       <ng-template #unavailableIcon>
-        <i aria-label="unavailable" [innerHTML]="'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }"></i>
+        <i
+          aria-label="unavailable"
+          [innerHTML]="
+            'close-outline' | eva: { width: 24, height: 24, fill: '#ff8588' }
+          "
+        ></i>
       </ng-template>
     </ng-template>
   </table>
 
-  <ngx-landing-description-section *ngIf="descriptions | async" [descriptions]="descriptions | async"></ngx-landing-description-section>
+  <ngx-landing-description-section
+    *ngIf="descriptions | async"
+    [descriptions]="descriptions | async"
+  ></ngx-landing-description-section>
 
   <div class="bundles-architecture">
-    <ngx-landing-section-title>
-      Architecture Design
-    </ngx-landing-section-title>
+    <ngx-landing-section-title> Architecture Design </ngx-landing-section-title>
 
-    <p class="features__description">The schema describes high-level solution architecture.</p>
+    <p class="features__description">
+      The schema describes high-level solution architecture.
+    </p>
 
     <picture class="bundle-scheme">
-      <source type="image/webp" srcset="assets/img/bundle-scheme@1x.webp 1x, assets/img/bundle-scheme@2x.webp 2x">
-      <img class="bundle-scheme__image" src="assets/img/bundle-scheme@1x.png" srcset="assets/img/bundle-scheme@2x.png 2x" alt="Backend bundles">
+      <source
+        type="image/webp"
+        srcset="
+          assets/img/bundle-scheme@1x.webp 1x,
+          assets/img/bundle-scheme@2x.webp 2x
+        "
+      />
+      <img
+        class="bundle-scheme__image"
+        src="assets/img/bundle-scheme@1x.png"
+        srcset="assets/img/bundle-scheme@2x.png 2x"
+        alt="Backend bundles"
+      />
     </picture>
   </div>
 
   <p class="features__description">Need more details or have a question?</p>
 
   <div class="request-code-section">
-    <a href="mailto:support@akveo.com?subject=Custom bundle request" class="package-card__buy-link btn">
+    <a
+      href="mailto:support@akveo.com?subject=Custom bundle request"
+      class="package-card__buy-link btn"
+    >
       CONTACT US
     </a>
   </div>
-
 </div>
diff --git a/docs/app/pages/home/main-info-section/default-admin-main-info/default-info.component.html b/docs/app/pages/home/main-info-section/default-admin-main-info/default-info.component.html
index 9364858d..114b16f5 100644
--- a/docs/app/pages/home/main-info-section/default-admin-main-info/default-info.component.html
+++ b/docs/app/pages/home/main-info-section/default-admin-main-info/default-info.component.html
@@ -2,15 +2,17 @@
   <h1>ngx-admin</h1>
   <p class="description">
     The most popular admin dashboard based on <strong>Angular 9+</strong> and
-    <a href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin" target="_blank">Nebular</a> with
-    <a href="https://eva.design/?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info">Eva Design System</a> support.
-    Free and Open Source for personal and commercial purposes.
-    <br>
-    <span class="bundles">
-      Never start from scratch again.
-      <a href="https://store.akveo.com/collections/all?utm_campaign=akveo_store%20-%20all%20bundles%20-%20ngx_admin%20landing&utm_source=ngx_admin&utm_medium=referral&utm_content=integrate_hero_link" target="_blank">
-        Integrate ready-made solution: ngx-admin with backend.
-      </a>
-    </span>
+    <a
+      href="https://akveo.github.io/nebular/?utm_campaign=nebular%20-%20home%20-%20ngx_admin%20docs&utm_content=landing_main_info&utm_medium=referral&utm_source=ngx_admin"
+      target="_blank"
+      >Nebular</a
+    >
+    with
+    <a
+      href="https://eva.design/?utm_campaign=eva_design%20-%20home%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_info"
+      >Eva Design System</a
+    >
+    support. Free and Open Source for personal and commercial purposes.
+    <br />
   </p>
 </div>