diff --git a/TODO.md b/TODO.md
index e46e8eb..12b32d9 100644
--- a/TODO.md
+++ b/TODO.md
@@ -2,7 +2,7 @@
 
 - [x] use bun package manager
 - [x] use nuxt framework
-- [ ] rewrite the random page, the current landing page
+- [x] rewrite the random page, the current landing page
 - [ ] rewrite the recipe page
 - [ ] deploy
 - [ ] pwa
diff --git a/pages/index.vue b/pages/index.vue
index 83cefa1..082ce30 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,3 +1,14 @@
 <template>
-  <div>index</div>
+  <div class="hero min-h-screen bg-base-200">
+    <div class="hero-content flex-col lg:flex-row-reverse">
+      <img src="/public/chef.svg" class="max-w-sm rounded-lg shadow-2xl" />
+      <div>
+        <h1 class="text-5xl font-bold prose">Eat Something New</h1>
+        <p class="py-6 prose">Generate a random recipe.</p>
+        <NuxtLink to="/random" class="btn btn-primary"
+          >Random Recipe Now
+        </NuxtLink>
+      </div>
+    </div>
+  </div>
 </template>
diff --git a/src/images/chef.svg b/public/chef.svg
similarity index 100%
rename from src/images/chef.svg
rename to public/chef.svg