added: faq button in the homepage

Signed-off-by: Ahmed AbouZaid <[email protected]>
DevOpsHiveHQ · Oct 21, 2024 · d0e7a89 · d0e7a89
1 parent e02e44f
commit d0e7a89
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 1 deletion.
diff --git a/src/css/custom.css b/src/css/custom.css
@@ -40,3 +40,18 @@ html {
 .img-right {
   margin:0 0 10px 10px;
 }
+
+/* Primary button */
+
+.button--primary-right {
+  margin: 10px 10px;
+  border: unset;
+  transition: transform 0.3s ease, color 0.3s ease;
+}
+
+.button--primary-right:hover {
+  background-color: unset;
+  border: unset;
+  font-weight: bold;
+  transform: translateX(3px);
+}
diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -23,7 +23,12 @@ function HomepageHeader() {
           <Link
             className="button button--secondary button--lg"
             to="/getting-started">
-            ⚡ Get Started Now ⚡
+            ⚡ Get Started ⚡
+          </Link>
+          <Link
+            className="button button--primary-right button--lg"
+            to="/faq">
+            FAQ →
           </Link>
         </div>
       </div>