diff --git a/.vscode/settings.json b/.vscode/settings.json
index 4a90bead..d4d153b0 100644
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -1,4 +1,5 @@
 {
     "typescript.tsdk": "./node_modules/typescript/lib",
-    "tslint.enable": false
+    "tslint.enable": false,
+    "angular.enable-strict-mode-prompt": false
 }
diff --git a/package.json b/package.json
index 1129dddb..ff7a458d 100644
--- a/package.json
+++ b/package.json
@@ -62,7 +62,7 @@
     "ng2-completer": "^9.0.1",
     "ng2-smart-table": "^1.6.0",
     "ngx-echarts": "^4.2.2",
-    "node-sass": "^4.14.1",
+    "node-sass": "^8.0.0",
     "normalize.css": "6.0.0",
     "pace-js": "1.0.2",
     "roboto-fontface": "0.8.0",
diff --git a/src/app/@theme/components/header/header.component.html b/src/app/@theme/components/header/header.component.html
index 6fdc5d35..d03cc8df 100644
--- a/src/app/@theme/components/header/header.component.html
+++ b/src/app/@theme/components/header/header.component.html
@@ -3,7 +3,7 @@
     <a (click)="toggleSidebar()" href="#" class="sidebar-toggle">
       <nb-icon icon="menu-2-outline"></nb-icon>
     </a>
-    <a class="logo" href="#" (click)="navigateHome()">ngx-<span>admin</span></a>
+    <a class="logo" href="#" (click)="navigateHome()">AB-<span>CAMS</span></a>
   </div>
   <nb-select [selected]="currentTheme" (selectedChange)="changeTheme($event)" status="primary">
     <nb-option *ngFor="let theme of themes" [value]="theme.value"> {{ theme.name }}</nb-option>
diff --git a/src/app/insights/hello-peter-reviews/hello-peter-reviews.module.ts b/src/app/insights/hello-peter-reviews/hello-peter-reviews.module.ts
new file mode 100644
index 00000000..471f9e05
--- /dev/null
+++ b/src/app/insights/hello-peter-reviews/hello-peter-reviews.module.ts
@@ -0,0 +1,12 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+
+
+@NgModule({
+  declarations: [],
+  imports: [
+    CommonModule
+  ]
+})
+export class HelloPeterReviewsModule { }
diff --git a/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.html b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.html
new file mode 100644
index 00000000..cd03b2e8
--- /dev/null
+++ b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.html
@@ -0,0 +1 @@
+<p>hello-peter-reviews works!</p>
diff --git a/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.scss b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.scss
new file mode 100644
index 00000000..e69de29b
diff --git a/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.spec.ts b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.spec.ts
new file mode 100644
index 00000000..4a38c554
--- /dev/null
+++ b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.spec.ts
@@ -0,0 +1,25 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HelloPeterReviewsComponent } from './hello-peter-reviews.component';
+
+describe('HelloPeterReviewsComponent', () => {
+  let component: HelloPeterReviewsComponent;
+  let fixture: ComponentFixture<HelloPeterReviewsComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ HelloPeterReviewsComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HelloPeterReviewsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});
diff --git a/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.ts b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.ts
new file mode 100644
index 00000000..4af2afe1
--- /dev/null
+++ b/src/app/pages/insights/hello-peter-reviews/hello-peter-reviews.component.ts
@@ -0,0 +1,11 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ngx-hello-peter-reviews',
+  templateUrl: './hello-peter-reviews.component.html',
+  styleUrls: ['./hello-peter-reviews.component.scss']
+})
+export class HelloPeterReviewsComponent {
+
+
+}
diff --git a/src/app/pages/insights/insights-routing.module.ts b/src/app/pages/insights/insights-routing.module.ts
new file mode 100644
index 00000000..a410b760
--- /dev/null
+++ b/src/app/pages/insights/insights-routing.module.ts
@@ -0,0 +1,22 @@
+import { NgModule } from '@angular/core';
+import { RouterModule, Routes } from '@angular/router';
+import { HelloPeterReviewsComponent } from './hello-peter-reviews/hello-peter-reviews.component';
+import { InsightsComponent } from './insights.component';
+
+const routes: Routes = [{
+  path: '',
+  component: InsightsComponent,
+  children: [
+    {
+      path: 'hello-peter-reviews',
+      component: HelloPeterReviewsComponent,
+    }
+  ]
+
+}];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class InsightsRoutingModule { }
diff --git a/src/app/pages/insights/insights.component.ts b/src/app/pages/insights/insights.component.ts
new file mode 100644
index 00000000..2ccfa69b
--- /dev/null
+++ b/src/app/pages/insights/insights.component.ts
@@ -0,0 +1,12 @@
+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'ngx-insights',
+  template: `
+    <router-outlet></router-outlet>
+  `,
+})
+export class InsightsComponent {
+
+
+}
diff --git a/src/app/pages/insights/insights.module.ts b/src/app/pages/insights/insights.module.ts
new file mode 100644
index 00000000..a02277d7
--- /dev/null
+++ b/src/app/pages/insights/insights.module.ts
@@ -0,0 +1,23 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+import { InsightsRoutingModule } from './insights-routing.module';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { ThemeModule } from '../../@theme/theme.module';
+import { HelloPeterReviewsComponent } from './hello-peter-reviews/hello-peter-reviews.component';
+
+
+@NgModule({
+  declarations: [
+    HelloPeterReviewsComponent,
+  ],
+  imports: [
+    CommonModule,
+    FormsModule,
+    ReactiveFormsModule,
+    ThemeModule,
+
+    InsightsRoutingModule
+  ]
+})
+export class InsightsModule { }
diff --git a/src/app/pages/pages-menu.ts b/src/app/pages/pages-menu.ts
index 6134b318..3d369cc9 100644
--- a/src/app/pages/pages-menu.ts
+++ b/src/app/pages/pages-menu.ts
@@ -13,9 +13,20 @@ export const MENU_ITEMS: NbMenuItem[] = [
     link: '/pages/iot-dashboard',
   },
   {
-    title: 'FEATURES',
+    title: 'CONTINUOUS MONITORING',
     group: true,
   },
+  {
+    title: 'Insights',
+    icon: 'eye-outline',
+    children: [
+      {
+      title: 'Hello Peter Reviews',
+      link: '/pages/insights/hello-peter-reviews',
+      }
+    ]
+
+  },
   {
     title: 'Layout',
     icon: 'layout-outline',
diff --git a/src/app/pages/pages-routing.module.ts b/src/app/pages/pages-routing.module.ts
index 376cc4fa..ab09565d 100644
--- a/src/app/pages/pages-routing.module.ts
+++ b/src/app/pages/pages-routing.module.ts
@@ -18,6 +18,11 @@ const routes: Routes = [{
       path: 'iot-dashboard',
       component: DashboardComponent,
     },
+    {
+      path: 'insights',
+      loadChildren: () => import('./insights/insights.module')
+        .then(m => m.InsightsModule)
+    },
     {
       path: 'layout',
       loadChildren: () => import('./layout/layout.module')
@@ -28,6 +33,11 @@ const routes: Routes = [{
       loadChildren: () => import('./forms/forms.module')
         .then(m => m.FormsModule),
     },
+    {
+      path: 'Insights',
+      loadChildren: () => import('./forms/forms.module')
+        .then(m => m.FormsModule),
+    },
     {
       path: 'ui-features',
       loadChildren: () => import('./ui-features/ui-features.module')
diff --git a/src/app/pages/pages.module.ts b/src/app/pages/pages.module.ts
index c1de7ffd..ad0edab0 100644
--- a/src/app/pages/pages.module.ts
+++ b/src/app/pages/pages.module.ts
@@ -7,6 +7,7 @@ import { DashboardModule } from './dashboard/dashboard.module';
 import { ECommerceModule } from './e-commerce/e-commerce.module';
 import { PagesRoutingModule } from './pages-routing.module';
 import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
+import { InsightsComponent } from './insights/insights.component';
 
 @NgModule({
   imports: [
@@ -19,6 +20,8 @@ import { MiscellaneousModule } from './miscellaneous/miscellaneous.module';
   ],
   declarations: [
     PagesComponent,
+    InsightsComponent,
+
   ],
 })
 export class PagesModule {
diff --git a/src/index.html b/src/index.html
index 5192560c..3ca383d1 100644
--- a/src/index.html
+++ b/src/index.html
@@ -2,7 +2,7 @@
 <html>
 <head>
   <meta charset="utf-8">
-  <title>ngx-admin Demo Application</title>
+  <title>AB Continuous Audit Management System</title>
 
   <base href="/">
 
diff --git a/tsconfig.json b/tsconfig.json
index 80b64732..7c3c8233 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,7 +8,7 @@
     "declaration": false,
     "moduleResolution": "node",
     "experimentalDecorators": true,
-    "target": "es2015",
+   "target": "es2015",
     "typeRoots": [
       "node_modules/@types"
     ],