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