department-web/src/App.js

import React from 'react';
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
import { AuthProvider } from './context/AuthContext';
import Login from './pages/Login';
import ProductDetail from './pages/ProductDetail';
import Navbar from './components/Navbar';
import Home from './pages/Home';
import './App.css';

function App() {
  return (
    <AuthProvider>
      <Router>
          <Navbar />
          <Routes>
            <Route path="/login" element={<Login />} />
            
            <Route path="/product/:series/:sub/:idx" element={<ProductDetail />} />
            <Route path="/" element={<Home />} />
          </Routes>
      </Router>
    </AuthProvider>
  );
}

export default App;