updated index to house it

Author: dooly123

index.html

@@ -82,14 +82,21 @@
     <div class="mx-auto max-w-7xl px-6 py-8 sm:py-12">
         <!-- Top bar -->
         <div class="flex items-center justify-between">
+            <!-- Left side: logo -->
             <a href="/" class="inline-flex items-center gap-3">
                 <img src="https://raw.githubusercontent.com/BasisVR/basisvr.github.io/main/Images/BasisLogoN.png"
                      alt="BasisVR Logo"
                      class="h-10 w-10 rounded-lg ring-1 ring-gray-200 dark:ring-white/10" />
                 <span class="font-semibold text-lg">BasisVR</span>
             </a>
-            <a href="https://docs.basisvr.org/docs/getting-started" target="_blank"
-               class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Docs</a>
+
+            <!-- Right side: links -->
+            <div class="flex items-center gap-6">
+                <a href="https://docs.basisvr.org/docs/getting-started" target="_blank"
+                   class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Docs</a>
+                <a href="https://basisvr.org/funding"
+                   class="hidden sm:inline text-sm text-gray-600 dark:text-gray-300 hover:text-brand">Funding</a>
+            </div>
         </div>
 
         <!-- Hero -->
@@ -156,6 +163,7 @@ <h3 class="font-semibold">GitHub Repository</h3>
                         </div>
                     </a>
                 </li>
+
                 <li>
                     <a href="https://docs.basisvr.org"
                        class="group block rounded-2xl border border-gray-200 bg-white/70 p-4 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
@@ -168,6 +176,7 @@ <h3 class="font-semibold">Documentation</h3>
                         </div>
                     </a>
                 </li>
+
                 <li>
                     <a href="https://bsky.app/profile/basisvr.org"
                        class="group block rounded-2xl border border-gray-200 bg-white/70 p-4 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
@@ -180,6 +189,7 @@ <h3 class="font-semibold">Bluesky</h3>
                         </div>
                     </a>
                 </li>
+
                 <li>
                     <a href="https://x.com/BasisVR"
                        class="group block rounded-2xl border border-gray-200 bg-white/70 p-4 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
@@ -192,6 +202,7 @@ <h3 class="font-semibold">Twitter</h3>
                         </div>
                     </a>
                 </li>
+
                 <li class="sm:col-span-2">
                     <a href="https://discord.gg/v6ve6WT562"
                        class="group block rounded-2xl border border-gray-200 bg-white/70 p-5 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
@@ -204,6 +215,7 @@ <h3 class="font-semibold">Join the Basis Discord</h3>
                         </div>
                     </a>
                 </li>
+
                 <li>
                     <a href="https://opencollective.com/basis"
                        class="group block rounded-2xl border border-gray-200 bg-white/70 p-4 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
@@ -216,9 +228,24 @@ <h3 class="font-semibold">Open Collective</h3>
                         </div>
                     </a>
                 </li>
+
+                <!-- ✅ New Funding Link -->
+                <li>
+                    <a href="funding.html"
+                       class="group block rounded-2xl border border-gray-200 bg-white/70 p-4 shadow-sm backdrop-blur transition hover:-translate-y-0.5 hover:shadow-lg hover:shadow-brand/20 focus:outline-none focus-visible:ring-2 focus-visible:ring-brand dark:border-white/10 dark:bg-white/5">
+                        <div class="flex items-center gap-3">
+                            <div class="inline-flex h-10 w-10 items-center justify-center rounded-xl bg-pink-600 text-white">🤝</div>
+                            <div class="min-w-0">
+                                <h3 class="font-semibold">Funding & Support</h3>
+                                <p class="text-sm text-gray-600 dark:text-gray-400">Learn how to contribute to BasisVR.</p>
+                            </div>
+                        </div>
+                    </a>
+                </li>
             </ul>
         </section>
 
+
         <!-- Footer -->
         <footer class="mx-auto mt-16 max-w-7xl border-t border-gray-200 pt-6 text-sm text-gray-500 dark:border-white/10 dark:text-gray-400 text-center">
             <p>&copy; <span id="year"></span> BasisVR. MIT Licensed.</p>