add: comingsoon page

src/app/app.routes.ts

@@ -3,6 +3,7 @@ import { Startpage } from './sites/startpage/startpage';
 import { TestIt } from './sites/test-it/test-it';
 import { GeneratorPassword } from './sites/generator/password/generator-password.component';
 import { GeneratorQrcode } from './sites/generator/qrcode/generator-qrcode';
+import { Comingsoon } from './sites/navbar/comingsoon/comingsoon';
 
 export const routes: Routes = [
   {
@@ -12,7 +13,13 @@ export const routes: Routes = [
   {
     path: '',
     component: Startpage,
-  }, // GENERATORS
+  },
+  // NAVBAR SITES
+  {
+    path: 'coming-soon',
+    component: Comingsoon,
+  }, 
+  // GENERATORS
   {
     path: 'generator/password',
     component: GeneratorPassword,

src/app/sites/navbar/comingsoon/comingsoon.html

@@ -0,0 +1,32 @@
+<div>
+    <div class="mb-8">
+        <app-custom-title
+        text="Coming Soon"
+        [textSizeInPx]="36"
+        fontWeight="bold"
+        ></app-custom-title>
+    </div>
+
+    <div class="bg-zinc-800 rounded-lg shadow-md p-6 max-w-2xl mx-auto">
+        <div class="text-gray-300">
+            <p>This project is maintained and developed by 
+                <a href="https://github.com/danielvici" target="_blank" rel="noopener noreferrer" class="text-blue-500 hover:text-blue-600">me</a> 
+                as an individual developer. New functions and tools will be added as time and inspiration allow.
+            </p>
+            <br>
+            <p>Since I develop this project in my free time, there is no fixed schedule for new features. 
+                Instead, I add new tools and functions when I have a good idea and the time allows.
+            </p>
+        </div>
+        <div class="bg-blue-900/20 rounded-lg p-6 border border-blue-800 mt-4">
+            <h3 class="text-xl font-bold text-blue-400 mb-2">Want to suggest a feature?</h3>
+            <div class="ml-2">
+                <p>Feel free to give me feedback or suggestions for the project! I welcome any suggestions, feedback or features.</p>
+                <ul class="ml-2 mt-2">
+                    <li>- <a href="https://wsdaniel.notion.site/1f5dcb62b3ee80c38fa0fa5e872e78a0?pvs=105" class="text-blue-500 hover:text-blue-600"> Notion Form</a></li>
+                    <li>- <a href="https://x.com/danielvici123" class="text-blue-500 hover:text-blue-600">X / Twitter</a></li>
+                </ul>
+            </div>
+        </div>
+    </div>
+</div>

src/app/sites/navbar/comingsoon/comingsoon.spec.ts

@@ -0,0 +1,23 @@
+import { ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { Comingsoon } from './comingsoon';
+
+describe('Comingsoon', () => {
+  let component: Comingsoon;
+  let fixture: ComponentFixture<Comingsoon>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      imports: [Comingsoon]
+    })
+    .compileComponents();
+
+    fixture = TestBed.createComponent(Comingsoon);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/sites/navbar/comingsoon/comingsoon.ts

@@ -0,0 +1,12 @@
+import { Component } from '@angular/core';
+import { CustomTitle } from "../../../components/custom-title/custom-title";
+
+@Component({
+  selector: 'app-comingsoon',
+  imports: [CustomTitle],
+  templateUrl: './comingsoon.html',
+  styleUrl: './comingsoon.css',
+})
+export class Comingsoon {
+
+}