fix: resolve login redirect loop issue (#422)

- Redirect to /traders instead of / after successful login/registration
- Make 'Get Started Now' button redirect logged-in users to /traders
- Prevent infinite loop where logged-in users are shown landing page repeatedly

Fixes issue where after login success, clicking "Get Started Now" would
show login modal again instead of entering the main application.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: tinkle-community <tinklefund@gmail.com>

web/src/pages/LandingPage.tsx

@@ -23,57 +23,114 @@ export function LandingPage() {
   console.log('LandingPage - user:', user, 'isLoggedIn:', isLoggedIn);
   return (
     <>
-      <HeaderBar 
-        onLoginClick={() => setShowLoginModal(true)} 
-        isLoggedIn={isLoggedIn} 
+      <HeaderBar
+        onLoginClick={() => setShowLoginModal(true)}
+        isLoggedIn={isLoggedIn}
         isHomePage={true}
         language={language}
         onLanguageChange={setLanguage}
         user={user}
         onLogout={logout}
         onPageChange={(page) => {
-          console.log('LandingPage onPageChange called with:', page);
+          console.log('LandingPage onPageChange called with:', page)
           if (page === 'competition') {
-            window.location.href = '/competition';
+            window.location.href = '/competition'
           } else if (page === 'traders') {
-            window.location.href = '/traders';
+            window.location.href = '/traders'
           } else if (page === 'trader') {
-            window.location.href = '/dashboard';
+            window.location.href = '/dashboard'
           }
         }}
       />
-      <div className='min-h-screen px-4 sm:px-6 lg:px-8' style={{ background: 'var(--brand-black)', color: 'var(--brand-light-gray)' }}>
-      <HeroSection language={language} />
-      <AboutSection language={language} />
-      <FeaturesSection language={language} />
-      <HowItWorksSection language={language} />
-      <CommunitySection />
+      <div
+        className='min-h-screen px-4 sm:px-6 lg:px-8'
+        style={{
+          background: 'var(--brand-black)',
+          color: 'var(--brand-light-gray)',
+        }}
+      >
+        <HeroSection language={language} />
+        <AboutSection language={language} />
+        <FeaturesSection language={language} />
+        <HowItWorksSection language={language} />
+        <CommunitySection />
 
-      {/* CTA */}
-      <AnimatedSection backgroundColor='var(--panel-bg)'>
-        <div className='max-w-4xl mx-auto text-center'>
-          <motion.h2 className='text-5xl font-bold mb-6' style={{ color: 'var(--brand-light-gray)' }} initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }}>
-            {t('readyToDefine', language)}
-          </motion.h2>
-          <motion.p className='text-xl mb-12' style={{ color: 'var(--text-secondary)' }} initial={{ opacity: 0, y: 30 }} whileInView={{ opacity: 1, y: 0 }} viewport={{ once: true }} transition={{ delay: 0.1 }}>
-            {t('startWithCrypto', language)}
-          </motion.p>
-          <div className='flex flex-wrap justify-center gap-4'>
-            <motion.button onClick={() => setShowLoginModal(true)} className='flex items-center gap-2 px-10 py-4 rounded-lg font-semibold text-lg' style={{ background: 'var(--brand-yellow)', color: 'var(--brand-black)' }} whileHover={{ scale: 1.05 }} whileTap={{ scale: 0.95 }}>
-              {t('getStartedNow', language)}
-              <motion.div animate={{ x: [0, 5, 0] }} transition={{ duration: 1.5, repeat: Infinity }}>
-                <ArrowRight className='w-5 h-5' />
-              </motion.div>
-            </motion.button>
-            <motion.a href='https://github.com/tinkle-community/nofx/tree/dev' target='_blank' rel='noopener noreferrer' className='flex items-center gap-2 px-10 py-4 rounded-lg font-semibold text-lg' style={{ background: 'transparent', color: 'var(--brand-light-gray)', border: '2px solid var(--brand-yellow)' }} whileHover={{ scale: 1.05, backgroundColor: 'rgba(240, 185, 11, 0.1)' }} whileTap={{ scale: 0.95 }}>
-              {t('viewSourceCode', language)}
-            </motion.a>
+        {/* CTA */}
+        <AnimatedSection backgroundColor='var(--panel-bg)'>
+          <div className='max-w-4xl mx-auto text-center'>
+            <motion.h2
+              className='text-5xl font-bold mb-6'
+              style={{ color: 'var(--brand-light-gray)' }}
+              initial={{ opacity: 0, y: 30 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+            >
+              {t('readyToDefine', language)}
+            </motion.h2>
+            <motion.p
+              className='text-xl mb-12'
+              style={{ color: 'var(--text-secondary)' }}
+              initial={{ opacity: 0, y: 30 }}
+              whileInView={{ opacity: 1, y: 0 }}
+              viewport={{ once: true }}
+              transition={{ delay: 0.1 }}
+            >
+              {t('startWithCrypto', language)}
+            </motion.p>
+            <div className='flex flex-wrap justify-center gap-4'>
+              <motion.button
+                onClick={() => {
+                  if (isLoggedIn) {
+                    window.location.href = '/traders'
+                  } else {
+                    setShowLoginModal(true)
+                  }
+                }}
+                className='flex items-center gap-2 px-10 py-4 rounded-lg font-semibold text-lg'
+                style={{
+                  background: 'var(--brand-yellow)',
+                  color: 'var(--brand-black)',
+                }}
+                whileHover={{ scale: 1.05 }}
+                whileTap={{ scale: 0.95 }}
+              >
+                {t('getStartedNow', language)}
+                <motion.div
+                  animate={{ x: [0, 5, 0] }}
+                  transition={{ duration: 1.5, repeat: Infinity }}
+                >
+                  <ArrowRight className='w-5 h-5' />
+                </motion.div>
+              </motion.button>
+              <motion.a
+                href='https://github.com/tinkle-community/nofx/tree/dev'
+                target='_blank'
+                rel='noopener noreferrer'
+                className='flex items-center gap-2 px-10 py-4 rounded-lg font-semibold text-lg'
+                style={{
+                  background: 'transparent',
+                  color: 'var(--brand-light-gray)',
+                  border: '2px solid var(--brand-yellow)',
+                }}
+                whileHover={{
+                  scale: 1.05,
+                  backgroundColor: 'rgba(240, 185, 11, 0.1)',
+                }}
+                whileTap={{ scale: 0.95 }}
+              >
+                {t('viewSourceCode', language)}
+              </motion.a>
+            </div>
           </div>
-        </div>
-      </AnimatedSection>
+        </AnimatedSection>
 
-      {showLoginModal && <LoginModal onClose={() => setShowLoginModal(false)} language={language} />}
-      <FooterSection language={language} />
+        {showLoginModal && (
+          <LoginModal
+            onClose={() => setShowLoginModal(false)}
+            language={language}
+          />
+        )}
+        <FooterSection language={language} />
       </div>
     </>
   )