website landing page

apps/website/components/landing/Hero.tsx

@@ -70,7 +70,7 @@ export default function Hero() {
             transform: 'translateY(0)'
           }}
         >
-          <p className="text-left">
+          <p className="text-left md:text-center">
             If you've been in any league, you know the feeling:
           </p>
           {/* Problem badges - mobile optimized */}
@@ -92,10 +92,10 @@ export default function Hero() {
               <span className="text-slate-100 text-sm sm:text-base font-medium text-left">Forgotten after each season</span>
             </div>
           </div>
-          <p className="text-left">
+          <p className="text-left md:text-center">
             The ecosystem isn't built for this.
           </p>
-          <p className="text-left">
+          <p className="text-left md:text-center">
             <strong className="text-white font-semibold">GridPilot gives your league racing a real home.</strong>
           </p>
         </div>
@@ -107,11 +107,9 @@ export default function Hero() {
           }}
         >
           <a
-            href={discordUrl}
-            target="_blank"
-            rel="noopener noreferrer"
+            href="#community"
             className="group relative inline-flex items-center justify-center gap-3 px-8 py-4 min-h-[44px] min-w-[44px] bg-[#5865F2] hover:bg-[#4752C4] text-white font-semibold text-base sm:text-lg rounded-lg transition-all duration-300 hover:scale-105 hover:-translate-y-0.5 shadow-[0_0_20px_rgba(88,101,242,0.3)] hover:shadow-[0_0_30px_rgba(88,101,242,0.6)] active:scale-95"
-            aria-label="Join our Discord community"
+            aria-label="Scroll to Discord community section"
           >
             {/* Discord Logo SVG */}
             <svg