update steps and tabmenu

src/app/demo/view/menu/confirmationdemo.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-confirmationdemo',
+  template: `
+  <div class="flex align-items-center py-5 px-3">
+    <i class="pi pi-fw pi-check mr-2 text-2xl"></i>
+    <p class="m-0 text-lg">Confirmation Component Content via Child Route</p>
+  </div>
+  `
+})
+export class ConfirmationDemoComponent {
+
+  constructor() { }
+}

src/app/demo/view/menu/paymentdemo.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-paymentdemo',
+  template: `
+    <div class="flex align-items-center py-5 px-3">
+      <i class="pi pi-fw pi-money-bill mr-2 text-2xl"></i>
+      <p class="m-0 text-lg">Payment Component Content via Child Route</p>
+    </div>
+  `
+})
+export class PaymentDemoComponent{
+
+  constructor() { }
+}

src/app/demo/view/menu/personaldemo.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-personaldemo',
+  template: `
+  <div class="flex align-items-center py-5 px-3">
+    <i class="pi pi-fw pi-user mr-2 text-2xl"></i>
+    <p class="m-0 text-lg">Personal Component Content via Child Route</p>
+  </div>
+  `
+})
+export class PersonalDemoComponent{
+
+  constructor() { }
+}

src/app/demo/view/menu/seatdemo.component.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-seatdemo',
+  template: `
+    <div class="flex align-items-center py-5 px-3">
+      <i class="pi pi-fw pi-ticket mr-2 text-2xl"></i>
+      <p class="m-0 text-lg">Seat Component Content via Child Route</p>
+    </div>
+  `
+})
+export class SeatDemoComponent{
+
+  constructor() { }
+}