updated sections design and content

src/components/for-people/HeroSection.tsx

@@ -63,23 +63,33 @@ export default function HeroSection() {
               fontSize: 'clamp(40px, 5.4vw, 82px)', fontWeight: 800, lineHeight: 1.02,
               letterSpacing: '-0.045em', color: '#fff', margin: '50px 0 28px', fontFamily: 'Sora, sans-serif',
             }}>
-              <span className="fp-mask"><span>Get Lit.</span></span>
-              <span className="fp-mask"><span className="fp-shimmer">Live More.</span></span>
+              <span className="fp-mask"><span>Earn LYTs.</span></span>
+              <span className="fp-mask"><span className="fp-shimmer">Lit Yourself.</span></span>
             </h1>
 
             <p className="fp-content fp-subtext" style={{
               fontSize: 'clamp(16px, 1.4vw, 19px)', lineHeight: 1.7, fontWeight: 400,
-              color: 'rgba(255,255,255,0.58)', maxWidth: 640, margin: '0 auto 40px', fontFamily: 'Sora, sans-serif',
+              color: 'rgba(255,255,255,0.6)', maxWidth: 640, margin: '0 auto 16px', fontFamily: 'Sora, sans-serif',
             }}>
-              Meet <strong>Lyts</strong>: rewards for the things you already do. Walk, play, explore, shop, or complete a challenge, then spend your Lyts instantly at the brands you love. No waiting. No cashback. No complicated redemption.
+              Every purchase unlocks more than points. Earn <strong>LYTs</strong>, discover experiences, and make every shopping trip count.
+            </p>
+
+            <p className="fp-content fp-subtext" style={{
+              fontSize: 'clamp(14px, 1.2vw, 16px)', lineHeight: 1.7, fontWeight: 400,
+              color: 'rgba(255,255,255,0.45)', maxWidth: 560, margin: '0 auto 40px', fontFamily: 'Sora, sans-serif',
+            }}>
+              Shop nearby, collect LYTs, unlock exclusive drops, and become part of a living ecosystem designed around you.
             </p>
 
             <div className="fp-content fp-cta" style={{ display: 'flex', gap: 16, flexWrap: 'wrap', alignItems: 'center', justifyContent: 'center' }}>
+              <button className="fp-btn fp-btn-primary">
+                Start Earning LYTs
+              </button>
               <button
                 ref={magSecondary}
                 className="fp-btn fp-btn-ghost fp-magnetic"
               >
-                See How It Works
+                Explore Nearby
               </button>
             </div>