diff --git a/frontend/src/app/app.routes.ts b/frontend/src/app/app.routes.ts
index dc39edb..3a96b8f 100644
--- a/frontend/src/app/app.routes.ts
+++ b/frontend/src/app/app.routes.ts
@@ -1,3 +1,6 @@
 import { Routes } from '@angular/router';
+import {LandingPageComponent} from "./landing-page/landing-page.component";
 
-export const routes: Routes = [];
+export const routes: Routes = [
+  { path: '', component: LandingPageComponent }
+];
diff --git a/frontend/src/app/landing-page/landing-page.component.html b/frontend/src/app/landing-page/landing-page.component.html
new file mode 100644
index 0000000..8d1873e
--- /dev/null
+++ b/frontend/src/app/landing-page/landing-page.component.html
@@ -0,0 +1 @@
+<p>landing-page works!</p>
diff --git a/frontend/src/app/landing-page/landing-page.component.ts b/frontend/src/app/landing-page/landing-page.component.ts
new file mode 100644
index 0000000..ed8aba1
--- /dev/null
+++ b/frontend/src/app/landing-page/landing-page.component.ts
@@ -0,0 +1,11 @@
+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-landing-page',
+  standalone: true,
+  imports: [],
+  templateUrl: './landing-page.component.html',
+})
+export class LandingPageComponent {
+
+}