diff --git a/src/App.tsx b/src/App.tsx
index 54888f2..49e8a4a 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,15 +1,16 @@
 import React, { useState } from 'react';
 import "./App.css";
-import Kanban from "./app/Kanban/Kanban"
-import SetUpPage from "./components/SetUpPage"
-import SemesterBlock from "./components/SemesterBlock"
+import Kanban from "./app/Kanban/Kanban";
+import Onboarding from "./app/Onboarding/Onboarding";
+import SetUpPage from "./components/SetUpPage";
+import SemesterBlock from "./components/SemesterBlock";
 
 function App() {
   const [selectedYear, setSelectedYear] = useState<number | null>(null);
   return (
     <>
       {/* <SetUpPage></SetUpPage> */}
-      <Kanban />
+      <Onboarding />
     </>
   );
 }