diff --git a/public/i18n/de.json b/public/i18n/de.json
index b1a1e64..89db659 100644
--- a/public/i18n/de.json
+++ b/public/i18n/de.json
@@ -1,6 +1,11 @@
 {
     "common": {
         "home": "Startseite",
-        "about": "Über mich"
+        "about": "Über mich",
+        "projects": "Projekte"
+    },
+    "home": {
+        "header": "Hi, ich bin<br/>Nico HAIDER.",
+        "subheader": "Softwareentwickler für Webseiten, Web-Apps, Mobile-Apps, Desktop-Apps und vieles mehr."
     }
 }
\ No newline at end of file
diff --git a/public/i18n/en.json b/public/i18n/en.json
index ca0d65b..e6a6b08 100644
--- a/public/i18n/en.json
+++ b/public/i18n/en.json
@@ -1,6 +1,11 @@
 {
     "common": {
         "home": "Home",
-        "about": "About"
+        "about": "About",
+        "projects": "Projects"
+    },
+    "home": {
+        "header": "Hi, I'm<br/>Nico HAIDER.",
+        "subheader": "Software developer for websites, web apps, mobile apps, desktop apps and much more."
     }
 }
\ No newline at end of file
diff --git a/src/app/app.routes.ts b/src/app/app.routes.ts
index b40023d..ec41288 100644
--- a/src/app/app.routes.ts
+++ b/src/app/app.routes.ts
@@ -1,9 +1,11 @@
 import { Routes } from '@angular/router';
 import { Home } from './pages/home/home';
 import { About } from './pages/about/about';
+import { Projects } from './pages/projects/projects';
 
 export const routes: Routes = [
     { path: '', component: Home },
     { path: 'about', component: About },
+    { path: 'projects', component: Projects },
     { path: '**', redirectTo: '', pathMatch: 'full' },
 ];
diff --git a/src/app/core/components/navigation-bar/navigation-bar.html b/src/app/core/components/navigation-bar/navigation-bar.html
index 779d603..f57bebb 100644
--- a/src/app/core/components/navigation-bar/navigation-bar.html
+++ b/src/app/core/components/navigation-bar/navigation-bar.html
@@ -13,6 +13,9 @@
                 <a routerLink="/about" routerLinkActive="active">
                     {{ 'common.about' | translate }}
                 </a>
+                <a routerLink="/projects" routerLinkActive="active">
+                    {{ 'common.projects' | translate }}
+                </a>
             </li>
         </ul>
     </div>
diff --git a/src/app/pages/projects/projects.html b/src/app/pages/projects/projects.html
new file mode 100644
index 0000000..5c8fd85
--- /dev/null
+++ b/src/app/pages/projects/projects.html
@@ -0,0 +1 @@
+<p>projects works!</p>
\ No newline at end of file
diff --git a/src/app/pages/projects/projects.scss b/src/app/pages/projects/projects.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/app/pages/projects/projects.ts b/src/app/pages/projects/projects.ts
new file mode 100644
index 0000000..74ca580
--- /dev/null
+++ b/src/app/pages/projects/projects.ts
@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import { TranslatePipe } from '@ngx-translate/core';
+import { ChipModule } from 'primeng/chip';
+import { FontAwesomeModule } from "@fortawesome/angular-fontawesome";
+import { ButtonModule } from 'primeng/button';
+
+@Component({
+  selector: 'app-home',
+  imports: [],
+  templateUrl: './projects.html',
+  styleUrl: './projects.scss'
+})
+export class Projects {
+
+
+
+}