diff --git a/package.json b/package.json
index df9f50c..d2d2650 100644
--- a/package.json
+++ b/package.json
@@ -37,5 +37,6 @@
     "pretty-quick": "^3.1.3",
     "tailwindcss": "^3.2.4",
     "vite": "^4.0.0"
-  }
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/src/main.jsx b/src/main.jsx
index c69ddcb..5ca8014 100644
--- a/src/main.jsx
+++ b/src/main.jsx
@@ -28,6 +28,10 @@ const router = createBrowserRouter(
       path: '/doc/:slug',
       element: <DocDetail />
     },
+    {
+      path: '/doc/:doc_name',
+      element: <SingleDoc />
+    },
     {
       path: '/Contributors',
       element: <Contributors />
diff --git a/src/pages/12Doc.jsx b/src/pages/12Doc.jsx
deleted file mode 100644
index dfc03a3..0000000
--- a/src/pages/12Doc.jsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import React from 'react';
-import Layout from '../components/Layout/Layout';
-import DocItem from '../components/Doc/DocItem';
-import { docs } from '../data/Doc.json';
-const Doc = () => {
-  console.log(docs)
-  return (
-    <Layout>
-      <div className='w-full md:w-5/6 mx-auto px-4 py-8'>
-        <h3 className='text-3xl text-center mb-20'>Documents</h3>
-        <div className="grid grid-cols-1 md:grid-cols-2 gap-8">
-          <div>
-            <h4 className='mb-4'>Getting started</h4>
-            <div className="items grid grid-cols-1 gap-6">
-              {
-                docs.filter(item => item.tag[0] == "popular").map((item, idx) => (
-                  <DocItem
-                    key={idx}
-                    title={item.title}
-                    content={item.description}
-                  />
-                ))
-              }
-            </div>
-          </div>
-          <div>
-            <h4 className='mb-4'>Popular</h4>
-            <div className="items grid grid-cols-1 gap-6">
-              {
-                docs.filter(item => item.tag[0] == "popular").map((item, idx) => (
-                  <DocItem
-                    key={idx}
-                    title={item.title}
-                    content={item.description}
-                  />
-                ))
-              }
-            </div>
-          </div>
-        </div>
-      </div>
-    </Layout>
-  );
-};
-
-export default Doc;
\ No newline at end of file