VitePress visual refresh v1

docs/index.md

@@ -1,36 +1,45 @@
 ---
-# https://vitepress.dev/reference/default-theme-home-page
+# VitePress configuration
 layout: home
 
 hero:
   name: "XO Stack"
-  text: "XO Stack"
-  tagline: My great project tagline
+  text: "Documentation"
+  tagline: Building smart applications on the Bitcoin Cash UTXO Network
   actions:
     - theme: brand
       text: Quick Start
-      link: /markdown-examples
-    - theme: alt
-      text: APIs
-      link: /api
+      link: /markdown-examples.html
+    - theme: brand
+      text: GitHub
+      link: https://gitlab.com/GeneralProtocols/xo/stack
 
 features:
-  - title: Feature A
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature B
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
-  - title: Feature C
-    details: Lorem ipsum dolor sit amet, consectetur adipiscing elit
+  - icon: 
+      light: /icons/api-light.svg
+      dark: /icons/api-dark.svg
+    title: API
+    details: Access powerful APIs to build smart apps on the BCH UTXO Network.
+  - icon:
+      light: /icons/framework-light.svg
+      dark: /icons/framework-dark.svg
+    title: Framework
+    details: A solid framework for building scalable applications.
+  - icon:
+      light: /icons/tools-light.svg
+      dark: /icons/tools-dark.svg
+    title: Tools
+    details: Essential tools to streamline development and deployment.
+
 ---
 
-I haven't played with custom theming much yet and have been working with more the configuration side of things for Docs.
-
-However, it does seem like there's quite a lot of flexibility with VitePress.
-
-We probably won't want to create an entirely custom theme, but extend the default instead:
-
-https://vitepress.dev/guide/extending-default-theme
-
-Also, don't take what's in these docs here literally. I'm still toying around with things.
-
-But having the API docs generate is probably quite useful in even the early-dev/experimental phase: It allows us to get a feel for the API.
+<!-- Logo section -->
+<div class="vp-doc" style="text-align: center; margin: 15px;">
+  <h4>Developed by:</h4>
+</div>
+<div style="text-align: center; margin: 10px;">
+  <a href="https://generalprotocols.com" target="_blank" style="display: inline-block;">
+    <img class="light-only" src="/GP_logo_light.png" alt="GP Logo" style="width: 100px; height: auto;">
+    <img class="dark-only" src="/GP_logo_dark.png" alt="GP Logo" style="width: 100px; height: auto;">
+  </a>
+</div>