From eef17a8daf28351a007dee6df40af77c54cccba4 Mon Sep 17 00:00:00 2001
From: Sergey Filinsky <s.filinsky@akveo.com>
Date: Wed, 28 Oct 2020 22:24:15 +0300
Subject: [PATCH] feat: added demo button to header feat: changed buttons in
 landing's main section

---
 .../@core/data/service/header-menu.service.ts |  4 +++
 .../main-info-section.component.html          | 19 ++++++-------
 .../main-info-section.component.scss          | 28 ++++++-------------
 3 files changed, 22 insertions(+), 29 deletions(-)

diff --git a/docs/app/@core/data/service/header-menu.service.ts b/docs/app/@core/data/service/header-menu.service.ts
index 9b7c9121..892f72e4 100644
--- a/docs/app/@core/data/service/header-menu.service.ts
+++ b/docs/app/@core/data/service/header-menu.service.ts
@@ -15,6 +15,10 @@ export class HeaderMenuService {
       title: 'Docs',
       link: '/docs',
     },
+    {
+      title: 'Demo',
+      url: 'https://www.akveo.com/ngx-admin?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section',
+    },
   ];
 
   getHeaderMenu(): Observable<NbMenuItem[]> {
diff --git a/docs/app/pages/home/main-info-section/main-info-section.component.html b/docs/app/pages/home/main-info-section/main-info-section.component.html
index a5b7a206..1699315d 100644
--- a/docs/app/pages/home/main-info-section/main-info-section.component.html
+++ b/docs/app/pages/home/main-info-section/main-info-section.component.html
@@ -30,22 +30,21 @@
   </div>
   <div class="buttons">
     <div class="buttons-links">
-      <a class="btn btn-installation-guidelines"
-         [routerLink]="'/docs/getting-started/installation-guidelines'">
-        Installation Docs
-      </a>
       <a class="btn btn-demo"
          href="https://www.akveo.com/ngx-admin/pages/dashboard?utm_campaign=ngx_admin%20-%20demo%20-%20ngx_admin%20docs&utm_source=ngx_admin&utm_medium=referral&utm_content=landing_main_section"
          target="_blank">
         Demo
       </a>
+      <button (click)="openDownloadDialog()" class="btn btn-download">
+        Download
+      </button>
     </div>
 
-    <button (click)="openDownloadDialog()" class="btn btn-download">
-      Download
-    </button>
-    <button (click)="openDownloadPremiumDialog()" class="btn btn-download-premium">
-      Get ngx-admin PREMIUM for 89$
-    </button>
+    <a href="https://store.akveo.com/pages/ngx-admin-premium?utm_source=ngx_admin&utm_medium=referral&utm_campaign=ngx-admin_premium"
+       target="_blank"
+       class="btn btn-premium btn-green"
+    >
+      ngx-admin Premium
+    </a>
   </div>
 </div>
diff --git a/docs/app/pages/home/main-info-section/main-info-section.component.scss b/docs/app/pages/home/main-info-section/main-info-section.component.scss
index e81c17a9..816c87f4 100644
--- a/docs/app/pages/home/main-info-section/main-info-section.component.scss
+++ b/docs/app/pages/home/main-info-section/main-info-section.component.scss
@@ -110,7 +110,13 @@
   }
 
   .buttons {
+    display: flex;
+    flex-direction: column;
     margin-top: 1.875rem;
+
+    & > *:nth-child(n+2) {
+      margin-top: 1rem;
+    }
   }
 
   .buttons-links {
@@ -133,9 +139,7 @@
     cursor: pointer;
     text-transform: uppercase;
 
-    &.btn-demo,
-    &.btn-download,
-    &.btn-download-premium {
+    &.btn-green {
       color: #ffffff;
       background-color: nb-theme(color-active-fg);
       box-shadow: nb-theme(shadow-btn);
@@ -157,13 +161,12 @@
       box-shadow: nb-theme(shadow-active-btn);
     }
 
-    &.btn-demo {
+    &.btn-download {
       margin-left: 1em;
     }
   }
 
-  .btn-download,
-  .btn-download-premium {
+  .btn-premium {
     margin-top: 1rem;
     width: 100%;
   }
@@ -284,19 +287,6 @@
     .buttons {
       padding-right: 1rem;
       padding-left: 1rem;
-
-      a {
-        display: block;
-        margin: 0;
-
-        &.btn-demo {
-          margin-top: 1rem;
-        }
-      }
-    }
-
-    .buttons-links {
-      display: block;
     }
   }
 }