diff --git a/apps/user/app/(main)/(user)/announcement/page.tsx b/apps/user/app/(main)/(user)/announcement/page.tsx
index eeb711c..80ef840 100644
--- a/apps/user/app/(main)/(user)/announcement/page.tsx
+++ b/apps/user/app/(main)/(user)/announcement/page.tsx
@@ -3,6 +3,8 @@
 import { Empty } from '@/components/empty';
 import { queryAnnouncement } from '@/services/user/announcement';
 import { useQuery } from '@tanstack/react-query';
+import { Timeline } from '@workspace/ui/components/timeline';
+import { Markdown } from '@workspace/ui/custom-components/markdown';
 
 export default function Page() {
   const { data } = useQuery({
@@ -17,5 +19,16 @@ export default function Page() {
       return data.data?.announcements || [];
     },
   });
-  return data && data.length > 0 ? <Empty border /> : <Empty border />;
+  return data && data.length > 0 ? (
+    <Timeline
+      data={
+        data.map((item) => ({
+          title: item.title,
+          content: <Markdown>{item.content}</Markdown>,
+        })) || []
+      }
+    />
+  ) : (
+    <Empty border />
+  );
 }