feat: update button hover color scheme across hero sections
- Changed hover color from indigo-500 to cyan-600 on primary action buttons in all hero components - Standardized hover state styling across Cloud, Compute, GPU and Storage pages - Improved color consistency by keeping interactions within the cyan color family
This commit is contained in:
@@ -23,7 +23,7 @@ export function CloudHeroAlt() {
|
|||||||
<div className="mt-8">
|
<div className="mt-8">
|
||||||
<Button
|
<Button
|
||||||
href="#"
|
href="#"
|
||||||
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"
|
className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-cyan-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
|
||||||
>
|
>
|
||||||
{' '}
|
{' '}
|
||||||
Experience Deterministic Compute{' '}
|
Experience Deterministic Compute{' '}
|
||||||
|
|||||||
@@ -26,7 +26,7 @@ export function ComputeHero() {
|
|||||||
<div className="mt-8">
|
<div className="mt-8">
|
||||||
<Button
|
<Button
|
||||||
href="#"
|
href="#"
|
||||||
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"
|
className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-cyan-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
|
||||||
>
|
>
|
||||||
{' '}
|
{' '}
|
||||||
Experience Deterministic Compute{' '}
|
Experience Deterministic Compute{' '}
|
||||||
|
|||||||
@@ -25,7 +25,7 @@ export function GpuHero() {
|
|||||||
<div className="mt-8">
|
<div className="mt-8">
|
||||||
<Button
|
<Button
|
||||||
href="#"
|
href="#"
|
||||||
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"
|
className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-cyan-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
|
||||||
>
|
>
|
||||||
{' '}
|
{' '}
|
||||||
Unify Your GPU Power{' '}
|
Unify Your GPU Power{' '}
|
||||||
|
|||||||
@@ -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-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"
|
className="inline-flex rounded-xl bg-cyan-500 px-3.5 py-2.5 text-sm font-semibold text-white shadow-xs hover:bg-cyan-600 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-cyan-600"
|
||||||
>
|
>
|
||||||
{' '}
|
{' '}
|
||||||
Talk to an expert{' '}
|
Talk to an expert{' '}
|
||||||
|
|||||||
Reference in New Issue
Block a user