feat: update the layout and add more pages

- Add a proper header to the layout
- Add a help page with instructions how to generate an invoice
- Add an empty blog page that will eventually be filled with blogs

1 files changed, 21 insertions, 0 deletions

diff --git a/src/components/header.tsx b/src/components/header.tsx
new file mode 100644
index 0000000..d54d957
--- /dev/null
+++ b/src/components/header.tsx
@@ -0,0 +1,21 @@
+import Link from 'next/link';
+
+export const Header = () => {
+  return (
+    <header className="flex w-full justify-center border-b p-2">
+      <div className="flex w-5xl items-center gap-4">
+        <Link href="/" className="text-xl">
+          🧾 Free Invoice Generator
+        </Link>
+        <ul className="flex gap-2">
+          <li>
+            <Link href="/blog">Blog</Link>
+          </li>
+          <li>
+            <Link href="/help">Help</Link>
+          </li>
+        </ul>
+      </div>
+    </header>
+  );
+};