From 89f132634d32c5e6a0ede96d545e774a95d11e85 Mon Sep 17 00:00:00 2001
From: "diana.dolgolyova" <diana.dolgolyova@gmail.com>
Date: Sun, 12 Apr 2026 20:26:46 +0300
Subject: [PATCH] feat: gold headings, glass header, fixed glow positioning

- SectionHeading: gold text instead of gradient-text
- Hero h1: gold, subtitle: white/80
- Header: pure backdrop-blur-xl glass, no bg color
- Section glow: fixed top:0, original size 600x400
- Section padding: py-20 sm:py-28
- Markup: headings/bold text-neutral-900 dark:text-white
---
 src/app/styles/theme.css             | 10 +++++-----
 src/components/sections/Hero.tsx     |  4 ++--
 src/components/ui/SectionHeading.tsx |  2 +-
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/app/styles/theme.css b/src/app/styles/theme.css
index fdb9901..14a4d3f 100644
--- a/src/app/styles/theme.css
+++ b/src/app/styles/theme.css
@@ -52,7 +52,7 @@
 /* ===== Layout ===== */
 
 .section-padding {
-  @apply py-24 sm:py-36;
+  @apply py-20 sm:py-28;
 }
 
 .section-container {
@@ -68,17 +68,17 @@
 .section-glow::before {
   content: "";
   position: absolute;
-  top: -40px;
+  top: 0;
   left: 50%;
   transform: translateX(-50%);
-  width: min(800px, 100%);
-  height: 500px;
+  width: min(600px, 100%);
+  height: 400px;
   background: radial-gradient(ellipse, rgba(201, 169, 110, 0.12), transparent 70%);
   pointer-events: none;
 }
 
 :is(.dark) .section-glow::before {
-  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(201, 169, 110, 0.07), transparent 70%);
+  background: radial-gradient(ellipse, rgba(201, 169, 110, 0.05), transparent 70%);
 }
 
 /* ===== Glass Card ===== */
diff --git a/src/components/sections/Hero.tsx b/src/components/sections/Hero.tsx
index dee922a..32ae398 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 text-white sm:text-6xl lg:text-8xl">
+        <h1 className="hero-title font-display text-4xl font-bold tracking-tight text-gold 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/90 sm:mt-8 sm:text-2xl">
+        <p className="hero-subtitle mx-auto mt-5 max-w-xl text-lg text-white/80 sm:mt-8 sm:text-2xl">
           {hero.subheadline}
         </p>
 
diff --git a/src/components/ui/SectionHeading.tsx b/src/components/ui/SectionHeading.tsx
index e5e6d41..fc447a8 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 text-neutral-900 dark:text-white ${className}`}
+        className={`font-display text-4xl font-bold uppercase tracking-wider sm:text-5xl lg:text-7xl text-gold ${className}`}
       >
         {children}
       </h2>