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
This commit is contained in:
2025-10-27 17:00:33 +01:00
parent e5cbce4c86
commit 24a0a981a9
4 changed files with 4 additions and 4 deletions

View File

@@ -23,7 +23,7 @@ export function CloudHeroAlt() {
<div className="mt-8"> <div className="mt-8">
<Button <Button
href="#" 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{' '} Experience Deterministic Compute{' '}

View File

@@ -26,7 +26,7 @@ export function ComputeHero() {
<div className="mt-8"> <div className="mt-8">
<Button <Button
href="#" 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{' '} Experience Deterministic Compute{' '}

View File

@@ -25,7 +25,7 @@ export function GpuHero() {
<div className="mt-8"> <div className="mt-8">
<Button <Button
href="#" 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{' '} Unify Your GPU Power{' '}

View File

@@ -24,7 +24,7 @@ Rooted in open standards, it ensures speed, resilience, and true data sovereignt
<div className="mt-8"> <div className="mt-8">
<Button <Button
href="#" 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{' '} Talk to an expert{' '}