From b9510213d7389c410538bffd050dee4cecb3db3a Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Sun, 12 Apr 2026 15:46:27 +0300
Subject: [PATCH] fix: headings white instead of gold gradient, gold as accent
 only
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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
---
 src/components/sections/Hero.tsx     | 6 +++---
 src/components/ui/SectionHeading.tsx | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index 75f3824..cafa27c 100644
--- a/src/components/sections/Hero.tsx
+++ b/src/components/sections/Hero.tsx
@@ -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>
 
diff --git a/src/components/ui/SectionHeading.tsx b/src/components/ui/SectionHeading.tsx
index 7b9e095..e5e6d41 100644
--- a/src/components/ui/SectionHeading.tsx
+++ b/src/components/ui/SectionHeading.tsx
@@ -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>