diff --git a/src/app/features/about-display/about-display.component.html b/src/app/features/about-display/about-display.component.html
index 09b500c..af1469b 100644
--- a/src/app/features/about-display/about-display.component.html
+++ b/src/app/features/about-display/about-display.component.html
@@ -1,3 +1,3 @@
-<section class="border-b-1 h-100 flex items-center justify-center">
-  <p class="text-6xl font-terminal-retro">ABOUT SECTION</p>
+<section class="border-b-1 h-100 flex items-top justify-top bg-nier-bg p-6 relative">
+  <app-section-title title="NEURAL PROFILE" />
 </section>
diff --git a/src/app/features/about-display/about-display.component.ts b/src/app/features/about-display/about-display.component.ts
index 5871289..165bafe 100644
--- a/src/app/features/about-display/about-display.component.ts
+++ b/src/app/features/about-display/about-display.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
+import {SectionTitleComponent} from "../../shared/ui/section-title/section-title.component";
 
 @Component({
   selector: 'app-about-display',
-  imports: [],
+  imports: [SectionTitleComponent],
   templateUrl: './about-display.component.html',
-  styleUrl: './about-display.component.css'
+  styleUrl: './about-display.component.css',
 })
-export class AboutDisplayComponent {
-
-}
+export class AboutDisplayComponent {}
diff --git a/src/app/features/contact-display/contact-display.component.html b/src/app/features/contact-display/contact-display.component.html
index 2917da1..0c7d39f 100644
--- a/src/app/features/contact-display/contact-display.component.html
+++ b/src/app/features/contact-display/contact-display.component.html
@@ -1,14 +1,3 @@
 <section class="border-b-1 h-100 flex items-top justify-top bg-nier-bg p-6 relative">
-  <!-- First shadow layer (white/light) -->
-  <p class="absolute text-6xl font-noto-jp text-white opacity-50" style="top: 1.5rem; left: 1.5rem; transform: translate(1px, 1px);">
-    CONTACT FORM AND LINKS
-  </p>
-  <!-- Second shadow layer (dark) -->
-  <p class="absolute text-6xl font-noto-jp text-black opacity-15" style="top: 1.5rem; left: 1.5rem; transform: translate(5px, 10px);">
-    CONTACT FORM AND LINKS
-  </p>
-  <!-- Main text on top -->
-  <p class="relative text-6xl font-noto-jp text-nier-dark z-10">
-    CONTACT FORM AND LINKS
-  </p>
+ <app-section-title title="TRANSMISSION LINKS" />
 </section>
diff --git a/src/app/features/contact-display/contact-display.component.ts b/src/app/features/contact-display/contact-display.component.ts
index ec9e3e6..0919717 100644
--- a/src/app/features/contact-display/contact-display.component.ts
+++ b/src/app/features/contact-display/contact-display.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
+import {SectionTitleComponent} from '../../shared/ui/section-title/section-title.component';
 
 @Component({
   selector: 'app-contact-display',
-  imports: [],
+  imports: [SectionTitleComponent],
   templateUrl: './contact-display.component.html',
-  styleUrl: './contact-display.component.css'
+  styleUrl: './contact-display.component.css',
 })
-export class ContactDisplayComponent {
-
-}
+export class ContactDisplayComponent {}
diff --git a/src/app/features/footer-display/footer-display.component.html b/src/app/features/footer-display/footer-display.component.html
index 1765f09..d54e91b 100644
--- a/src/app/features/footer-display/footer-display.component.html
+++ b/src/app/features/footer-display/footer-display.component.html
@@ -1,3 +1,3 @@
 <footer class="bg-nier-dark border-b-1 h-100 flex items-center justify-center text-nier-light">
-  <p class="text-6xl font-terminal-retro">FOOTER</p>
+  <p class="text-6xl font-noto-jp">FOOTER</p>
 </footer>
diff --git a/src/app/features/project-display/components/projects-list/projects-list.component.html b/src/app/features/project-display/components/projects-list/projects-list.component.html
index ebfcbe8..d595ec2 100644
--- a/src/app/features/project-display/components/projects-list/projects-list.component.html
+++ b/src/app/features/project-display/components/projects-list/projects-list.component.html
@@ -1,4 +1,5 @@
-<section>
-  <article class="border-b-1 h-100 flex items-center justify-center"><p class="text-6xl font-terminal-retro">PROJECTS</p></article>
+<section class="border-b-1 h-100 flex items-top justify-top bg-nier-bg p-6 relative">
+  <app-section-title title="EXECUTE // DIRECTORY" />
 </section>
 
+
diff --git a/src/app/features/project-display/components/projects-list/projects-list.component.ts b/src/app/features/project-display/components/projects-list/projects-list.component.ts
index 065a9e5..ce2699d 100644
--- a/src/app/features/project-display/components/projects-list/projects-list.component.ts
+++ b/src/app/features/project-display/components/projects-list/projects-list.component.ts
@@ -1,11 +1,10 @@
 import { Component } from '@angular/core';
+import {SectionTitleComponent} from "../../../../shared/ui/section-title/section-title.component";
 
 @Component({
   selector: 'app-projects-list',
-  imports: [],
+  imports: [SectionTitleComponent],
   templateUrl: './projects-list.component.html',
-  styleUrl: './projects-list.component.css'
+  styleUrl: './projects-list.component.css',
 })
-export class ProjectsListComponent {
-
-}
+export class ProjectsListComponent {}
diff --git a/src/app/shared/ui/section-title/section-title.component.css b/src/app/shared/ui/section-title/section-title.component.css
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/shared/ui/section-title/section-title.component.html b/src/app/shared/ui/section-title/section-title.component.html
new file mode 100644
index 0000000..a6198e2
--- /dev/null
+++ b/src/app/shared/ui/section-title/section-title.component.html
@@ -0,0 +1,19 @@
+<h2>
+<p
+  class="absolute text-6xl font-noto-jp text-white opacity-50"
+  style="top: 1.5rem; left: 1.5rem; transform: translate(1px, 1px)"
+>
+  {{title()}}
+</p>
+<!-- Second shadow layer (dark) -->
+<p
+  class="absolute text-6xl font-noto-jp text-black opacity-15"
+  style="top: 1.5rem; left: 1.5rem; transform: translate(5px, 10px)"
+>
+  {{title()}}
+</p>
+<!-- Main text on top -->
+<p class="relative text-6xl font-noto-jp text-nier-dark z-10">
+  {{title()}}
+</p>
+</h2>
diff --git a/src/app/shared/ui/section-title/section-title.component.ts b/src/app/shared/ui/section-title/section-title.component.ts
new file mode 100644
index 0000000..c0786cc
--- /dev/null
+++ b/src/app/shared/ui/section-title/section-title.component.ts
@@ -0,0 +1,11 @@
+import { Component, input } from '@angular/core';
+
+@Component({
+  selector: 'app-section-title',
+  imports: [],
+  templateUrl: './section-title.component.html',
+  styleUrl: './section-title.component.css',
+})
+export class SectionTitleComponent {
+  title = input<string>();
+}