Fix styles and links

Author: fairapps

src/content/docs/docs/index.md

@@ -6,7 +6,9 @@ title: Creator Guide
 
 # App Fair Creator Guide
 
+<div class="diagram-vector">
 <img style="width: 100%;" alt="App Fair Project Diagram" src="/assets/images/appfair-project.svg" />
+</div>
 
 ## Introduction {#introduction}
 

src/content/docs/index.mdx

@@ -21,8 +21,8 @@ hero:
       link: /docs/
       icon: right-arrow
       variant: primary
-    - text: Get Started
-      link: /docs/
+    - text: Browse Apps
+      link: https://appfair.net
       icon: right-arrow
       variant: secondary
 ---

src/styles/custom.css

@@ -37,6 +37,11 @@
   grid-template-columns: 1fr;
 }
 
+.hero div {
+  margin-left: auto;
+  margin-right: auto;
+}
+
 .hero h1 {
   text-align: center;
   max-width: 100%;
@@ -57,8 +62,6 @@
   max-width: 100%;
 }
 
-
-
 div.showcase-screenshot-container {
   width: 100%;
   display: flex;