feat: add call action cards on demo dashboard (#1996)

src/app/@theme/components/call-action-card/call-action-card.component.scss

@@ -94,6 +94,7 @@
       font-size: 1.15rem;
       text-shadow: 0 0 16px rgba(0, 0, 0, 0.16);
       box-shadow: none;
+      cursor: pointer;
     }
   }
 }

src/app/@theme/components/header/header.component.scss

@@ -41,6 +41,7 @@
         background-color: nb-theme(header-button-background);
         color: nb-theme(header-button-color);
         border-color: nb-theme(header-button-outline);
+        cursor: pointer;
 
         &:hover {
           background-color: nb-theme(header-button-background-hover);

src/app/@theme/theme.module.ts

@@ -70,6 +70,7 @@ import { DEFAULT_THEME } from './styles/theme.default';
 import { COSMIC_THEME } from './styles/theme.cosmic';
 import { CORPORATE_THEME } from './styles/theme.corporate';
 import { BannerComponent } from 'app/@theme/components/banner/banner.component';
+import { CallActionCardComponent } from './components/call-action-card/call-action-card.component';
 
 const BASE_MODULES = [CommonModule, FormsModule, ReactiveFormsModule];
 
@@ -125,6 +126,7 @@ const COMPONENTS = [
   TwoColumnsLayoutComponent,
   BannerComponent,
   ToggleSettingsButtonComponent,
+  CallActionCardComponent,
 ];
 
 const ENTRY_COMPONENTS = [

src/app/pages/dashboard/dashboard.component.html

@@ -1,3 +1,19 @@
+<div class="row">
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card [title]="'Need a custom solution?'"
+                          [type]="'pantone'"
+                          [link]="'https://www.akveo.com/contacts?utm_source=ngx_admin_demo&utm_medium=contact_card'"
+                          [linkTitle]="'Contact us'">
+    </ngx-call-action-card>
+  </div>
+  <div class="col-12 col-md-6">
+    <ngx-call-action-card [title]="'Why ngx-admin works for you?'"
+                          [type]="'briefcase'"
+                          [link]="'https://akveo.github.io/ngx-admin?utm_source=ngx_admin_demo&utm_medium=contact_card'"
+                          [linkTitle]="'Learn more'">
+    </ngx-call-action-card>
+  </div>
+</div>
 <div class="row">
   <div class="col-xxxl-3 col-md-6" *ngFor="let statusCard of statusCards">
     <ngx-status-card [title]="statusCard.title"

src/app/pages/e-commerce/e-commerce.module.ts

@@ -4,7 +4,6 @@ import { NgxChartsModule } from '@swimlane/ngx-charts';
 
 import { ThemeModule } from '../../@theme/theme.module';
 import { ECommerceComponent } from './e-commerce.component';
-import { CallActionCardComponent } from './call-action-card/call-action-card.component';
 import { ProfitCardComponent } from './profit-card/profit-card.component';
 import { ECommerceChartsPanelComponent } from './charts-panel/charts-panel.component';
 import { OrdersChartComponent } from './charts-panel/charts/orders-chart.component';
@@ -57,7 +56,6 @@ import { EarningLiveUpdateChartComponent } from './earning-card/front-side/earni
   ],
   declarations: [
     ECommerceComponent,
-    CallActionCardComponent,
     StatsCardFrontComponent,
     StatsAreaChartComponent,
     StatsBarAnimationChartComponent,