Updated prices and Map

CairoMetro.csproj

@@ -32,8 +32,8 @@
   <RunAOTCompilation>False</RunAOTCompilation>
 </PropertyGroup>
   <ItemGroup>
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" />
-    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.1" />
+    <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.1" PrivateAssets="all" />
   </ItemGroup>
 
   <ItemGroup>

Pages/Index.razor

@@ -46,7 +46,7 @@
         }
         <button data-content="@item.ID" title='@item.Name - @(Count is 0 ? "You are here!" : "" )' id="@(item.Name)" @onclick="()=> Click(item)"
                 type="button"
-                class="look__hotspot absolute-possitioned @(Count is 0 ? "black" : Count < 9 ? "yellow" : Count < 16 ?  "green" :  "red" )"
+                class="look__hotspot absolute-possitioned @(Count is 0 ? "black" : Count < 9 ? "yellow" : Count < 16 ?  "green" : Count < 23 ?  "red" : "blue" )"
                 style="@item.Style" @onmouseover="() => MouseOver(item)" @onmouseout="MouseOut"></button>
         <label for="@(item.Name)" style=" @item.Style   position: absolute; font-size:30px">
             <br>

Pages/index.razor.css

@@ -71,6 +71,9 @@ body {
 .yellow:before {
     border-color: yellow;
  }
+.blue:before {
+    border-color: blue;
+}
 .black:before {
     border-color: black;
  }

_Imports.cs

@@ -83,6 +83,12 @@ public static class Loaders
         new(22, "Bab El Shaaria", Line3, "top:42.2%; left:4.55%;"),
         new(19, "Maspero", Line3, "top:50%; left:4.55%;"),
         new(18, "Safaa Hijazy", Line3, "top:52%; left:4.55%;"),
-        new(17, "Kit-Kat", Line3, "top:54.5%; left:4.55%;")
+        new(17, "Kit-Kat", Line3, "top:54.5%; left:4.55%;"),
+        new(16, "Sudan", Line3, "top:56.7%; left:4.55%;"),
+        new(15, "Imbaba", Line3, "top:59.25%; left:4.55%;"),
+        new(14, "El-Bohy", Line3, "top:61.5%; left:4.55%;"),
+        new(13, "El-Qawmia", Line3, "top:64%; left:4.55%;"),
+        new(12, "Ring Road", Line3, "top:67%; left:4.55%;"),
+        new(11, "Rod El Fara Corridor", Line3, "top:70%; left:4.55%;"),
     ];
 }