feat: glitter sparkles on heart, metallic gold text across all headings
- Add animated gold sparkle dots on heart surface with glow filter - Brighten heart metal fill for better visibility against dark bg - Update headline gradient to dark metallic gold (no white tones) - Apply gradient-text to all section headings for consistency - Warm gold subtitle color in hero Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -45,11 +45,11 @@ export function Hero() {
|
||||
<div className="section-container relative z-10 text-center">
|
||||
<div className="hero-logo relative mx-auto mb-10 flex items-center justify-center" style={{ width: 220, height: 181 }}>
|
||||
{/* Soft ambient glow behind heart */}
|
||||
<div className="absolute -inset-10 rounded-full blur-[80px]" style={{ background: "radial-gradient(circle, rgba(201,169,110,0.15), transparent 70%)" }} />
|
||||
<div className="absolute -inset-10 rounded-full blur-[80px]" style={{ background: "radial-gradient(circle, rgba(201,169,110,0.25), transparent 70%)" }} />
|
||||
<div className="hero-logo-heartbeat relative">
|
||||
<HeroLogo
|
||||
size={220}
|
||||
className="drop-shadow-[0_0_8px_rgba(201,169,110,0.25)] drop-shadow-[0_0_30px_rgba(201,169,110,0.1)]"
|
||||
className="drop-shadow-[0_0_10px_rgba(201,169,110,0.35)] drop-shadow-[0_0_40px_rgba(201,169,110,0.15)]"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@@ -58,7 +58,7 @@ export function Hero() {
|
||||
<span className="gradient-text">{hero.headline}</span>
|
||||
</h1>
|
||||
|
||||
<p className="hero-subtitle mx-auto mt-6 max-w-lg text-lg text-neutral-400 sm:text-xl">
|
||||
<p className="hero-subtitle mx-auto mt-6 max-w-lg text-lg text-[#b8a080] sm:text-xl">
|
||||
{hero.subheadline}
|
||||
</p>
|
||||
|
||||
|
||||
Reference in New Issue
Block a user