[NP] start of dynamic notch
diff --git a/pages/index.js b/pages/index.js
index d151a7b..5e604f7 100644
--- a/pages/index.js
+++ b/pages/index.js
@@ -2,7 +2,8 @@
 import Header from '../Components/Header';
 import { AutoLayout, Panel, Title, Subtitle, Text, Divider } from '../Components/Panels';
 
-export default function Home() {
+export default function Home(props) {
+  console.log(props)
   return (
     <>
       <Header
@@ -16,6 +17,7 @@
         index={true}
         fullscreen={true}
       />
+      <button onClick={() => props.navbar.showMessage("Welcome to Clicks! This is a test message. It will disappear in 5 seconds.")}>aaaAAAAa</button>
       <AutoLayout>
         <Panel halfSize={false}>
           <Title>Projects</Title>