chore: minor folder structure update

Author: yanmariomenev

examples-standalone/kendoangular-landing-page/src/app/app.component.css

@@ -1,77 +0,0 @@
-#app,
-.k-animation-container {
-    font-family: "Roboto", sans-serif;
-}
-
-.k-list-item:hover,
-.k-list-optionlabel:hover,
-.k-list-item.k-hover,
-.k-hover.k-list-optionlabel,
-.k-columnmenu-item:hover {
-    background-color: color-mix(in srgb, #5777ea 11%, transparent);
-}
-
-.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover,
-.k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover {
-    background-color: color-mix(in srgb, #5777ea 16%, transparent);
-}
-
-.k-columnmenu-item.k-selected,
-.k-list-item.k-selected,
-.k-list-item.k-selected:hover,
-.k-list-optionlabel.k-selected,
-.k-list-optionlabel.k-selected:hover {
-    background-color: #5777ea;
-    color: #fff;
-}
-
-.k-grid .k-table-row.k-table-alt-row {
-    background-color: color-mix(in srgb, #5777ea 10%, transparent);
-}
-
-.k-button-flat-primary {
-    color: #5777ea;
-}
-
-.k-button-solid-primary,
-.k-button-solid-primary:hover {
-    border-color: #5777ea;
-    background-color: #5777ea;
-}
-
-.k-svg-icon.k-icon-lg {
-    width: 22.5px;
-    height: 12px;
-}
-
-.k-switch-on .k-switch-track {
-    background-color: #5777ea !important;
-    color: #fff;
-}
-
-.k-rating-item,
-.k-rating-item.k-selected {
-    color: #90b6ff;
-}
-
-.k-slider .k-slider-selection {
-    background-color: #90b6ff;
-}
-
-.k-slider .k-draghandle {
-    border-color: #5777ea;
-    color: var(--kendo-color-on-primary, white);
-    background-color: #5777ea;
-    border-radius: 50%;
-}
-
-.form-header {
-    font-family: var(--kendo-font-family, inherit);
-    font-size: var(--kendo-font-size, inherit);
-    line-height: 19.88px;
-    font-weight: 400;
-}
-
-.k-form-buttons > .k-button-solid-primary {
-    background-color: #5777ea;
-}

examples-standalone/kendoangular-landing-page/src/app/app.component.html

@@ -1,13 +1 @@
-<div id="app" style="display: flex; flex-direction: column; width: 630px; height: 680px; margin-left: 7px; gap: 30px">
-    <div>
-        <app-transactions-dashboard></app-transactions-dashboard>
-    </div>
-    <div style="display: flex; flex-direction: row; justify-content: space-evenly; gap: 30px">
-        <div style="max-height: 310px; flex: 1">
-            <app-bottom-left></app-bottom-left>
-        </div>
-        <div style="max-height: 310px; flex: 1">
-            <app-bottom-right></app-bottom-right>
-        </div>
-    </div>
-</div>
+<app-header></app-header>

examples-standalone/kendoangular-landing-page/src/app/app.component.ts

@@ -1,17 +1,15 @@
 import { Component, ViewEncapsulation } from '@angular/core';
 import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
-import { BottomLeftComponent } from './components/bottom-left/bottom-left.component';
-import { TransactionsDashboardComponent } from './components/transactions-dashboard/transactions-dashboard.component';
-import { BottomRightComponent } from './components/bottom-right/bottom-right.component';
 import { SchedulerComponent } from "./components/scheduler/scheduler.component";
 import { DynamicGridComponent } from './components/dynamic-grid/dynamic-grid.component';
 import { ChartsComponent } from './components/charts/charts.component';
+import { HeaderComponent } from './components/header/header.component';
 
 @Component({
   selector: 'app-root',
   encapsulation: ViewEncapsulation.None,
   standalone: true,
-  imports: [RouterOutlet, RouterLink, RouterLinkActive, BottomLeftComponent, BottomRightComponent, TransactionsDashboardComponent, SchedulerComponent, DynamicGridComponent, ChartsComponent],
+  imports: [RouterOutlet, RouterLink, RouterLinkActive, SchedulerComponent, DynamicGridComponent, ChartsComponent, HeaderComponent],
   templateUrl: './app.component.html',
   styleUrl: './app.component.css'
 })

examples-standalone/kendoangular-landing-page/src/app/app.routes.ts

@@ -1,7 +1,7 @@
 import { Routes } from '@angular/router';
-import { TransactionsDashboardComponent } from './components/transactions-dashboard/transactions-dashboard.component';
-import { BottomLeftComponent } from './components/bottom-left/bottom-left.component';
-import { BottomRightComponent } from './components/bottom-right/bottom-right.component';
+import { TransactionsDashboardComponent } from './components/header/transactions-dashboard/transactions-dashboard.component';
+import { BottomLeftComponent } from './components/header/bottom-left/bottom-left.component';
+import { BottomRightComponent } from './components/header/bottom-right/bottom-right.component';
 import { DynamicGridComponent } from './components/dynamic-grid/dynamic-grid.component';
 
 export const routes: Routes = [