From f8232b27eae3a81ef00bd042bef03ca460d5e06e Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Fri, 10 Feb 2023 16:04:59 +0300
Subject: [PATCH] Implement Badges welcome screen

---
 pages/badges/index.tsx | 37 +++++++++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 pages/badges/index.tsx

diff --git a/pages/badges/index.tsx b/pages/badges/index.tsx
new file mode 100644
index 0000000..f23c335
--- /dev/null
+++ b/pages/badges/index.tsx
@@ -0,0 +1,37 @@
+import { HomeCard } from 'components/HomeCard'
+import type { NextPage } from 'next'
+// import Brand from 'public/brand/brand.svg'
+import { withMetadata } from 'utils/layout'
+
+const HomePage: NextPage = () => {
+  return (
+    <section className="px-8 pt-4 pb-16 mx-auto space-y-8 max-w-4xl">
+      <div className="flex justify-center items-center py-8 max-w-xl">
+        {/* <Brand className="w-full text-plumbus" /> */}
+      </div>
+      <h1 className="font-heading text-4xl font-bold">Badges</h1>
+      <p className="text-xl">
+        Here you can create badges, execute badge related actions and query the results.
+        <br />
+      </p>
+
+      <br />
+
+      <br />
+
+      <div className="grid gap-8 md:grid-cols-2">
+        <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges/create" title="Create a Badge">
+          Select an asset, enter badge metadata and create a new badge.
+        </HomeCard>
+        <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges/myBadges" title="My Badges">
+          View a list of your badges.
+        </HomeCard>
+        <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges/actions" title="Badge Actions">
+          Execute badge related actions.
+        </HomeCard>
+      </div>
+    </section>
+  )
+}
+
+export default withMetadata(HomePage, { center: false })