From 24a0a981a95460a3a7a9a8c71f4b6cf0416b176e Mon Sep 17 00:00:00 2001
From: sasha-astiadi <sasha@incubaid.com>
Date: Mon, 27 Oct 2025 17:00:33 +0100
Subject: [PATCH] feat: update hero button styling across product pages

- Changed button background color from indigo-600 to cyan-500 for consistent branding
- Updated button border radius from rounded-md to rounded-xl for softer appearance
- Modified focus outline color from indigo-600 to cyan-600 to match new button color
- Applied changes consistently across Cloud, Compute, GPU, and Storage hero sections
---
 src/pages/cloud/CloudHeroAlt.tsx  | 2 +-
 src/pages/compute/ComputeHero.tsx | 2 +-
 src/pages/gpu/GpuHero.tsx         | 2 +-
 src/pages/storage/StorageHero.tsx | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/cloud/CloudHeroAlt.tsx b/src/pages/cloud/CloudHeroAlt.tsx
index fd808f3..e75d46f 100644
--- a/src/pages/cloud/CloudHeroAlt.tsx
+++ b/src/pages/cloud/CloudHeroAlt.tsx
@@ -23,7 +23,7 @@ export function CloudHeroAlt() {
           <div className="mt-8">
             <Button
               href="#"
-              className="inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
             >
               {' '}
               Experience Deterministic Compute{' '}
diff --git a/src/pages/compute/ComputeHero.tsx b/src/pages/compute/ComputeHero.tsx
index 9e3bf49..7279562 100644
--- a/src/pages/compute/ComputeHero.tsx
+++ b/src/pages/compute/ComputeHero.tsx
@@ -26,7 +26,7 @@ export function ComputeHero() {
           <div className="mt-8">
             <Button
               href="#"
-              className="inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
             >
               {' '}
               Experience Deterministic Compute{' '}
diff --git a/src/pages/gpu/GpuHero.tsx b/src/pages/gpu/GpuHero.tsx
index cee75e4..29a91cc 100644
--- a/src/pages/gpu/GpuHero.tsx
+++ b/src/pages/gpu/GpuHero.tsx
@@ -25,7 +25,7 @@ export function GpuHero() {
           <div className="mt-8">
             <Button
               href="#"
-              className="inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
             >
               {' '}
               Unify Your GPU Power{' '}
diff --git a/src/pages/storage/StorageHero.tsx b/src/pages/storage/StorageHero.tsx
index b6b40ce..fba9062 100644
--- a/src/pages/storage/StorageHero.tsx
+++ b/src/pages/storage/StorageHero.tsx
@@ -24,7 +24,7 @@ Rooted in open standards, it ensures speed, resilience, and true data sovereignt
           <div className="mt-8">
             <Button
               href="#"
-              className="inline-flex rounded-md bg-indigo-600 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"
+              className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-indigo-500 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
             >
               {' '}
               Talk to an expert{' '}