From c849c74a536ddac3255ec853651d10c25fc02dc9 Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Wed, 19 Nov 2025 17:23:08 +0100
Subject: [PATCH] refactor: enhance CallToAction cyan glow visibility and add
 overflow-hidden across all pages

- Increased cyan radial glow fillOpacity from 0.2 to 0.4 for better visibility
- Added overflow-hidden class to main container div to prevent glow overflow
- Applied changes consistently across agents, cloud, compute, gpu, network, nodes, pods, and storage CallToAction components
---
 src/pages/agents/CallToAction.tsx  | 4 ++--
 src/pages/cloud/CalltoAction.tsx   | 4 ++--
 src/pages/compute/CallToAction.tsx | 4 ++--
 src/pages/gpu/CallToAction.tsx     | 4 ++--
 src/pages/network/CallToAction.tsx | 4 ++--
 src/pages/nodes/CallToAction.tsx   | 4 ++--
 src/pages/pods/CallToAction.tsx    | 2 +-
 src/pages/storage/CallToAction.tsx | 2 +-
 8 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/pages/agents/CallToAction.tsx b/src/pages/agents/CallToAction.tsx
index bcd41be..6778028 100644
--- a/src/pages/agents/CallToAction.tsx
+++ b/src/pages/agents/CallToAction.tsx
@@ -13,7 +13,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl mx-auto overflow-hidden bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/cloud/CalltoAction.tsx b/src/pages/cloud/CalltoAction.tsx
index cdd9db4..c339297 100644
--- a/src/pages/cloud/CalltoAction.tsx
+++ b/src/pages/cloud/CalltoAction.tsx
@@ -13,7 +13,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl  overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/compute/CallToAction.tsx b/src/pages/compute/CallToAction.tsx
index 87adb48..b5e4171 100644
--- a/src/pages/compute/CallToAction.tsx
+++ b/src/pages/compute/CallToAction.tsx
@@ -13,7 +13,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl  overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/gpu/CallToAction.tsx b/src/pages/gpu/CallToAction.tsx
index 5c69bb5..8a227cb 100644
--- a/src/pages/gpu/CallToAction.tsx
+++ b/src/pages/gpu/CallToAction.tsx
@@ -13,7 +13,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl  overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -26,7 +26,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/network/CallToAction.tsx b/src/pages/network/CallToAction.tsx
index 3f1deda..07ccde1 100644
--- a/src/pages/network/CallToAction.tsx
+++ b/src/pages/network/CallToAction.tsx
@@ -14,7 +14,7 @@ export function CallToAction() {
       {/* ✅ Main boxed area */}
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl mx-auto overflow-hidden bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -27,7 +27,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/nodes/CallToAction.tsx b/src/pages/nodes/CallToAction.tsx
index a64da1b..b9958f2 100644
--- a/src/pages/nodes/CallToAction.tsx
+++ b/src/pages/nodes/CallToAction.tsx
@@ -11,7 +11,7 @@ export function CallToAction() {
 
       <div
         id="get-started"
-        className="relative py-18 max-w-7xl mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
+        className="relative py-18 max-w-7xl  overflow-hidden mx-auto bg-[#111111] border border-t-0 border-b-0 border-gray-800"
       >
         {/* ✅ Cyan Radial Glow */}
         <svg
@@ -24,7 +24,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/pods/CallToAction.tsx b/src/pages/pods/CallToAction.tsx
index 7bd3dda..4874ddf 100644
--- a/src/pages/pods/CallToAction.tsx
+++ b/src/pages/pods/CallToAction.tsx
@@ -36,7 +36,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">
diff --git a/src/pages/storage/CallToAction.tsx b/src/pages/storage/CallToAction.tsx
index 6f9f31a..153550e 100644
--- a/src/pages/storage/CallToAction.tsx
+++ b/src/pages/storage/CallToAction.tsx
@@ -26,7 +26,7 @@ export function CallToAction() {
             cx={512}
             cy={512}
             fill="url(#mycelium-cyan-glow)"
-            fillOpacity="0.2"
+            fillOpacity="0.4"
           />
           <defs>
             <radialGradient id="mycelium-cyan-glow">