2023-11-19 19:22:53 +01:00

43 lines
1.3 KiB
JavaScript

import styles from './style';
import NavBar from './components/NavBar';
import WorkApp from './components/WorkApp';
import Home from './components/Home';
import { BrowserRouter as Router } from 'react-router-dom';
import { Route, Routes } from 'react-router-dom';
import Contact from './components/Contact';
import JobPosting from './components/JobPosting';
import Mininav from './components/Mininav';
import Register from './components/Register';
function App() {
return (
<Router>
<div className='bg-white w-full overflow-hidden'>
<div className={`${styles.paddingX} ${styles.flexCenter}`}>
<Mininav />
<div className={`${styles.boxWidth}`}>
<NavBar />
</div>
</div>
<div className={`${styles.flexStart}`}>
<div className={`${styles.boxWidth2} h-full`}>
<Routes>
<Route path="/home" element={<Home />} />
<Route path="/work" element={<WorkApp />} />
<Route path="/work/jobpostings" element={<WorkApp />} />
<Route path="/contact" element={<Contact />} />
<Route path="/work/jobposting" element={<JobPosting />} />
{/* Add more routes as needed */}
</Routes>
</div>
</div>
</div>
</Router>
)
};
export default App;