small change to homepage

ProvableHQ · Aug 19, 2024 · b1d4e3c · b1d4e3c
1 parent 19fc25d
commit b1d4e3c
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git a/website/src/pages/Homepage.css b/website/src/pages/Homepage.css
@@ -4,6 +4,14 @@
     font-size: 14px;
 }
 
+.buttonRow { 
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 20px;
+}
+
+
 .button {
     background-color: #12e172;
     padding: 16px 32px 16px 32px;
@@ -93,6 +101,12 @@ a:nth-child(3) {
         font-size: 18px;
     }
 
+    .buttonRow { 
+        display: flex;
+        flex-direction: row;
+        gap: 20px;
+    }
+
     .actionRow {
         display: flex;
         flex-direction: row;

diff --git a/website/src/pages/Homepage.jsx b/website/src/pages/Homepage.jsx
@@ -18,16 +18,28 @@ const Homepage = () => {
                     The tooling for building zero-knowledge applications at your
                     fingertips
                 </p>{" "}
+                <div className="buttonRow"> 
+                <Link
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    to="/account"
+                >
+                    <button className="button">
+                        {" "}
+                        Try now <span className="arrow">&rarr;</span>{" "}
+                    </button>
+                </Link>{" "}
                 <Link
                     target="_blank"
                     rel="noopener noreferrer"
                     to="https://developer.aleo.org/sdk/"
                 >
                     <button className="button">
                         {" "}
-                        View Docs <span className="arrow">&rarr;</span>{" "}
+                        See Docs <span className="arrow">&rarr;</span>{" "}
                     </button>
                 </Link>{" "}
+                </div> 
                 <ul className="actionRow">
                     <Link to="/account" className="actionItem">
                         {" "}
@@ -58,7 +70,7 @@ const Homepage = () => {
                     to="https://docs.leo-lang.org/sdk/create-leo-app/tutorial/"
                 >
                     <button className="button">
-                        Try it now <span className="arrow">&rarr;</span>
+                        Try now <span className="arrow">&rarr;</span>
                     </button>
                 </Link>{" "}
                 <div className="footer">