Added components architecture and order to main layout

src/app/features/about-display/about-display.component.html

@@ -1 +1,3 @@
-<p>about-display works!</p>
+<section>
+  <p>ABOUT SECTION</p>
+</section>

src/app/features/contact-display/contact-display.component.html

@@ -0,0 +1,3 @@
+<section>
+  <p>CONTACT FORM AND LINKS</p>
+</section>

src/app/features/contact-display/contact-display.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-contact-display',
+  imports: [],
+  templateUrl: './contact-display.component.html',
+  styleUrl: './contact-display.component.css'
+})
+export class ContactDisplayComponent {
+
+}

src/app/features/footer-display/footer-display.component.html

@@ -0,0 +1,3 @@
+<footer class="bg-nier-bg">
+  <p>FOOTER</p>
+</footer>

src/app/features/footer-display/footer-display.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-footer-display',
+  imports: [],
+  templateUrl: './footer-display.component.html',
+  styleUrl: './footer-display.component.css'
+})
+export class FooterDisplayComponent {
+
+}

src/app/features/sidebar-display/sidebar-display.component.html

@@ -0,0 +1 @@
+<p>SIDEBAR</p>

src/app/features/sidebar-display/sidebar-display.component.ts

@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-sidebar-display',
+  imports: [],
+  templateUrl: './sidebar-display.component.html',
+  styleUrl: './sidebar-display.component.css'
+})
+export class SidebarDisplayComponent {
+
+}