feat: standardize button components and update GPU hero section

- Refactored Button component usage across hero sections to use consistent variant/color props instead of inline styles
- Added new cyan outline button variant with hover state styling
- Updated GPU hero section with new heading, condensed description, and dual CTA buttons
- Standardized button spacing and removed unnecessary whitespace in button text
- Modified Button component type definitions to support cyan color in outline variant
This commit is contained in:
2025-10-27 17:15:58 +01:00
parent 9ae3785c70
commit 41bd49dfaf
5 changed files with 16 additions and 30 deletions

View File

@@ -17,6 +17,7 @@ const variantStyles = {
green: 'bg-green-500 text-white hover:bg-green-600',
},
outline: {
cyan: 'border-cyan-500 text-cyan-500 hover:bg-cyan-50',
gray: 'border-gray-300 text-gray-700 hover:border-cyan-500 active:border-cyan-500',
white: 'border-gray-300 text-white hover:border-cyan-500 active:border-cyan-500',
},
@@ -29,7 +30,7 @@ type ButtonProps = (
}
| {
variant: 'outline'
color?: keyof typeof variantStyles.outline
color?: (keyof typeof variantStyles.outline) | 'cyan'
}
) &
(