import { Route, Routes } from "react-router-dom";
import Home from "./pages/Home.js";
import Flights from "./pages/Flights.js";
import Hotels from "./pages/Hotels.js";
import Packages from "./pages/Packages.js";
import Navbar from "./components/Navbar.js";
import Footer from "./components/Footer.js";


function App() {
  return (
    <>
      <Navbar />
      <div className="container mt-4">
        <Routes>
          <Route path="/" element={<Home />} />
          <Route path="/flights" element={<Flights />} />
          <Route path="/hotels" element={<Hotels />} />
          <Route path="/packages" element={<Packages />} />
        </Routes>
      </div>
      <Footer />
    </>
  );
}

export default App;