diff --git a/pages/index.js b/pages/index.js
index cc7d432..719f0de 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -1,7 +1,8 @@
 import Layout, {siteTitle} from "../components/layout";
 import {getSinglePost, getGraphData, getDirectoryData, convertObject, getFlattenArray} from "../lib/utils";
 import FolderTree from "../components/FolderTree";
-import {Box} from '@mui/material'
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
 
 export default function Home({content, graphdata, filenames, tree, flattenNodes, ...props}) {
 
@@ -12,6 +13,10 @@ export default function Home({content, graphdata, filenames, tree, flattenNodes,
                     <FolderTree tree={tree} flattenNodes={flattenNodes}/>
                 </nav>
                 <main className="markdown-rendered">
+                    <Alert severity="info">
+                        <AlertTitle>Want to know more?</AlertTitle>
+                        🌱 <strong>Follow</strong> or <strong>DM</strong> me on Twitter at <span><a href="https://twitter.com/tuancm">@tuancm</a></span>
+                    </Alert>
                     <div dangerouslySetInnerHTML={{__html: content.data}}/>
                 </main>
             </div>
diff --git a/pages/note/[id].js b/pages/note/[id].js
index 013cbf1..4174489 100644
--- a/pages/note/[id].js
+++ b/pages/note/[id].js
@@ -7,6 +7,8 @@ import {getPostListData, getSinglePost, getGraphData, convertObject, getDirector
 import { Network } from "../../components/graph";
 import FolderTree from "../../components/FolderTree";
 import {getFlattenArray} from "../../lib/utils";
+import Alert from '@mui/material/Alert';
+import AlertTitle from '@mui/material/AlertTitle';
 
 export default function Home({ note, graphdata,tree, flattenNodes, ...props }) {
     var jsnx = require('jsnetworkx');
@@ -62,10 +64,13 @@ export default function Home({ note, graphdata,tree, flattenNodes, ...props }) {
                 <nav className="nav-bar">
                     <FolderTree tree={tree} flattenNodes={flattenNodes}/>
                 </nav>
-                <div
-                    className="markdown-rendered"
-                    dangerouslySetInnerHTML={{__html:note.data}}>
-                </div>
+                <main className="markdown-rendered">
+                    <Alert severity="info">
+                        <AlertTitle>Want to know more?</AlertTitle>
+                        🌱 <strong>Follow</strong> or <strong>DM</strong> me on Twitter at <span><a href="https://twitter.com/tuancm">@tuancm</a></span>
+                    </Alert>
+                    <div dangerouslySetInnerHTML={{__html: note.data}}/>
+                </main>
             </div>