first site, and add navbar

src/app/components/navbar/navbar.html

@@ -0,0 +1,12 @@
+<nav class="h-16 bg-blue-marian">
+  <div class="flex justify-between items-center px-4 bg-blue-marian text-white container mx-auto h-full">
+    <div class="flex items-center h-full">
+      <span class="font-bold text-xl">Home</span>
+    </div>
+    <div class="flex flex-row space-x-4 gap-6">
+      <a class="hover:text-blue-200" routerLink="/coming-soon" routerLinkActive="active-link">Coming Soon</a>
+      <a class="hover:text-blue-200" routerLink="/changelog" routerLinkActive="active-link">Changelog</a>
+      <a class="hover:text-blue-200" routerLink="/about" routerLinkActive="active-link">About</a>
+    </div>
+  </div>
+</nav>

src/app/components/navbar/navbar.spec.ts

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

src/app/components/navbar/navbar.ts

@@ -0,0 +1,17 @@
+import { Component } from '@angular/core';
+import {RouterLink, RouterLinkActive} from '@angular/router';
+import {NgOptimizedImage} from '@angular/common';
+
+@Component({
+  selector: 'app-navbar',
+  imports: [
+    RouterLinkActive,
+    RouterLink,
+    NgOptimizedImage
+  ],
+  templateUrl: './navbar.html',
+  styleUrl: './navbar.css',
+})
+export class Navbar {
+
+}