home page

src/router/Main.tsx

@@ -1,12 +1,22 @@
 import { FC } from 'react'
 import SideBar from '../shared/SideBar'
 import Header from '../shared/Header'
+import { Route, Routes } from 'react-router-dom'
+import { Pages } from '../config/Pages'
+import Home from '../pages/home/Home'
 
 const MainRouter: FC = () => {
     return (
         <div className='p-4'>
             <SideBar />
             <Header />
+            <div className='flex-1 ms-[269px] mt-[66px]'>
+                <div className='pt-8'>
+                    <Routes>
+                        <Route path={Pages.dashboard} element={<Home />} />
+                    </Routes>
+                </div>
+            </div>
         </div>
     )
 }