import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import Navbar from './Navbar';
import Homelab from './Homelab';
import About from './About';
import Sidebar from "./Sidebar";
import Footer from './Footer';
import "./App.scss";

export default function App() {
  return (
    <Router>
        <div className="app-container">
          <Navbar />
          <div className="wrapper">
            <div className='content'>
              <Routes>
                <Route path="/" element={<About />} />
                <Route path="/homelab" element={<Homelab />} />
              </Routes>
            </div>
            <div className="sidebar">
              <Sidebar />
            </div>
          </div>
          <Footer />
        </div>
    </Router>
  );
}