feat: home page and create wallet page design

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>
+    </>
+  );
+}

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; */
   }
 }
 

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;