From c3c2e55590cf69cd74298674100cea8ae34f6f9b Mon Sep 17 00:00:00 2001
From: Austin Chen <akrolsmir@gmail.com>
Date: Fri, 17 Dec 2021 22:38:34 -0800
Subject: [PATCH] Add text to bouncing arrow

---
 web/pages/landing-page.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/web/pages/landing-page.tsx b/web/pages/landing-page.tsx
index 69b6cb9c..a5811448 100644
--- a/web/pages/landing-page.tsx
+++ b/web/pages/landing-page.tsx
@@ -67,13 +67,16 @@ function Hero() {
               </div>
             </div>
           </div>
-          <div className="absolute bottom-12 w-full">
+          <div
+            className="absolute bottom-12 w-full text-white animate-bounce cursor-pointer"
+            onClick={scrollToAbout}
+          >
+            <div className="text-center">Learn more</div>
             <ArrowDownIcon
-              className="text-white mx-auto cursor-pointer animate-bounce"
+              className="mx-auto "
               width={32}
               height={32}
-              onClick={scrollToAbout}
-            />
+            ></ArrowDownIcon>
           </div>
         </div>
       </main>