diff --git a/src/App.jsx b/src/App.jsx
index bcb5ac4..29b5d14 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,19 +1,24 @@
 /* ----- Third Party Imports ----- */
-import { BrowserRouter, Routes, Route, Link } from "react-router-dom";
+import { Routes, Route } from "react-router-dom";
 
 /* ----- Project Imports ----- */
 import "@/styles/App.css";
 import Header from "@/components/Header.jsx";
 import Footer from "@/components/Footer.jsx";
-import Content from "@/components/Content.jsx";
-
+import HomePage from "@/pages/Home";
+import ExpertisePage from "@/pages/Expertise";
+import ProjectsPage from "@/pages/Projects";
 
 function App() {
 
   return (
     <>
       <Header />
-      <Content />
+      <Routes>
+        <Route path="/" element={<HomePage />} />
+        <Route path="/expertise" element={<ExpertisePage />} />
+        <Route path="/projects" element={<ProjectsPage />} />
+      </Routes>
       <Footer />
     </>
   )
diff --git a/src/pages/Expertise.jsx b/src/pages/Expertise.jsx
new file mode 100644
index 0000000..03c8a2d
--- /dev/null
+++ b/src/pages/Expertise.jsx
@@ -0,0 +1,18 @@
+/* ----- Third Party Imports ----- */
+
+/* ----- Project Imports ----- */
+import "@/styles/App.css";
+import Header from "@/components/Header.jsx";
+import Footer from "@/components/Footer.jsx";
+import Content from "@/components/Content.jsx";
+
+export function ExpertisePage() {
+  return (
+    <>
+    <h2>You are at the most amazing home page on the planet</h2>
+    <p>Home sweet Home!</p>
+    </>
+  );
+};
+
+export default ExpertisePage;
\ No newline at end of file
diff --git a/src/pages/Home.jsx b/src/pages/Home.jsx
new file mode 100644
index 0000000..28ce6b9
--- /dev/null
+++ b/src/pages/Home.jsx
@@ -0,0 +1,17 @@
+/* ----- Third Party Imports ----- */
+
+/* ----- Project Imports ----- */
+import "@/styles/App.css";
+import Details from "@/components/Details.jsx";
+import "@/styles/content.css";
+
+export function HomePage() {
+  return (
+    <>
+    <h2>You are at the most amazing home page on the planet</h2>
+    <p>Home sweet Home!</p>
+    </>
+  );
+};
+
+export default HomePage;
\ No newline at end of file
diff --git a/src/pages/Projects.jsx b/src/pages/Projects.jsx
new file mode 100644
index 0000000..c3aeca2
--- /dev/null
+++ b/src/pages/Projects.jsx
@@ -0,0 +1,18 @@
+/* ----- Third Party Imports ----- */
+
+/* ----- Project Imports ----- */
+import "@/styles/App.css";
+import Header from "@/components/Header.jsx";
+import Footer from "@/components/Footer.jsx";
+import Content from "@/components/Content.jsx";
+
+export function ProjectsPage() {
+  return (
+    <>
+    <h2>You are at the most amazing home page on the planet</h2>
+    <p>Home sweet Home!</p>
+    </>
+  );
+};
+
+export default ProjectsPage;
\ No newline at end of file