diff --git a/src/assets/image/img.png b/src/assets/image/img.png
new file mode 100644
index 0000000..1269b3f
Binary files /dev/null and b/src/assets/image/img.png differ
diff --git a/src/assets/image/img2.png b/src/assets/image/img2.png
new file mode 100644
index 0000000..7159c8c
Binary files /dev/null and b/src/assets/image/img2.png differ
diff --git a/src/assets/image/img3.png b/src/assets/image/img3.png
new file mode 100644
index 0000000..3383c05
Binary files /dev/null and b/src/assets/image/img3.png differ
diff --git a/src/assets/image/img4.png b/src/assets/image/img4.png
new file mode 100644
index 0000000..5ebd0f4
Binary files /dev/null and b/src/assets/image/img4.png differ
diff --git a/src/assets/image/img5.png b/src/assets/image/img5.png
new file mode 100644
index 0000000..f0d21ca
Binary files /dev/null and b/src/assets/image/img5.png differ
diff --git a/src/assets/image/img6.png b/src/assets/image/img6.png
new file mode 100644
index 0000000..9175e40
Binary files /dev/null and b/src/assets/image/img6.png differ
diff --git a/src/component/exlpore/index.tsx b/src/component/exlpore/index.tsx
new file mode 100644
index 0000000..f31c47f
--- /dev/null
+++ b/src/component/exlpore/index.tsx
@@ -0,0 +1,11 @@
+import React from 'react'
+
+type Props = {}
+
+function index({}: Props) {
+  return (
+    <div>index</div>
+  )
+}
+
+export default index
\ No newline at end of file
diff --git a/src/index.tsx b/src/index.tsx
index fe66462..f64c93c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,17 +1,18 @@
-import React from 'react';
-import ReactDOM from 'react-dom/client';
-import './index.css';
-import App from './App';
-import * as serviceWorkerRegistration from './serviceWorkerRegistration';
-import reportWebVitals from './reportWebVitals';
+import React from "react";
+import ReactDOM from "react-dom/client";
+import "./index.css";
+import * as serviceWorkerRegistration from "./serviceWorkerRegistration";
+import reportWebVitals from "./reportWebVitals";
 import "@fontsource/inter";
-
+import { RouterProvider } from "react-router-dom";
+import {router} from './routes'
 const root = ReactDOM.createRoot(
-  document.getElementById('root') as HTMLElement
+  document.getElementById("root") as HTMLElement
 );
+
 root.render(
   <React.StrictMode>
-    <App />
+    <RouterProvider router={router} />
   </React.StrictMode>
 );
 
diff --git a/src/routes/index.tsx b/src/routes/index.tsx
new file mode 100644
index 0000000..7a433b9
--- /dev/null
+++ b/src/routes/index.tsx
@@ -0,0 +1,13 @@
+import App from "../App";
+import { createBrowserRouter } from "react-router-dom";
+import Exlpore from "component/exlpore";
+export const router = createBrowserRouter([
+  {
+    path: "/",
+    element: <App />,
+  },
+  {
+    path: "/exlpore",
+    element: <Exlpore />,
+  },
+]);