From a17f772a4035cf0359ac78f02025a665bf94757f Mon Sep 17 00:00:00 2001
From: DIYgod <i@diygod.me>
Date: Thu, 8 Sep 2022 06:11:29 +0100
Subject: [PATCH] feat: home page add links

---
 src/components/main/MainLayout.tsx |  8 +++++++-
 src/pages/index.tsx                | 12 ++++++++----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/main/MainLayout.tsx b/src/components/main/MainLayout.tsx
index dcfb7fab..0f4be374 100644
--- a/src/components/main/MainLayout.tsx
+++ b/src/components/main/MainLayout.tsx
@@ -33,7 +33,7 @@ export function MainLayout({
             {tabs?.map((tab, index) => (
               <Link
                 activeClass="text-theme-color"
-                className="cursor-pointer items-center hidden sm:flex"
+                className="cursor-pointer items-center hidden sm:flex hover-text-theme-color"
                 to={tab}
                 spy={true}
                 smooth={true}
@@ -43,6 +43,12 @@ export function MainLayout({
                 {tab}
               </Link>
             ))}
+            <UniLink
+              href={GITHUB_LINK}
+              className="items-center hidden sm:flex hover-text-theme-color"
+            >
+              GitHub
+            </UniLink>
             <ConnectButton />
           </div>
         </div>
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0e32b277..515e3550 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -15,7 +15,7 @@ import { BlockchainIcon } from "~/components/icons/BlockchainIcon"
 import { Button } from "~/components/ui/Button"
 import { useConnectModal } from "@rainbow-me/rainbowkit"
 import { useRouter } from "next/router"
-import { GITHUB_LINK, APP_NAME } from "~/lib/env"
+import { GITHUB_LINK, APP_NAME, CSB_SCAN } from "~/lib/env"
 import { getSiteLink } from "~/lib/helpers"
 import { Link, Element } from "react-scroll"
 
@@ -115,7 +115,11 @@ export default function Home({ region }: { region: string | null }) {
             </div>
             <h2 className="text-3xl sm:text-5xl font-bold mb-5">Blog Free</h2>
             <h3 className="mt-5 text-zinc-800 text-4xl sm:text-6xl font-light">
-              {APP_NAME}, an on-chain and{" "}
+              {APP_NAME}, an{" "}
+              <UniLink className="underline decoration-2" href={CSB_SCAN}>
+                on-chain
+              </UniLink>{" "}
+              and{" "}
               <UniLink className="underline decoration-2" href={GITHUB_LINK}>
                 open-source
               </UniLink>{" "}
@@ -231,11 +235,11 @@ export default function Home({ region }: { region: string | null }) {
                 href="/dashboard"
                 className="text-theme-color inline-flex items-center space-x-2"
               >
-                <Button size="xl">Try {APP_NAME} today</Button>
+                <Button size="xl">Try {APP_NAME} Today</Button>
               </UniLink>
             ) : (
               <Button onClick={tryNow} size="xl">
-                Try {APP_NAME} today
+                Try {APP_NAME} Today
               </Button>
             )}
           </div>