conference-room-booking-system/frontend/src/App.tsx

/**
 * App.tsx
 * Root component for the conference room booking frontend.
 * Sets up routing for landing, booking, and confirmation pages.
 *
 * Author: Cliff Hill
 * Last updated: 2025-09-05
 */
import { logger } from "./utils/logger";
import { BrowserRouter as Router, Routes, Route } from "react-router-dom";

import LandingPage from "./pages/LandingPage";
import BookingPage from "./pages/BookingPage";
import ConfirmationPage from "./pages/ConfirmationPage";

const App: React.FC = () => {
  // Log when App mounts
  logger.info("[App] Mounted");
  return (
    <Router>
      <Routes>
        <Route path="/" element={<LandingPage />} />
        <Route path="/booking" element={<BookingPage />} />
        <Route path="/confirmation" element={<ConfirmationPage />} />
      </Routes>
    </Router>
  );
};

export default App;