diff --git a/app/about/education/page.tsx b/app/about/education/page.tsx
new file mode 100644
index 0000000..41552c2
--- /dev/null
+++ b/app/about/education/page.tsx
@@ -0,0 +1,3 @@
+export default function EducationPage() {
+ return <>Education Page>
+}
diff --git a/app/about/experience/page.tsx b/app/about/experience/page.tsx
new file mode 100644
index 0000000..860eb05
--- /dev/null
+++ b/app/about/experience/page.tsx
@@ -0,0 +1,7 @@
+export default function ExperiencePage() {
+ return (
+
+
Work Page
+
+ )
+}
diff --git a/app/about/friends/page.tsx b/app/about/friends/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/about/me/page.tsx b/app/about/me/page.tsx
index e69de29..98ef263 100644
--- a/app/about/me/page.tsx
+++ b/app/about/me/page.tsx
@@ -0,0 +1,7 @@
+export default function AboutMePage() {
+ return (
+
+
About Me Page
+
+ )
+}
diff --git a/app/about/music/page.tsx b/app/about/music/page.tsx
new file mode 100644
index 0000000..4a604af
--- /dev/null
+++ b/app/about/music/page.tsx
@@ -0,0 +1,19 @@
+import Link from 'next/link';
+
+export default function MusicPage() {
+ return (
+
+
+
Projects
+
+
+
+
Works
+
+
+
+
Stream
+
+
+ )
+}
diff --git a/app/about/music/projects/page.tsx b/app/about/music/projects/page.tsx
new file mode 100644
index 0000000..b51f687
--- /dev/null
+++ b/app/about/music/projects/page.tsx
@@ -0,0 +1,7 @@
+export default function MusicProjectPage() {
+ return (
+
+
Music Project Page
+
+ )
+}
diff --git a/app/about/music/stream/page.tsx b/app/about/music/stream/page.tsx
new file mode 100644
index 0000000..90ee54a
--- /dev/null
+++ b/app/about/music/stream/page.tsx
@@ -0,0 +1,7 @@
+export default function MusicStreamingPage() {
+ return (
+
+
Music Streaming Page
+
+ )
+}
diff --git a/app/about/music/works/[id]/page.tsx b/app/about/music/works/[id]/page.tsx
new file mode 100644
index 0000000..3e1b0f4
--- /dev/null
+++ b/app/about/music/works/[id]/page.tsx
@@ -0,0 +1,12 @@
+export default function MusicalWorkPage({ params }: { params: { id: string }}) {
+ if (Number.isNaN(parseInt(params.id))) {
+ return Fail
+ }
+
+ return (
+
+
Music Works Page
+
Work No. {params.id}
+
+ )
+}
diff --git a/app/about/music/works/page.tsx b/app/about/music/works/page.tsx
new file mode 100644
index 0000000..71b5733
--- /dev/null
+++ b/app/about/music/works/page.tsx
@@ -0,0 +1,21 @@
+import Link from 'next/link';
+
+export default function MusicWorksPage() {
+ return (
+
+
Music Works Page
+
+
+
First
+
+
+
+
Second
+
+
+
+
Third
+
+
+ )
+}
diff --git a/app/about/page.tsx b/app/about/page.tsx
index e69de29..22e23cb 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -0,0 +1,31 @@
+import Link from 'next/link';
+
+export default function AboutPage() {
+ return (
+
+
+
About me
+
+
+
+
My resume
+
+
+
+
Skills
+
+
+
+
Education
+
+
+
+
Experience
+
+
+
+
Music
+
+
+ )
+}
diff --git a/app/about/resume/page.tsx b/app/about/resume/page.tsx
index e69de29..b5d228d 100644
--- a/app/about/resume/page.tsx
+++ b/app/about/resume/page.tsx
@@ -0,0 +1,7 @@
+export default function Resume() {
+ return (
+
+
Resume Page
+
+ )
+}
diff --git a/app/about/skills/[slug]/page.tsx b/app/about/skills/[slug]/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/about/skills/page.tsx b/app/about/skills/page.tsx
index e69de29..e88ea09 100644
--- a/app/about/skills/page.tsx
+++ b/app/about/skills/page.tsx
@@ -0,0 +1,7 @@
+export default function SkillsPage() {
+ return (
+
+
Skills Page
+
+ )
+}
diff --git a/app/about/work/page.tsx b/app/about/work/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/contact/page.tsx b/app/contact/page.tsx
new file mode 100644
index 0000000..5fceee8
--- /dev/null
+++ b/app/contact/page.tsx
@@ -0,0 +1,7 @@
+export default function ContactPage() {
+ return (
+
+
Contact
+
+ )
+}
diff --git a/app/layout.tsx b/app/layout.tsx
index f6d39b3..e031f9c 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,3 +1,5 @@
+'use client'
+
import Navbar from '@/components/Navbar'
import { MDXProvider } from '@mdx-js/react'
import { Inter } from 'next/font/google'
diff --git a/app/music/page.tsx b/app/music/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/music/projects/page.tsx b/app/music/projects/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/music/stream/page.tsx b/app/music/stream/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/music/works/page.tsx b/app/music/works/page.tsx
deleted file mode 100644
index e69de29..0000000
diff --git a/app/projects/[id]/page.tsx b/app/projects/[id]/page.tsx
index e69de29..d474e83 100644
--- a/app/projects/[id]/page.tsx
+++ b/app/projects/[id]/page.tsx
@@ -0,0 +1,12 @@
+import { usePathname } from 'next/navigation'
+
+export default function ProjectById() {
+ const pathname = usePathname();
+
+ return (
+
+
ProjectById Page
+
Project ID: {pathname}
+
+ )
+}
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index e69de29..b023e1b 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -0,0 +1,7 @@
+export default function ProjectsPage() {
+ return (
+
+
Projects Page
+
+ )
+}
diff --git a/components/Navbar.tsx b/components/Navbar.tsx
index 1240fa4..d36f97b 100644
--- a/components/Navbar.tsx
+++ b/components/Navbar.tsx
@@ -1,8 +1,20 @@
+import Link from 'next/link'
+
export default function Navbar() {
return (
-
Mikayla Dobson
-
+
+
Mikayla Dobson
+
+
+
About
+
+
+
Projects
+
+
+
Contact
+
)
}