From 9e6fbebcea01ecba9e0638710fedfe28a8c2e4eb Mon Sep 17 00:00:00 2001
From: Kudaru Deborah <deborahkudaru@gmail.com>
Date: Thu, 16 Jan 2025 00:07:23 -0800
Subject: [PATCH] feat: home page and create wallet page design

---
 src/app/create-wallet/page.tsx | 25 +++++++++++++++++++++++++
 src/app/globals.css            |  6 +++---
 src/app/page.tsx               | 26 ++++++++++++++++++++++----
 3 files changed, 50 insertions(+), 7 deletions(-)
 create mode 100644 src/app/create-wallet/page.tsx

diff --git a/src/app/create-wallet/page.tsx b/src/app/create-wallet/page.tsx
new file mode 100644
index 0000000..869847c
--- /dev/null
+++ b/src/app/create-wallet/page.tsx
@@ -0,0 +1,25 @@
+export default function CreateWallet() {
+  return (
+    <>
+      <div className="p-10">
+
+        <div className="pt-20 text-center flex flex-col">
+          <div>
+            <p className="text-justify justify-center text-[#FEC84B] bg-[#FEC84B]/20  border border-[#f5c453] m-auto full p-5 mb-5">
+              Once you generate the seed phrase, save it securely and once you
+              have saved it, you can preoceed to wallet.
+            </p>
+          </div>
+          <div>
+            <button className="bg-slate-800 text-white px-4 py-2 rounded font-bold w-full">
+              Generate seed phrase
+            </button>
+          </div>
+          <div className="border border-slate-500 rounded w-full h-40 m-auto mt-5">
+
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
diff --git a/src/app/globals.css b/src/app/globals.css
index 13d40b8..a0d388b 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -3,14 +3,14 @@
 @tailwind utilities;
 
 :root {
-  --background: #ffffff;
+  /* --background: #ffffff; */
   --foreground: #171717;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
+    /* --background: #0a0a0a; */
+    /* --foreground: #ededed; */
   }
 }
 
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 4988bcd..561a242 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,25 @@
-export default function Home() {
+import Link from "next/link";
+
+function Home() {
   return (
-    <div className="">
-      <h1>Hello world</h1>
-    </div>
+    <>
+      <div className="p-10">
+        {/* <Navbar /> */}
+        <div className="text-center pt-20 ">
+          <h1 className="text-gray-800 font-bold text-3xl">Wallet</h1>
+          <p className="pt-10">Welcome to your Web3 Wallet made just for you.</p>
+          <div className="pt-20 flex flex-col gap-8">
+            <div>
+              <Link href="/create-wallet" className=" bg-[#FEC84B]  text-white px-4 py-2 rounded font-bold">Create a Wallet</Link>
+            </div>
+            <div>
+            <Link href="/" className="bg-slate-800 text-white px-4 py-2 rounded font-bold">Sign in with seed phrase</Link>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
   );
 }
+
+export default Home;