diff --git a/src/lib/gradients.ts b/src/lib/gradients.ts index 300c9ac..2487a05 100644 --- a/src/lib/gradients.ts +++ b/src/lib/gradients.ts @@ -6,8 +6,12 @@ export const getGradientStyle = (type: keyof typeof gradients) => { }; }; -export const getGlowStyle = (color: 'blue' | 'purple', opacity: number = 0.15) => { - const colorValue = color === 'blue' ? '0, 217, 255' : '168, 85, 247'; +export const getGlowStyle = (color: 'primary' | 'brand', opacity: number = 0.1) => { + const colorMap = { + primary: '0, 94, 184', + brand: '196, 30, 58', + }; + const colorValue = colorMap[color]; return { background: `radial-gradient(circle, rgba(${colorValue}, ${opacity}) 0%, transparent 70%)`, }; @@ -19,11 +23,23 @@ export const getBorderGradientStyle = () => { }; }; -export const getTextGradientStyle = () => { +export const getTextGradientStyle = (type: 'primary' | 'brand' = 'primary') => { return { - background: gradients.primary, + background: gradients[type], WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent', backgroundClip: 'text', }; }; + +export const getHeroGradientStyle = () => { + return { + background: gradients.hero, + }; +}; + +export const getCTAGradientStyle = () => { + return { + background: gradients.cta, + }; +};