diff --git a/src/ApplicationViews.js b/src/ApplicationViews.js
new file mode 100644
index 0000000..ff76a8a
--- /dev/null
+++ b/src/ApplicationViews.js
@@ -0,0 +1,17 @@
+import React from "react";
+import { Route } from "react-router-dom";
+
+const ApplicationViews = () => {
+    
+    return (
+
+    <main>
+        <Route>
+            <NavBar />
+        </Route>
+        <Route>
+            <Home />
+        </Route>
+    </main>
+    )
+}
\ No newline at end of file
diff --git a/src/JMR_Dev_Site.js b/src/JMR_Dev_Site.js
index b287f18..f20bd40 100644
--- a/src/JMR_Dev_Site.js
+++ b/src/JMR_Dev_Site.js
@@ -1,9 +1,15 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
-import { Router } from 'react-router-dom';
+import { Router, Route } from 'react-router-dom';
 
 const JMR_Dev_site = () => {
-    
+    return(
+        <>
+           <Route>
+               <NavBar />
+               <ApplicationViews />
+           </Route>
+           </>
+           )
 }
\ No newline at end of file
diff --git a/src/home/Home.js b/src/home/Home.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/index.js b/src/index.js
index 5ee8cf8..5117533 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,14 +1,13 @@
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 import './index.css';
-import App from './App';
 import reportWebVitals from './reportWebVitals';
 import { Router } from 'react-router-dom';
 
 const root = ReactDOM.createRoot(document.getElementById('root'));
 root.render(
   <React.StrictMode>
-    <App />
+    <JMR_Dev_Site />
   </React.StrictMode>
 );
 
diff --git a/src/nav/NavBar.js b/src/nav/NavBar.js
new file mode 100644
index 0000000..e69de29