fix(theme): remove pinkish gradient wash, set deep luxury jet black background across entire website

src/components/AboutSection.tsx

@@ -31,16 +31,6 @@ export default function AboutSection() {
               overflow: 'hidden',
             }}>
               
-              <div style={{
-                position: 'absolute',
-                top: '-50px',
-                right: '-50px',
-                width: '180px',
-                height: '180px',
-                background: 'radial-gradient(circle, rgba(224,0,111,0.2) 0%, transparent 70%)',
-                filter: 'blur(30px)',
-              }} />
-
               <div style={{ position: 'relative', width: '220px', height: '220px', margin: '0 auto 24px' }}>
                 <Image 
                   src="/images/logo_monogram.png" 

src/components/Hero.tsx

@@ -9,24 +9,9 @@ export default function Hero() {
       paddingTop: '160px',
       paddingBottom: '100px',
       overflow: 'hidden',
-      background: 'radial-gradient(circle at 50% 20%, rgba(224, 0, 111, 0.15) 0%, rgba(212, 175, 55, 0.08) 35%, #080808 75%)',
+      backgroundColor: '#000000',
       borderBottom: '1px solid var(--border-gold)',
     }}>
-      
-      {/* Decorative Glow Elements */}
-      <div style={{
-        position: 'absolute',
-        top: '10%',
-        left: '50%',
-        transform: 'translateX(-50%)',
-        width: '600px',
-        height: '600px',
-        background: 'radial-gradient(circle, rgba(224, 0, 111, 0.18) 0%, rgba(212, 175, 55, 0.12) 50%, transparent 70%)',
-        filter: 'blur(80px)',
-        zIndex: 1,
-        pointerEvents: 'none',
-      }} />
-
       <div className="container" style={{ position: 'relative', zIndex: 2, textAlign: 'center' }}>
         
         {/* Brand Tagline Badge */}

src/components/PillarsSection.tsx

@@ -100,8 +100,8 @@ export default function PillarsSection() {
 
         {/* Brand Vibes Banner */}
         <div style={{
-          background: 'linear-gradient(90deg, rgba(224, 0, 111, 0.15) 0%, rgba(212, 175, 55, 0.15) 50%, rgba(224, 0, 111, 0.15) 100%)',
-          border: '1px solid var(--border-gold)',
+          background: '#0F0F0F',
+          border: '1.5px solid var(--border-gold)',
           borderRadius: '50px',
           padding: '16px 28px',
           textAlign: 'center',

src/components/ServicesSection.tsx

@@ -112,8 +112,8 @@ export default function ServicesSection() {
         <div className="glass-panel" style={{
           padding: '40px 32px',
           borderRadius: '20px',
-          border: '1px solid var(--border-gold)',
-          background: 'linear-gradient(135deg, rgba(20,20,20,0.9) 0%, rgba(30,15,25,0.9) 100%)',
+          border: '1.5px solid var(--border-gold)',
+          background: '#0F0F0F',
         }}>
           <h3 style={{ fontSize: '1.4rem', fontWeight: 800, color: 'var(--color-gold-light)', textAlign: 'center', marginBottom: '32px' }}>
             Simple 3-Step Booking Process