Add DojoBay section to homepage

- create new `DojoBay` homepage component with CTA and logo image
- add DojoBay logo asset
- render the new section on `src/pages/index.astro`

Author: pajasevi

src/assets/homepage/dojobay.png

@@ -0,0 +1,61 @@
+---
+import { Image } from "astro:assets";
+import dojobayLogo from "../../assets/homepage/dojobay.png";
+import "../../styles/global.css";
+import Button from "./Button.astro";
+---
+<!-- DojoBay -->
+<section class="border-t border-white/5 bg-[#0d0d0f]">
+  <div class="mx-auto max-w-7xl px-4 py-16 sm:px-6 lg:px-8">
+    <div class="relative overflow-hidden rounded-3xl border border-white/10 bg-gradient-to-br from-[#141416] via-[#101012] to-[#0b0b0c] p-8 sm:p-10 lg:p-12">
+      <div aria-hidden="true" class="pointer-events-none absolute inset-0">
+        <div class="absolute right-[-4rem] top-[-5rem] h-48 w-48 rounded-full bg-[#ed3b26]/12 blur-3xl"></div>
+        <div class="absolute bottom-[-3rem] left-[-2rem] h-40 w-40 rounded-full bg-white/5 blur-3xl"></div>
+      </div>
+
+      <div class="relative grid gap-10 lg:grid-cols-[1.15fr_0.85fr] lg:items-center">
+        <div class="max-w-2xl">
+          <p class="text-sm font-semibold uppercase tracking-[0.24em] text-[#ff9a8f]">Alternative access</p>
+          <h3 class="mt-4 max-w-2xl text-2xl font-bold text-white sm:text-3xl">
+            Unable to run your own Samourai Dojo?
+          </h3>
+          <p class="mt-4 max-w-2xl text-base leading-7 text-zinc-300">
+            DojoBay exists to provide access for users who are not able to operate their own Samourai Dojo, while still
+            giving them a path into the ecosystem.
+          </p>
+
+          <div class="mt-8">
+            <Button
+              as="a"
+              href="https://dojobay.pw/"
+              target="_blank"
+              rel="noreferrer"
+              type="primary"
+            >
+              Visit DojoBay
+            </Button>
+          </div>
+        </div>
+
+        <div class="relative mx-auto w-full max-w-[320px] lg:max-w-[360px]">
+          <div aria-hidden="true" class="absolute inset-6 rounded-full bg-[#ed3b26]/20 blur-3xl"></div>
+          <div class="relative overflow-hidden rounded-[2rem] border border-white/10 bg-black/30 p-4 shadow-[0_24px_60px_rgba(0,0,0,0.45)]">
+            <div class="rounded-[1.5rem] border border-white/10 bg-gradient-to-b from-white/10 to-white/[0.02] p-4">
+              <Image
+                src={dojobayLogo}
+                alt="DojoBay logo"
+                widths={[320, 480]}
+                sizes="(min-width: 1024px) 360px, 70vw"
+                class="mx-auto aspect-square h-auto w-full rounded-full"
+              />
+            </div>
+          </div>
+
+          <div class="mt-4 text-center">
+            <p class="text-xs font-semibold uppercase tracking-[0.22em] text-zinc-500">For users who cannot self-host</p>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</section>

src/components/homepage/DojoBay.astro

@@ -1,5 +1,6 @@
 ---
 import CallToAction from "../components/homepage/CallToAction.astro";
+import DojoBay from "../components/homepage/DojoBay.astro";
 import Hero from "../components/homepage/Hero.astro";
 import Platforms from "../components/homepage/Platforms.astro";
 import SecondaryProjects from "../components/homepage/SecondaryProjects.astro";
@@ -14,6 +15,8 @@ import SiteLayout from "../layouts/site-layout.astro";
 
       <Platforms />
 
+      <DojoBay />
+
       <SecondaryProjects />
 
       <CallToAction />