From e63805539b3cd1d20ca29c0000e3c9fd4e8202b2 Mon Sep 17 00:00:00 2001
From: Ruidy <ruidy.nemausat@gmail.com>
Date: Sat, 27 Apr 2024 01:26:43 +0200
Subject: [PATCH] random recipe page

---
 TODO.md                         |  2 +-
 pages/index.vue                 | 13 ++++++++++++-
 {src/images => public}/chef.svg |  0
 3 files changed, 13 insertions(+), 2 deletions(-)
 rename {src/images => public}/chef.svg (100%)

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