Added file structure for sections about | hero | header | projects, picked the fonts and colors

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

@@ -0,0 +1 @@
+<p>about-display works!</p>

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

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

src/app/features/header-display/header-logo/header-logo.component.html

@@ -1 +1 @@
-<p class="!bg-red-500">Adam Logo</p>
+<p class="font-terminal-nier  text-xl">AB</p>

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

@@ -0,0 +1,4 @@
+<section>
+  <article><p>HERO SECTION</p></article>
+  <article><p>CREATIVE DEVELOPER</p></article>
+</section>

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

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

src/app/features/project-display/components/projects-list/projects-list.component.html

@@ -1 +1,4 @@
-<p>projects-list works!</p>
+<section>
+  <article><p>PROJECT LIST</p></article>
+</section>
+