From d5d6ea5e33c000538850f1d7fe0b68eac50f075c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ramirez=20Vargas=2C=20Jos=C3=A9=20Pablo?=
 <webJose@gmail.com>
Date: Tue, 2 Sep 2025 13:25:56 -0600
Subject: [PATCH] chore: Minor demo updates

---
 demo/src/App.svelte                                    | 2 +-
 demo/src/lib/views/hash-routing/HashRoutingView.svelte | 8 ++++----
 demo/src/lib/views/path-routing/views/HomeView.svelte  | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/demo/src/App.svelte b/demo/src/App.svelte
index b82424e..73e1303 100644
--- a/demo/src/App.svelte
+++ b/demo/src/App.svelte
@@ -10,7 +10,7 @@
 
 	let showNavTooltip = $state(false);
 
-	// Show toolti<p after a short delay when app loads
+	// Show tooltip after a short delay when app loads
 	$effect(() => {
 		const timer = setTimeout(() => {
 			showNavTooltip = true;
diff --git a/demo/src/lib/views/hash-routing/HashRoutingView.svelte b/demo/src/lib/views/hash-routing/HashRoutingView.svelte
index 032178f..733f4c5 100644
--- a/demo/src/lib/views/hash-routing/HashRoutingView.svelte
+++ b/demo/src/lib/views/hash-routing/HashRoutingView.svelte
@@ -300,7 +300,7 @@
 						<small><strong>Parsed routes:</strong></small>
 						<ul class="mb-0 mt-1">
 							{#each Object.entries(parsedRoutes) as [key, value]}
-								<li><code>{key}</code>: <span class="text-info">{value || '(empty)'}</span></li>
+								<li><code>{key}</code>: <span class="text-success">{value || '(empty)'}</span></li>
 							{/each}
 						</ul>
 					</div>
@@ -335,7 +335,7 @@
 				</div>
 				{#if parsedRoutes.main}
 					<div class="mt-2">
-						<small><strong>Current route:</strong> <span class="text-info">{parsedRoutes.main}</span></small>
+						<small><strong>Current route:</strong> <span class="text-success">{parsedRoutes.main}</span></small>
 					</div>
 				{/if}
 				<div class="mt-3">
@@ -380,8 +380,8 @@
 					<div class="alert alert-info mt-3">
 						<strong>💡 Key points:</strong>
 						<ul class="mb-0 mt-2">
-							<li><code>location.url.hash</code> is reactive and updates automatically</li>
-							<li><code>location.hashPaths</code> provides parsed hash routes</li>
+							<li><code>location.url.hash</code> <span class="badge bg-success">reactive</span> updates automatically</li>
+							<li><code>location.hashPaths</code> <span class="badge bg-success">reactive</span> provides parsed hash routes</li>
 							<li><code>$derived()</code> creates reactive computed values</li>
 							<li><strong>✨ No manual event listeners needed!</strong></li>
 						</ul>
diff --git a/demo/src/lib/views/path-routing/views/HomeView.svelte b/demo/src/lib/views/path-routing/views/HomeView.svelte
index 2ffe1dc..aa7ef37 100644
--- a/demo/src/lib/views/path-routing/views/HomeView.svelte
+++ b/demo/src/lib/views/path-routing/views/HomeView.svelte
@@ -290,7 +290,7 @@
 			<div class="alert alert-primary text-center">
 				<h4>🎮 Ready to Try Path Routing?</h4>
 				<p class="mb-3">
-					Click the "Demo" link in the navigation above to see path routing in action! 
+					Click the "Start Demo" link in the navigation above to see path routing in action! 
 					Watch how the URL changes as you navigate between different sections.
 				</p>
 				<p class="mb-0">