import React from "react";
import {Router, Route, Routes } from "react-router-dom";
import { Helmet } from "react-helmet";
import "bootstrap/dist/css/bootstrap.min.css";
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 (
    <>
      <Helmet>
        <title>Chalpado - Best Travel Deals</title>
        <meta name="description" content="Find the best deals on flights, hotels, and travel packages with Chalpado." />
        <meta name="keywords" content="flights, hotels, travel deals, vacation packages" />
      </Helmet>
      <Navbar />
      <div className="container mt-5">
        <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;