<nav style="background: #333; padding: 10px;"><span style="color: white; margin-right: 20px;"><a href="/demo/browser_router">Home</a></span><span style="color: white; margin-right: 20px;"><a href="/demo/browser_router/about">About</a></span><span style="color: white; margin-right: 20px;"><a href="/demo/browser_router/users">Users</a></span><span style="color: white; margin-right: 20px;"><a href="/demo/browser_router/settings">Settings</a></span></nav><div style="padding: 20px;"><div class="page home" data-page="home"><h1>Welcome to Browser App</h1><p>This is an example of the new Routes-based routing system.</p><div class="counter" data-testid="counter"><h3>Interactive Counter</h3><p data-testid="count-display">Count: 0</p><div class="counter-buttons"><button data-testid="decrement-btn">-</button><button data-testid="increment-btn">+</button><button data-testid="reset-btn">Reset</button></div></div><hr><h2>Features</h2><ul><li>Routes enum for declarative route definitions</li><li>Component ID-based resolution</li><li>Layout support for nested routes</li><li>Dynamic parameters with :id syntax</li><li>URLPattern API for matching</li></ul><p data-testid="current-path">Current path: /demo/browser_router</p></div></div>