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:
@@ -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{' '}
|
||||
|
||||
@@ -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{' '}
|
||||
|
||||
@@ -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{' '}
|
||||
|
||||
@@ -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{' '}
|
||||
|
||||
Reference in New Issue
Block a user