fix: headings white instead of gold gradient, gold as accent only
- SectionHeading: text-neutral-900/dark:text-white instead of gradient-text — cleaner, more premium look - Hero: white h1 instead of gradient-text, gold reserved for subtitle and CTA button only - Gold accent now used sparingly: underlines, badges, buttons, hover states — not headings
This commit is contained in:
@@ -186,11 +186,11 @@ export function Hero({ data: hero }: HeroProps) {
|
||||
</div>
|
||||
*/}
|
||||
|
||||
<h1 className="hero-title font-display text-4xl font-bold tracking-tight sm:text-6xl lg:text-8xl">
|
||||
<span className="gradient-text">{hero.headline}</span>
|
||||
<h1 className="hero-title font-display text-4xl font-bold tracking-tight text-white sm:text-6xl lg:text-8xl">
|
||||
{hero.headline}
|
||||
</h1>
|
||||
|
||||
<p className="hero-subtitle mx-auto mt-5 max-w-xl text-lg text-gold-light sm:mt-8 sm:text-2xl">
|
||||
<p className="hero-subtitle mx-auto mt-5 max-w-xl text-lg text-gold-light/90 sm:mt-8 sm:text-2xl">
|
||||
{hero.subheadline}
|
||||
</p>
|
||||
|
||||
|
||||
@@ -8,7 +8,7 @@ export function SectionHeading({ children, className = "", centered = false }: S
|
||||
return (
|
||||
<div className={centered ? "text-center" : ""}>
|
||||
<h2
|
||||
className={`font-display text-4xl font-bold uppercase tracking-wider sm:text-5xl lg:text-7xl gradient-text ${className}`}
|
||||
className={`font-display text-4xl font-bold uppercase tracking-wider sm:text-5xl lg:text-7xl text-neutral-900 dark:text-white ${className}`}
|
||||
>
|
||||
{children}
|
||||
</h2>
|
||||
|
||||
Reference in New Issue
Block a user