diff --git a/.gitignore b/.gitignore
index d432482..4d73a08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,3 +1,4 @@
+.DS_Store
 # The directory Mix will write compiled artifacts to.
 /_build/
 
@@ -38,4 +39,3 @@ npm-debug.log
 # Database files
 *.db
 *.db-*
-
diff --git a/lib/wild_web/live/index.html.heex b/lib/wild_web/live/index.html.heex
index 88990aa..68b26c6 100644
--- a/lib/wild_web/live/index.html.heex
+++ b/lib/wild_web/live/index.html.heex
@@ -1 +1,20 @@
-<div>Hello World</div>
+<h1>Hello World</h1>
+<div class="size-1/3 mr-4 mt-4">
+  <div class="p-10 bg-pink-100 shadow-md rounded-xl">
+    <h2>Books</h2>
+  </div>
+
+  <div class="p-10 bg-pink-200 shadow-md rounded-xl mt-2">
+    <.link patch={~p"/books/thoughts"}>Share my thought</.link>
+  </div>
+</div>
+
+<div class="size-1/3 mr-4 mt-4">
+  <div class="p-10 bg-blue-100 shadow-md rounded-xl">
+    <h2>Movies</h2>
+  </div>
+
+  <div class="p-10 bg-blue-200 shadow-md rounded-xl mt-2">
+    <.link patch={~p"/books/thoughts"}>Share my critics</.link>
+  </div>
+</div>