From 86b6d24420c872cb3ddd7e86d35a3e359d519b9f Mon Sep 17 00:00:00 2001
From: Sanan507 <227714367+Sanan507@users.noreply.github.com>
Date: Thu, 27 Aug 2026 02:22:35 +0000
Subject: [PATCH] chore: complete daily review run

---
 frontend/src/App.tsx                     |  2 +-
 frontend/src/components/AlgoRaceLogo.tsx |  2 +-
 frontend/src/components/Sidebar.tsx      |  3 ++-
 frontend/src/pages/LandingPage.tsx       | 21 ++++++++++++++++-----
 4 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b1e002b..afeda7f 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -227,7 +227,7 @@ export default function App() {
             {/* Mobile Header Bar */}
             <div className="mobile-header-bar">
               <div className="mobile-brand" onClick={() => setActive('landing')} style={{ cursor: 'pointer' }}>
-                <AlgoRaceLogo size={26} showText={true} />
+                <AlgoRaceLogo size={26} showText={true} badge="v2.0" />
               </div>
               <div style={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
                 <button
diff --git a/frontend/src/components/AlgoRaceLogo.tsx b/frontend/src/components/AlgoRaceLogo.tsx
index 4f536fe..2676e54 100644
--- a/frontend/src/components/AlgoRaceLogo.tsx
+++ b/frontend/src/components/AlgoRaceLogo.tsx
@@ -25,7 +25,7 @@ export const AlgoRaceLogo: React.FC<LogoProps> = ({
   showText = false,
   animated = true,
   tagline,
-  badge,
+  badge = 'v2.0',
 }) => {
   const gradientId = React.useId().replace(/:/g, '-');
 
diff --git a/frontend/src/components/Sidebar.tsx b/frontend/src/components/Sidebar.tsx
index aec1f5e..77ce499 100644
--- a/frontend/src/components/Sidebar.tsx
+++ b/frontend/src/components/Sidebar.tsx
@@ -71,6 +71,7 @@ export function Sidebar({
                 size={collapsed ? 36 : 38}
                 showText={!collapsed}
                 tagline="Benchmark Engine"
+                badge="v2.0"
               />
             </div>
             {mobileOpen && onMobileClose && (
@@ -128,7 +129,7 @@ export function Sidebar({
           </button>
 
           <div className="sidebar-footer">
-            <span className="footer-brand">AlgoRace</span>
+            <span className="footer-brand">AlgoRace v2.0</span>
             <span>React · Spring Boot · 60 FPS</span>
           </div>
         </div>
diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 359a051..2eddd7b 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -1,5 +1,4 @@
 import { useState, lazy, Suspense } from 'react';
-import { AlgoRaceLogo } from '../components/AlgoRaceLogo';
 import {
   BarChart3,
   Binary,
@@ -61,7 +60,13 @@ export function LandingPage({ onNavigate, darkMode, setDarkMode }: Props) {
       {/* Top Header / Sticky Nav */}
       <header className="landing-navbar">
         <div className="landing-nav-brand" onClick={() => scrollToSection('top')} style={{ cursor: 'pointer' }}>
-          <AlgoRaceLogo size={32} showText={true} />
+          <div className="brand-logo-icon">
+            <Zap size={20} className="text-emerald-400" />
+          </div>
+          <div className="brand-title-group">
+            <span className="brand-name">AlgoRace</span>
+            <span className="brand-badge">v2.0</span>
+          </div>
         </div>
 
         <button
@@ -555,7 +560,7 @@ export function LandingPage({ onNavigate, darkMode, setDarkMode }: Props) {
           <div className="comparison-card algorace-card">
             <div className="comp-card-glow" />
             <div className="comparison-card-header">
-              <span className="comp-badge badge-algorace">AlgoRace</span>
+              <span className="comp-badge badge-algorace">AlgoRace v2.0</span>
               <h3 className="comp-title">Multi-Lane Benchmarking Engine</h3>
               <p className="comp-desc">Engineered for parallel multi-lane racing with microsecond telemetry.</p>
             </div>
@@ -768,8 +773,14 @@ export function LandingPage({ onNavigate, darkMode, setDarkMode }: Props) {
       <footer className="landing-footer">
         <div className="footer-grid-container">
           <div className="footer-col footer-col-brand">
-            <div className="landing-nav-brand" onClick={() => scrollToSection('top')} style={{ cursor: 'pointer' }}>
-              <AlgoRaceLogo size={30} showText={true} />
+            <div className="landing-nav-brand">
+              <div className="brand-logo-icon">
+                <Zap size={20} className="text-emerald-400" />
+              </div>
+              <div className="brand-title-group">
+                <span className="brand-name">AlgoRace</span>
+                <span className="brand-badge">v2.0</span>
+              </div>
             </div>
             <p className="footer-mission-text">
               High-performance interactive algorithm benchmarking and visual exploration engine designed for computer scientists, developers, and students.