chore: update homepage components to match website theme (#1993)

* chore: fix button background to be lighter

Signed-off-by: thisisobate <obasiuche62@gmail.com>

* chore: remove background and set color to black

Signed-off-by: thisisobate <obasiuche62@gmail.com>

* chore: nit fix

Signed-off-by: thisisobate <obasiuche62@gmail.com>

---------

Signed-off-by: thisisobate <obasiuche62@gmail.com>

assets/sass/docs.sass

@@ -169,10 +169,7 @@ li.expanded > a > .navlist-caret
   white-space: nowrap
 
 .has-background
-  background-color: #ff9d00
-  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 1600 800'%3E%3Cg stroke='%23000' stroke-width='66.7' stroke-opacity='0.05' %3E%3Ccircle fill='%23ff9d00' cx='0' cy='0' r='1800'/%3E%3Ccircle fill='%23fb8d17' cx='0' cy='0' r='1700'/%3E%3Ccircle fill='%23f47d24' cx='0' cy='0' r='1600'/%3E%3Ccircle fill='%23ed6e2d' cx='0' cy='0' r='1500'/%3E%3Ccircle fill='%23e35f34' cx='0' cy='0' r='1400'/%3E%3Ccircle fill='%23d85239' cx='0' cy='0' r='1300'/%3E%3Ccircle fill='%23cc453e' cx='0' cy='0' r='1200'/%3E%3Ccircle fill='%23be3941' cx='0' cy='0' r='1100'/%3E%3Ccircle fill='%23b02f43' cx='0' cy='0' r='1000'/%3E%3Ccircle fill='%23a02644' cx='0' cy='0' r='900'/%3E%3Ccircle fill='%23901e44' cx='0' cy='0' r='800'/%3E%3Ccircle fill='%23801843' cx='0' cy='0' r='700'/%3E%3Ccircle fill='%236f1341' cx='0' cy='0' r='600'/%3E%3Ccircle fill='%235e0f3d' cx='0' cy='0' r='500'/%3E%3Ccircle fill='%234e0c38' cx='0' cy='0' r='400'/%3E%3Ccircle fill='%233e0933' cx='0' cy='0' r='300'/%3E%3Ccircle fill='%232e062c' cx='0' cy='0' r='200'/%3E%3Ccircle fill='%23210024' cx='0' cy='0' r='100'/%3E%3C/g%3E%3C/svg%3E")
-  background-attachment: fixed
-  background-size: cover
+  background-color: #000000
 
 .input
   border-radius: 10px

assets/sass/style.sass

@@ -180,6 +180,11 @@ figure
 .is-footer-logo
   +logo(30%, 10%)
 
+.is-lighter
+  background-color: #eee;
+  border-color: transparent;
+  color: #4a4a4a;
+
 .button
   border-radius: 0
 

layouts/partials/home/hero.html

@@ -30,7 +30,7 @@
           </span>
         </a>
 
-        <a class="button is-light is-medium has-text-weight-bold" href="{{ "/docs" | relLangURL }}">
+        <a class="button is-lighter is-medium has-text-weight-bold" href="{{ "/docs" | relLangURL }}">
           <span class="icon has-text-primary">
             <i class="fa-solid fa-book"></i>
           </span>