From 41bd49dfaf668a5a4b31b3922385e9e0c74bd765 Mon Sep 17 00:00:00 2001 From: sasha-astiadi Date: Mon, 27 Oct 2025 17:15:58 +0100 Subject: [PATCH] feat: standardize button components and update GPU hero section - Refactored Button component usage across hero sections to use consistent variant/color props instead of inline styles - Added new cyan outline button variant with hover state styling - Updated GPU hero section with new heading, condensed description, and dual CTA buttons - Standardized button spacing and removed unnecessary whitespace in button text - Modified Button component type definitions to support cyan color in outline variant --- src/components/Button.tsx | 3 ++- src/pages/cloud/CloudHeroAlt.tsx | 8 ++------ src/pages/compute/ComputeHero.tsx | 8 ++------ src/pages/gpu/GpuHero.tsx | 19 ++++++++----------- src/pages/storage/StorageHero.tsx | 8 ++------ 5 files changed, 16 insertions(+), 30 deletions(-) diff --git a/src/components/Button.tsx b/src/components/Button.tsx index d8914cf..55835fc 100644 --- a/src/components/Button.tsx +++ b/src/components/Button.tsx @@ -17,6 +17,7 @@ const variantStyles = { green: 'bg-green-500 text-white hover:bg-green-600', }, outline: { + cyan: 'border-cyan-500 text-cyan-500 hover:bg-cyan-50', gray: 'border-gray-300 text-gray-700 hover:border-cyan-500 active:border-cyan-500', white: 'border-gray-300 text-white hover:border-cyan-500 active:border-cyan-500', }, @@ -29,7 +30,7 @@ type ButtonProps = ( } | { variant: 'outline' - color?: keyof typeof variantStyles.outline + color?: (keyof typeof variantStyles.outline) | 'cyan' } ) & ( diff --git a/src/pages/cloud/CloudHeroAlt.tsx b/src/pages/cloud/CloudHeroAlt.tsx index 7ea6ef0..dba3a0e 100644 --- a/src/pages/cloud/CloudHeroAlt.tsx +++ b/src/pages/cloud/CloudHeroAlt.tsx @@ -21,12 +21,8 @@ export function CloudHeroAlt() { Mycelium Cloud blends deterministic compute with quantum-safe storage, delivering a sovereign platform built for zero-ops automation.

-
diff --git a/src/pages/compute/ComputeHero.tsx b/src/pages/compute/ComputeHero.tsx index affc755..365415c 100644 --- a/src/pages/compute/ComputeHero.tsx +++ b/src/pages/compute/ComputeHero.tsx @@ -24,12 +24,8 @@ export function ComputeHero() { Compute that verifies itself. Expands itself. Heals itself.

-
diff --git a/src/pages/gpu/GpuHero.tsx b/src/pages/gpu/GpuHero.tsx index 9b57b04..760bdba 100644 --- a/src/pages/gpu/GpuHero.tsx +++ b/src/pages/gpu/GpuHero.tsx @@ -16,19 +16,16 @@ export function GpuHero() {

GPU

-

The energy behind intelligence.

+

Unify Distributed GPU Power. Run Intelligence Anywhere.

- Mycelium GPU unifies distributed acceleration into a single sovereign fabric — turning fragmented hardware into one adaptive intelligence layer. - Run AI, ML, and rendering workloads anywhere, from edge to core, with deterministic performance and transparent cost. - No silos. No intermediaries. Just raw, verifiable power — orchestrated through code, not control. + Mycelium GPU transforms fragmented GPU resources into a single sovereign fabric for running AI, ML, and rendering workloads — from edge to core, with deterministic performance and transparent cost.

-
- +
diff --git a/src/pages/storage/StorageHero.tsx b/src/pages/storage/StorageHero.tsx index c228f21..b6e9538 100644 --- a/src/pages/storage/StorageHero.tsx +++ b/src/pages/storage/StorageHero.tsx @@ -22,12 +22,8 @@ export function StorageHero() { Rooted in open standards, it ensures speed, resilience, and true data sovereignty.

-