feat(about): replace cropped monogram with official Brand in Action quote showcase card

src/components/AboutSection.tsx

@@ -19,33 +19,24 @@ export default function AboutSection() {
           alignItems: 'center',
         }}>
           
-          {/* Left Column: Monogram & Brand Card */}
+          {/* Left Column: Official Brand in Action Card */}
           <div style={{ position: 'relative' }}>
             <div className="glass-panel" style={{
-              padding: '40px 32px',
+              padding: '16px',
               borderRadius: '24px',
-              textAlign: 'center',
               border: '2px solid var(--border-gold)',
-              boxShadow: '0 0 40px rgba(212, 175, 55, 0.15)',
-              position: 'relative',
+              boxShadow: '0 0 35px rgba(212, 175, 55, 0.2)',
               overflow: 'hidden',
+              background: '#0F0F0F',
             }}>
-              
-              <div style={{ position: 'relative', width: '220px', height: '220px', margin: '0 auto 24px', filter: 'drop-shadow(0 8px 24px rgba(212, 175, 55, 0.3)) drop-shadow(0 4px 12px rgba(224, 0, 111, 0.25))' }}>
+              <div style={{ position: 'relative', width: '100%', height: '360px', borderRadius: '16px', overflow: 'hidden' }}>
                 <Image 
-                  src="/images/logo_monogram.webp" 
-                  alt="Wise Hearted Monogram Logo" 
+                  src="/images/brand_social_quote_card.webp" 
+                  alt="Be led by God from the heart - Wise Hearted Event Decor" 
                   fill 
-                  style={{ objectFit: 'contain' }}
+                  style={{ objectFit: 'cover' }}
                 />
               </div>
-
-              <div style={{ fontFamily: 'var(--font-script)', fontSize: '2rem', color: 'var(--color-gold)', marginBottom: '8px' }}>
-                Be led by God from the heart.
-              </div>
-              <div style={{ fontSize: '0.85rem', fontWeight: 800, color: 'var(--color-pink-light)', letterSpacing: '0.15em', textTransform: 'uppercase' }}>
-                Wise Hearted Event Decor
-              </div>
             </div>
           </div>