feat: resolve blank screen, add live github stars badge, and conditional dashboard navbar navigation

frontend/src/App.tsx

@@ -44,6 +44,7 @@ export default function App() {
   // Auth State
   const [token, setToken] = useState<string | null>(localStorage.getItem('quantiq_jwt'));
   const [user, setUser] = useState<any>(null);
+  const [currentView, setCurrentView] = useState<'landing' | 'dashboard'>(localStorage.getItem('quantiq_jwt') ? 'dashboard' : 'landing');
   
   // Dashboard Core State
   const [watchlist, setWatchlist] = useState<string[]>(['AAPL', 'TSLA', 'TCS.NS', 'RELIANCE.NS']);
@@ -238,6 +239,7 @@ export default function App() {
   const handleAuthSuccess = (accessToken: string) => {
     localStorage.setItem('quantiq_jwt', accessToken);
     setToken(accessToken);
+    setCurrentView('dashboard');
   };
 
   const handleGoogleCredentialResponse = async (response: any) => {
@@ -264,6 +266,7 @@ export default function App() {
     setToken(null);
     setUser(null);
     setInsight(null);
+    setCurrentView('landing');
   };
 
   // 6. Watchlist Operations
@@ -419,13 +422,15 @@ export default function App() {
   };
 
   // Auth Router rendering
-  if (!token) {
+  if (!token || currentView === 'landing') {
     return (
       <LandingPage
         onGoogleLogin={handleGoogleCredentialResponse}
         googleClientId={GOOGLE_CLIENT_ID}
         onAuthSuccess={handleAuthSuccess}
         apiUrl={API_URL}
+        user={user}
+        onGoToDashboard={() => setCurrentView('dashboard')}
       />
     );
   }
@@ -451,6 +456,7 @@ export default function App() {
       onOpenRecharge={() => setShowRecharge(true)}
       onSelectPackage={handlePayment}
       onLogout={handleLogout}
+      onLogoClick={() => setCurrentView('landing')}
     />
   );
 }

frontend/src/components/Navbar.tsx

@@ -6,12 +6,16 @@ interface NavbarProps {
   user: any;
   onRechargeClick: () => void;
   onLogout: () => void;
+  onLogoClick?: () => void;
 }
 
-export default function Navbar({ user, onRechargeClick, onLogout }: NavbarProps) {
+export default function Navbar({ user, onRechargeClick, onLogout, onLogoClick }: NavbarProps) {
   return (
     <header className="dashboard-header">
-      <div className="header-left">
+      <div 
+        className={`header-left ${onLogoClick ? 'cursor-pointer hover:opacity-85 active:scale-[0.98]' : ''} transition-all`}
+        onClick={onLogoClick}
+      >
         <Logo size={32} />
         <span className="logo-text">QuantIQ</span>
       </div>

frontend/src/pages/Dashboard.tsx

@@ -26,6 +26,7 @@ interface DashboardProps {
   onOpenRecharge: () => void;
   onSelectPackage: (amountInRupees: number) => Promise<void>;
   onLogout: () => void;
+  onLogoClick?: () => void;
 }
 
 export default function Dashboard({
@@ -48,6 +49,7 @@ export default function Dashboard({
   onOpenRecharge,
   onSelectPackage,
   onLogout,
+  onLogoClick,
 }: DashboardProps) {
   return (
     <div className="app-container animate-fade">
@@ -56,6 +58,7 @@ export default function Dashboard({
         user={user} 
         onRechargeClick={onOpenRecharge} 
         onLogout={onLogout} 
+        onLogoClick={onLogoClick}
       />
 
       {/* Main Grid Content */}

frontend/src/pages/LandingPage.tsx

@@ -1,18 +1,41 @@
-import { useEffect, useRef, useState } from 'react';
-import Logo from '../components/Logo';
+import { useState, useEffect, useRef } from 'react';
 import { Button } from '../components/ui/button';
 import { X, ArrowRight, Eye, EyeOff, Lock, Mail, User, Globe } from 'lucide-react';
+import Logo from '../components/Logo';
+
 
 interface LandingPageProps {
   onGoogleLogin: (response: any) => Promise<void>;
   googleClientId: string;
   onAuthSuccess: (token: string) => void;
   apiUrl: string;
+  user?: any;
+  onGoToDashboard?: () => void;
 }
 
 type AuthMode = 'signin' | 'signup';
 
-export default function LandingPage({ onGoogleLogin, googleClientId, onAuthSuccess, apiUrl }: LandingPageProps) {
+function GithubIcon({ size = 14, className = "" }) {
+  return (
+    <svg
+      xmlns="http://www.w3.org/2000/svg"
+      width={size}
+      height={size}
+      viewBox="0 0 24 24"
+      fill="none"
+      stroke="currentColor"
+      strokeWidth="2"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+      className={className}
+    >
+      <path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4" />
+      <path d="M9 18c-4.51 2-5-2-7-2" />
+    </svg>
+  );
+}
+
+export default function LandingPage({ onGoogleLogin, googleClientId, onAuthSuccess, apiUrl, user, onGoToDashboard }: LandingPageProps) {
   const [showAuthModal, setShowAuthModal] = useState(false);
   const [showReachUs, setShowReachUs] = useState(false);
   const [authMode, setAuthMode] = useState<AuthMode>('signin');
@@ -30,9 +53,33 @@ export default function LandingPage({ onGoogleLogin, googleClientId, onAuthSucce
   const [loading, setLoading] = useState(false);
   const [errorMsg, setErrorMsg] = useState<string | null>(null);
   const [successMsg, setSuccessMsg] = useState<string | null>(null);
+  const [githubStars, setGithubStars] = useState<string | null>(null);
   
   const googleButtonRef = useRef<HTMLDivElement>(null);
 
+  // Fetch actual GitHub stargazers count for the repository
+  useEffect(() => {
+    fetch('https://api.github.com/repos/Edge-Explorer/QuantIQ')
+      .then(res => {
+        if (!res.ok) throw new Error();
+        return res.json();
+      })
+      .then(data => {
+        const count = data.stargazers_count;
+        if (typeof count === 'number') {
+          if (count >= 1000) {
+            setGithubStars(`${(count / 1000).toFixed(1)}K`);
+          } else {
+            setGithubStars(count.toString());
+          }
+        }
+      })
+      .catch(() => {
+        // Fallback default
+        setGithubStars('Star');
+      });
+  }, []);
+
   useEffect(() => {
     // Append Google Identity Services SDK script
     const script = document.createElement('script');
@@ -260,13 +307,43 @@ export default function LandingPage({ onGoogleLogin, googleClientId, onAuthSucce
             </div>
           </nav>
 
-          {/* CTA Trigger */}
-          <Button 
-            onClick={() => { setAuthMode('signin'); setShowAuthModal(true); }}
-            className="liquid-glass rounded-full px-6 py-2.5 text-sm text-foreground hover:scale-[1.03] transition-transform duration-200 cursor-pointer shadow-md"
-          >
-            Unlock Alpha
-          </Button>
+          {/* CTA Trigger and Github Badge */}
+          <div className="flex items-center gap-4">
+            <a 
+              href="https://github.com/Edge-Explorer/QuantIQ"
+              target="_blank"
+              rel="noopener noreferrer"
+              className="flex items-center gap-2 px-3 py-1.5 text-sm text-foreground/90 hover:text-foreground transition-colors duration-200"
+            >
+              <GithubIcon size={18} className="text-foreground" />
+              <span className="font-medium tracking-tight text-white/95">{githubStars !== null ? githubStars : 'Star'}</span>
+            </a>
+
+            {user ? (
+              <div className="flex items-center gap-3">
+                <button 
+                  onClick={onGoToDashboard}
+                  className="bg-[#046A38] text-white hover:bg-[#03522b] transition-all duration-200 px-5 py-2 text-sm font-semibold rounded-[4px] cursor-pointer shadow-md"
+                >
+                  Dashboard
+                </button>
+                {user.pictureUrl && (
+                  <img 
+                    src={user.pictureUrl} 
+                    alt="Profile" 
+                    className="w-9 h-9 rounded-full object-cover border border-white/10"
+                  />
+                )}
+              </div>
+            ) : (
+              <Button 
+                onClick={() => { setAuthMode('signin'); setShowAuthModal(true); }}
+                className="liquid-glass rounded-full px-6 py-2.5 text-sm text-foreground hover:scale-[1.03] transition-transform duration-200 cursor-pointer shadow-md"
+              >
+                Unlock Alpha
+              </Button>
+            )}
+          </div>
         </div>
       </header>
 
@@ -292,13 +369,23 @@ export default function LandingPage({ onGoogleLogin, googleClientId, onAuthSucce
             </p>
 
             {/* Large Hero CTA */}
-            <button 
-              onClick={() => { setAuthMode('signin'); setShowAuthModal(true); }}
-              className="liquid-glass rounded-full px-14 py-5 text-base text-foreground mt-12 hover:scale-[1.03] cursor-pointer transition-transform duration-200 animate-fade-rise-delay-2 shadow-lg"
-            >
-              Unlock Alpha
-            </button>
+            {user ? (
+              <button 
+                onClick={onGoToDashboard}
+                className="bg-[#046A38] text-white hover:bg-[#03522b] rounded-full px-14 py-5 text-base mt-12 hover:scale-[1.03] cursor-pointer transition-transform duration-200 animate-fade-rise-delay-2 shadow-lg font-semibold"
+              >
+                Go to Dashboard
+              </button>
+            ) : (
+              <button 
+                onClick={() => { setAuthMode('signin'); setShowAuthModal(true); }}
+                className="liquid-glass rounded-full px-14 py-5 text-base text-foreground mt-12 hover:scale-[1.03] cursor-pointer transition-transform duration-200 animate-fade-rise-delay-2 shadow-lg"
+              >
+                Unlock Alpha
+              </button>
+            )}
           </div>
+
         </section>
 
         {/* THE QUANTIQ STACK INFO SECTION */}