From 220b700b32de881ab3a9ddf5cb0ef9124e4e6e10 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Robin=20Br=C3=A4mer?= <robin.braemer@web.de>
Date: Wed, 31 Jan 2024 00:18:24 +0100
Subject: [PATCH] docs(landing): add logo cloud (#43)

---
 .../.vitepress/theme/components/Landing.vue   |  5 ++-
 .../.vitepress/theme/components/LogoCloud.vue | 41 +++++++++++++++++++
 2 files changed, 45 insertions(+), 1 deletion(-)
 create mode 100644 .web/docs/.vitepress/theme/components/LogoCloud.vue

diff --git a/.web/docs/.vitepress/theme/components/Landing.vue b/.web/docs/.vitepress/theme/components/Landing.vue
index dddbf91..1ca9531 100644
--- a/.web/docs/.vitepress/theme/components/Landing.vue
+++ b/.web/docs/.vitepress/theme/components/Landing.vue
@@ -1,6 +1,7 @@
 <script setup>
 
 import Testimonials from "./Testimonials.vue";
+import LogoCloud from "./LogoCloud.vue";
 </script>
 
 <template>
@@ -12,7 +13,7 @@ import Testimonials from "./Testimonials.vue";
       <div class="mx-auto max-w-7xl px-6 lg:px-8">
         <div class="mx-auto max-w-2xl lg:text-center">
           <h2 class="text-base font-semibold leading-7 text-[--vp-c-brand-2]">Connect securely · Deploy faster</h2>
-          <p class="mt-2 text-3xl font-bold tracking-tight text-[--vp-c-text-1] sm:text-4xl">We change the way
+          <p class="mt-2 text-3xl font-bold tracking-tight text-[--vp-c-text-1] sm:text-4xl">We are changing the way
             developers build Minecraft networks</p>
           <p class="mt-6 text-lg leading-8 text-[--vp-c-text-2]">
             Minekube Connect is a cloud-native Minecraft TCP edge network, built on top of our open source Gate project.
@@ -177,6 +178,8 @@ import Testimonials from "./Testimonials.vue";
 
     <Testimonials/>
 
+    <LogoCloud/>
+
   </div>
 
 
diff --git a/.web/docs/.vitepress/theme/components/LogoCloud.vue b/.web/docs/.vitepress/theme/components/LogoCloud.vue
new file mode 100644
index 0000000..eb28515
--- /dev/null
+++ b/.web/docs/.vitepress/theme/components/LogoCloud.vue
@@ -0,0 +1,41 @@
+<template>
+  <div class="py-24 sm:py-32">
+    <div class="mx-auto max-w-7xl px-6 lg:px-8">
+      <div class="grid grid-cols-1 items-center gap-x-8 gap-y-16 lg:grid-cols-2">
+        <div class="mx-auto w-full max-w-xl lg:mx-0">
+          <h2 class="text-3xl font-bold tracking-tight text-[--vp-c-text-1]">Use your favorite Minecraft software</h2>
+          <p class="mt-6 text-lg leading-8 text-[--vp-c-text-2]">
+            Connect works with all major Minecraft server software. Whether you are using Spigot, Paper, Gate, Velocity
+            or BungeeCord.
+            Install the Connect plugin or enable native Connect in the Gate config and you are ready to go.
+          </p>
+          <div class="mt-8 flex items-center gap-x-6">
+            <a class="rounded-md bg-[--vp-button-brand-bg] px-3.5 py-2.5 text-sm font-semibold text-[--vp-button-brand-text] shadow-sm hover:bg-[--vp-button-brand-hover-bg] focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[--vp-button-brand-active-bg]"
+               href="https://app.minekube.com/">Dashboard
+              App</a>
+            <a class="text-sm font-semibold text-[--vp-button-brand-text]" href="https://minekube.com/discord">Discord
+              <span aria-hidden="true">&rarr;</span></a>
+          </div>
+        </div>
+        <div
+            class="mx-auto grid w-full max-w-xl grid-cols-2 items-center gap-y-12 sm:gap-y-14 lg:mx-0 lg:max-w-none lg:pl-8">
+          <a href="/guide/connectors/gate">
+            <img alt="Gate" class="max-h-24 w-full object-contain object-left" loading="lazy" src="/minekube-logo.png"/>
+          </a>
+          <a href="/guide/connectors/plugin">
+            <img alt="Paper" class="max-h-24 w-full object-contain object-left" loading="lazy"
+                 src="https://avatars.githubusercontent.com/u/7608950?s=200&v=4"/>
+          </a>
+          <a href="/guide/connectors/plugin">
+            <img alt="Spigot" class="max-h-24 w-full object-contain object-left" loading="lazy"
+                 src="https://avatars.githubusercontent.com/u/4350249?s=48&v=4"/>
+          </a>
+          <a href="/guide/connectors/plugin">
+            <img alt="Velocity" class="max-h-24 w-full object-contain object-left" loading="lazy"
+                 src="https://avatars.githubusercontent.com/u/41710604?s=200&v=4"/>
+          </a>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
\ No newline at end of file