import React from 'react';
import { Routes, Route } from 'react-router-dom';
import Home from './pages/Home';
import WorkDetail from './pages/WorkDetail';
import CategoryDetail from './pages/CategoryDetail';
import Protocol from './pages/Protocol';
import PayProtocol from './pages/PayProtocol';
import Copyright from './pages/Copyright';
import Help from './pages/Help';
import UploadGuide from './pages/UploadGuide';
import './App.css';

function App() {
  return (
    <div className="App">
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/detail/:id" element={<WorkDetail />} />
        <Route path="/category/:name" element={<CategoryDetail />} />
        <Route path="/protocol" element={<Protocol />} />
        <Route path="/pay-protocol" element={<PayProtocol />} />
        <Route path="/copyright" element={<Copyright />} />
        <Route path="/help" element={<Help />} />
        <Route path="/upload-guide" element={<UploadGuide />} />
      </Routes>
    </div>
  );
}

export default App;
