import React, { lazy, Suspense, useEffect } from "react";
import { BrowserRouter as Router, Routes, Route, Navigate, useLocation } from "react-router-dom";

const Home = lazy(()=>import('../../pages/Home.js'));
const Flights = lazy(()=>import('../../pages/Flights.js'));
const Hotels = lazy(()=>import('../../pages/Hotels.js'));
const Packages = lazy(()=>import('../../pages/Packages.js'));
const FlightsResults = lazy(()=>import('../../pages/FlightsResults.js'));



// Main Router Component
const AppRouter = () => {
    return (
        // <Router>
            <Suspense fallback={<div>Loading...</div>}>
                {/* <LanguageRedirect /> */}
                <Routes>
                    <Route path="/" element={<Home />} />
                    <Route path="/flights" element={<Flights />} />
                    <Route path="/hotels" element={<Hotels />} />
                    <Route path="/packages" element={<Packages />} />
                    <Route path="/flights/results" element={<FlightsResults />} />
                </Routes>
            </Suspense>
        // </Router>

    );
};
export default AppRouter;