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;