Refactor button elements to anchor tags for consistency in Install and Welcome components; update CSS for button styling and add Cookie Consent banner styles. (#59)

Signed-off-by: Pete Cheslock <[email protected]>

Author: petecheslock

src/components/Install/index.js

@@ -48,11 +48,9 @@ export default function Install() {
               ></img>
               <a className="link" href="docs/guide/installation/quickstart#examples">Explore llm-d!</a></h3>
           {/* -------------------------------------------------------------------------- */}
-          <button className="static-button install-button" role="button" href="#">
-            <a className="button-link" href="docs/guide">
-              Complete install methods here
-            </a>
-          </button>
+          <a className="static-button install-button button-link" href="docs/guide">
+            Complete install methods here
+          </a>
         </div>
       </div>
     </>

src/components/Welcome/index.js

@@ -17,26 +17,20 @@ export default function Welcome() {
 
 
         <div className="button-group">
-          <button className="static-button">
-            <a className="button-link" href="docs/architecture/architecture">
-              Architecture
-            </a>
-          </button>
-          <button className="static-button">
-            <a
-              className="button-link"
-              href="docs/guide/Installation/Prerequisites"
-            >
-              {/* Link to install page on the docs */}
-              Installation
-            </a>
-          </button>
-          <button className="static-button">
-            <a className="button-link" href="docs/community/contribute">
-              {/* Link to Community tab */}
-              Community
-            </a>
-          </button>
+          <a className="static-button button-link" href="docs/architecture/architecture">
+            Architecture
+          </a>
+          <a
+            className="static-button button-link"
+            href="docs/guide/Installation/Prerequisites"
+          >
+            {/* Link to install page on the docs */}
+            Installation
+          </a>
+          <a className="static-button button-link" href="docs/community/contribute">
+            {/* Link to Community tab */}
+            Community
+          </a>
         </div>
 
         <div className="hidden-for-mobile">

src/css/custom.css

@@ -222,8 +222,9 @@ img.llm-d-logo {
 
 .static-button,
 .install-button {
+  display: inline-flex;
   align-items: center;
-  justify-items: center;
+  justify-content: center;
   border-radius: 15px;
   border: 1px solid transparent;
   margin: 12.5px 12.5px;
@@ -235,6 +236,8 @@ img.llm-d-logo {
   cursor: pointer;
   transition: border-color 0.25s;
   width: 100%;
+  text-decoration: none;
+  color: #fff;
   @media screen and (max-width: 1024px) {
     margin: 5% 0;
     @media screen and (max-width: 768px) {