diff --git a/src/components/Todo.tsx b/src/components/Todo.tsx
new file mode 100644
index 0000000..4bde74a
--- /dev/null
+++ b/src/components/Todo.tsx
@@ -0,0 +1,14 @@
+import { Typography } from 'antd';
+
+const { Title, Text } = Typography;
+
+const Todo: React.FC = () => {
+  return (
+    <div>
+      <Title level={1}>施工中...</Title>
+      <Text type={'secondary'}>{'// TODO'}</Text>
+    </div>
+  );
+};
+
+export default Todo;
diff --git a/src/router.tsx b/src/router.tsx
index d1e8a3e..c4a7d2a 100644
--- a/src/router.tsx
+++ b/src/router.tsx
@@ -1,12 +1,15 @@
 import { Routes, Route } from 'react-router-dom';
+import Todo from './components/Todo';
 
 export const AppRouter: React.FC = () => {
   return (
     <Routes>
-      <Route path='/' element={<p>Main</p>} />
-      <Route path='/admin/hello1' element={<p>Hello1</p>} />
-      <Route path='/admin/hello2' element={<p>Hello1</p>} />
-      <Route path='/admin/hello3' element={<p>Hello1</p>} />
+      <Route path='/' element={<Todo />} />
+      <Route path='/admin/hello1' element={<Todo />} />
+      <Route path='/admin/hello2' element={<Todo />} />
+      <Route path='/admin/hello3' element={<Todo />} />
+      <Route path='/duty/hi1' element={<Todo />} />
+      <Route path='/duty/hi2' element={<Todo />} />
     </Routes>
   );
 };