From a2a0880149727719233d04bb8b5d8850cb51c084 Mon Sep 17 00:00:00 2001
From: Serkan Reis <serkanreis@gmail.com>
Date: Wed, 28 Jun 2023 22:35:23 +0300
Subject: [PATCH] Update landing

---
 components/Sidebar.tsx |  4 ++--
 pages/home.tsx         | 16 +++++++++++++---
 pages/index.tsx        | 38 +++++++++++++++++++++++++++++++++++++-
 3 files changed, 52 insertions(+), 6 deletions(-)

diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
index fb959cc..933fd93 100644
--- a/components/Sidebar.tsx
+++ b/components/Sidebar.tsx
@@ -37,8 +37,8 @@ export const Sidebar = () => {
   return (
     <SidebarLayout>
       {/* Stargaze brand as home button */}
-      <Anchor href="/home" onContextMenu={(e) => [e.preventDefault(), router.push('/brand')]}>
-        <img alt="Brand Text" className="ml-5 w-3/4" src="/studio-logo.png" />
+      <Anchor href="/" onContextMenu={(e) => [e.preventDefault(), router.push('/brand')]}>
+        <img alt="Brand Text" className="ml-6 w-3/4" src="/studio-logo.png" />
       </Anchor>
       {/* wallet button */}
       <WalletLoader />
diff --git a/pages/home.tsx b/pages/home.tsx
index 45efa8e..dddead4 100644
--- a/pages/home.tsx
+++ b/pages/home.tsx
@@ -24,15 +24,25 @@ const HomePage: NextPage = () => {
       <br />
 
       <div className="grid gap-8 md:grid-cols-2">
-        <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/collections/" title="Collections">
+        <HomeCard
+          className="p-4 -m-4 hover:bg-gray-500/10 rounded"
+          link="/collections/"
+          linkText="Collections"
+          title="Collections"
+        >
           Create a collection, view a list of your collections or execute collection actions and queries.
         </HomeCard>
         <Conditional test={BADGE_HUB_ADDRESS !== undefined}>
-          <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges" title="Badges">
+          <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/badges" linkText="Badges" title="Badges">
             Create badges, view a list of them or execute badge related actions and queries.
           </HomeCard>
         </Conditional>
-        <HomeCard className="p-4 -m-4 hover:bg-gray-500/10 rounded" link="/contracts" title="Contract Dashboards">
+        <HomeCard
+          className="p-4 -m-4 hover:bg-gray-500/10 rounded"
+          link="/contracts"
+          linkText="Dashboards"
+          title="Contract Dashboards"
+        >
           Execute actions and queries for a variety of contracts.
         </HomeCard>
       </div>
diff --git a/pages/index.tsx b/pages/index.tsx
index f21be2c..956fee2 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1 +1,37 @@
-export { default } from './collections/create'
+import { Conditional } from 'components/Conditional'
+import { HomeCard } from 'components/HomeCard'
+import type { NextPage } from 'next'
+import { BADGE_HUB_ADDRESS } from 'utils/constants'
+import { withMetadata } from 'utils/layout'
+
+const HomePage: NextPage = () => {
+  return (
+    <section className="pt-4 pb-16 mt-28 ml-[25%] w-3/5">
+      <div className="grid grid-cols-1 gap-10">
+        <HomeCard
+          className="p-8 -m-4 hover:bg-gray-500/10 rounded"
+          link="/collections/"
+          linkText="Collections"
+          title="Collections"
+        >
+          Create a collection, view a list of your collections or execute collection actions and queries.
+        </HomeCard>
+        <Conditional test={BADGE_HUB_ADDRESS !== undefined}>
+          <HomeCard className="p-8 -m-4 hover:bg-gray-500/10 rounded" link="/badges" linkText="Badges" title="Badges">
+            Create badges, view a list of them or execute badge related actions and queries.
+          </HomeCard>
+        </Conditional>
+        <HomeCard
+          className="p-8 -m-4 hover:bg-gray-500/10 rounded"
+          link="/contracts"
+          linkText="Dashboards"
+          title="Contract Dashboards"
+        >
+          Execute actions and queries for a variety of contracts.
+        </HomeCard>
+      </div>
+    </section>
+  )
+}
+
+export default withMetadata(HomePage, { center: false })