From 6dc318704a0f17091c46c8f8f3679e9060eef017 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Thu, 6 Nov 2025 03:48:06 +0100
Subject: [PATCH] fix: add semi-transparent white background to buttons for
 better visibility

---
 src/pages/home/HomeGlobeNew.tsx  | 2 +-
 src/pages/home/HomeProductsA.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/pages/home/HomeGlobeNew.tsx b/src/pages/home/HomeGlobeNew.tsx
index aa1d590..a4f6190 100644
--- a/src/pages/home/HomeGlobeNew.tsx
+++ b/src/pages/home/HomeGlobeNew.tsx
@@ -20,7 +20,7 @@ export function HomeGlobeNew() {
             Project Mycelium enables anyone to deploy their own Internet infrastructure, anywhere.
           </p>
 
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 bg-white/90 hover:bg-gray-50">
             Explore Dashboard
           </button>
         </div>
diff --git a/src/pages/home/HomeProductsA.tsx b/src/pages/home/HomeProductsA.tsx
index 2b18205..5b125d6 100644
--- a/src/pages/home/HomeProductsA.tsx
+++ b/src/pages/home/HomeProductsA.tsx
@@ -13,7 +13,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Deploy K8s clusters on sovereign infrastructure.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90bg-white/90 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -26,7 +26,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Encrypted peer-to-peer mesh networking across the globe.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -39,7 +39,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             Programmable AI systems that run on your hardware.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>
@@ -52,7 +52,7 @@ export function HomeProductsA() {
           <p className="mt-4 text-3xl font-semibold text-gray-900 max-w-lg leading-10">
             The 3 powerful resource layers powering the stack.
           </p>
-          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 text-sm font-semibold text-gray-600 hover:bg-gray-50">
+          <button className="mt-6 inline-flex items-center justify-center rounded-full border px-5 py-2 hover:border-cyan-500 bg-white/90 text-sm font-semibold text-gray-600 hover:bg-gray-50">
             Learn more
           </button>
         </div>