diff --git a/src/data/authors.ts b/src/data/authors.ts
new file mode 100644
index 0000000..04fa924
--- /dev/null
+++ b/src/data/authors.ts
@@ -0,0 +1,54 @@
+import __authors from "./jsons/__users.json";
+import { AuthorType } from "./types";
+import avatar1 from "@/images/avatars/Image-1.png";
+import avatar2 from "@/images/avatars/Image-2.png";
+import avatar3 from "@/images/avatars/Image-3.png";
+import avatar4 from "@/images/avatars/Image-4.png";
+import avatar5 from "@/images/avatars/Image-5.png";
+import avatar6 from "@/images/avatars/Image-6.png";
+import avatar7 from "@/images/avatars/Image-7.png";
+import avatar8 from "@/images/avatars/Image-8.png";
+import avatar9 from "@/images/avatars/Image-9.png";
+import avatar10 from "@/images/avatars/Image-10.png";
+import avatar11 from "@/images/avatars/Image-11.png";
+import avatar12 from "@/images/avatars/Image-12.png";
+import avatar13 from "@/images/avatars/Image-13.png";
+import avatar14 from "@/images/avatars/Image-14.png";
+import avatar15 from "@/images/avatars/Image-15.png";
+import avatar16 from "@/images/avatars/Image-16.png";
+import avatar17 from "@/images/avatars/Image-17.png";
+import avatar18 from "@/images/avatars/Image-18.png";
+import avatar19 from "@/images/avatars/Image-19.png";
+import avatar20 from "@/images/avatars/Image-20.png";
+import { Route } from "@/routers/types";
+
+const imgs = [
+  avatar1,
+  avatar2,
+  avatar3,
+  avatar4,
+  avatar5,
+  avatar6,
+  avatar7,
+  avatar8,
+  avatar9,
+  avatar10,
+  avatar11,
+  avatar12,
+  avatar13,
+  avatar14,
+  avatar15,
+  avatar16,
+  avatar17,
+  avatar18,
+  avatar19,
+  avatar20,
+];
+
+const DEMO_AUTHORS: AuthorType[] = __authors.map((item, index) => ({
+  ...item,
+  avatar: imgs[index] || item.avatar,
+  href: item.href as Route,
+}));
+
+export { DEMO_AUTHORS };