random recipe page

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

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>