<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Test Page - SPA</title>
<style>
body { font-family: sans-serif; }
#app { padding: 20px; }
.loaded { color: green; }
</style>
</head>
<body>
<div id="app">Loading...</div>
<script>
console.log('[SPA] Starting render');
console.warn('[SPA] This is a warning');
console.error('[SPA] This is an error');
setTimeout(() => {
document.getElementById('app').innerHTML = '<h1 class="loaded">SPA Content Loaded</h1><p>Rendered by JavaScript</p>';
console.log('[SPA] Render complete');
}, 500);
</script>
</body>
</html>