feat(demo): add free banner section

docs/app/@theme/styles/themes.scss

@@ -41,6 +41,7 @@ $nb-themes: nb-register-theme((
 
   separator: transparent,
   color-success: #18cb90,
+  color-link: #18cb90,
   color-bg: transparent,
   color-fg: #405571,
   color-fg-heading: #546d8d,
@@ -146,6 +147,7 @@ $nb-themes: nb-register-theme((
   shadow-hover-green-btn: shadow,
   shadow-active-green-btn: shadow,
 
+  color-link: #6200ee,
   color-primary-default: #6200ee,
   color-active-fg: color-primary-default,
   color-active-bg: color-primary-default,

docs/app/pages/home/backend-bundles-section/backend-bundles-section.component.html

@@ -1,5 +1,5 @@
 <ngx-landing-section-title>
-  Backend Bundles
+  ngx-admin Dashboard with Backends
 </ngx-landing-section-title>
 
 <div class="section-container">

docs/app/pages/home/free-banner-section/free-banner-section.component.html

@@ -0,0 +1,14 @@
+<div class="free-banner-container">
+  <a href="https://hubs.ly/H0rvhWC0"
+     target="_blank">
+    <img class="free-banner-img"
+         defaultImage="{{bannerImg}}"
+         lazyLoad="{{bannerImg}}"/>
+  </a>
+
+  <a class="link-to-free-bundle"
+     href="{{bundleUrl}}"
+     target="_blank">
+    Download free admin dashboard with .NET backend
+  </a>
+</div>

docs/app/pages/home/free-banner-section/free-banner-section.component.scss

@@ -0,0 +1,29 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+@import '../../../@theme/styles/themes';
+
+@include nb-install-component() {
+  display: block;
+  padding-top: 5.125rem;
+
+
+  .free-banner-container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  img {
+    width: 100%;
+  }
+
+  .link-to-free-bundle {
+    margin-top: 2rem;
+    font-size: 1.2rem;
+    color: nb-theme(color-link);
+  }
+}

docs/app/pages/home/free-banner-section/free-banner-section.component.ts

@@ -0,0 +1,19 @@
+/**
+ * @license
+ * Copyright Akveo. All Rights Reserved.
+ * Licensed under the MIT License. See License.txt in the project root for license information.
+ */
+
+import { Component, Input } from '@angular/core';
+
+@Component({
+  selector: 'ngx-free-banner-section',
+  templateUrl: './free-banner-section.component.html',
+  styleUrls: ['./free-banner-section.component.scss'],
+})
+export class FreeBannerSectionComponent {
+
+ @Input() bannerImg: string;
+ @Input() bundleUrl: string;
+
+}

docs/app/pages/home/landing-home.module.ts

@@ -33,6 +33,7 @@ import {DefaultAdminInfoComponent} from './main-info-section/default-admin-main-
 import {MaterialAdminInfoComponent} from './main-info-section/material-admin-main-info/material-info.component';
 import {ContactFormComponent} from './contact-form/contact.component';
 import {NbButtonModule} from '@nebular/theme';
+import { FreeBannerSectionComponent } from './free-banner-section/free-banner-section.component';
 // components
 
 const PIPES = [LicensePipe, BackgroundImagePipe];
@@ -54,6 +55,7 @@ const COMPONENTS = [
   BackendBundlesSectionComponent,
   MaterialFeaturesSectionComponent,
   ContactFormComponent,
+  FreeBannerSectionComponent,
 ];
 
 @NgModule({

docs/app/pages/home/material-landing/material-landing.component.html

@@ -9,6 +9,11 @@
     <ngx-landing-main-info material></ngx-landing-main-info>
     <ngx-material-features></ngx-material-features>
     <ngx-landing-theme-section material></ngx-landing-theme-section>
+
+    <ngx-free-banner-section bannerImg="assets/img/free-bundle-banner.png"
+                             bundleUrl="https://hubs.ly/H0rvhWC0">
+    </ngx-free-banner-section>
+
     <ngx-backend-bundles-section [material]="true"></ngx-backend-bundles-section>
     <ngx-contact-form></ngx-contact-form>
   </nb-layout-column>

docs/app/pages/home/sections-container/ngx-landing-sections-container.component.html

@@ -12,6 +12,10 @@
   <ngx-landing-reviews-section></ngx-landing-reviews-section>
 </div>
 
+<ngx-free-banner-section bannerImg="assets/img/free-bundle-banner.png"
+                         bundleUrl="https://hubs.ly/H0rvhWC0">
+</ngx-free-banner-section>
+
 <ngx-backend-bundles-section id="backend-bundles"></ngx-backend-bundles-section>
 
 <ngx-landing-our-projects-section></ngx-landing-our-projects-section>

docs/app/pages/home/sections-container/ngx-landing-sections-container.component.scss

@@ -20,7 +20,8 @@
   ngx-landing-our-projects-section,
   ngx-landing-social-section,
   ngx-landing-contact-section,
-  ngx-backend-bundles-section {
+  ngx-backend-bundles-section,
+  ngx-free-banner-section {
     max-width: $content-width;
     margin: 0 auto;
   }