const routes: Routes = [
  {
    path: 'dashboard',
    component: DashboardComponent,
    children: [
      {
        path: 'account-overview', component: AccountOverviewComponent
      },
      {
        path: 'account-security', component: AccountSecurityComponent
      },
      {
        path: 'products', component: ProductComponent,
        children: [
          {
            path: 'product-details', component: ProductsDetailsComponent
          },
          {
            path: 'product-overview', component: ProductsOverviewComponent
          }
        ]
      }
    ]
  },
  {
    path: 'cart',
    component: CartComponent,
    children: [
      {
        path: 'cart-overview', component: CartOverviewComponent
      },
      {
        path: 'cart-item-details', component: CartItemDetailsComponent
      }
    ]
  },
  { path: 'login', component: LoginComponent },
  { path: 'sign-up', component: SignUpComponent },
  { path: '', pathMatch: 'full', redirectTo: '/dashboard' }
];