added: faq button in the homepage

Signed-off-by: Ahmed AbouZaid <6760103+aabouzaid@users.noreply.github.com>
DevOpsHiveHQ · Oct 21, 2024 · e73c546 · e73c546
1 parent e02e44f
commit e73c546
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
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
@@ -25,6 +25,11 @@ function HomepageHeader() {
             to="/getting-started">
             ⚡ Get Started Now ⚡
           </Link>
+          <Link
+            className="button button--primary-right button--lg"
+            to="/faq">
+            FAQ ➡
+          </Link>
         </div>
       </div>
     </header>