diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index f6ec892..30a3c8c 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -41,6 +41,17 @@ jobs:
             cp wasm/example.html wasm/${example}.html
             sed -i'' "s/name-of-example/${example}/g" wasm/${example}.html
           done
+          for example in "layers"
+          do
+            echo "Building $example"
+            cargo build --target wasm32-unknown-unknown --release --example $example --features "bevy/webgl2,avian2d,avian3d,detailed-layers"
+            wasm-bindgen --no-typescript --out-dir wasm --target web target/wasm32-unknown-unknown/release/examples/$example.wasm
+            wasm-opt -Oz wasm/${example}_bg.wasm --output wasm/${example}-opt.wasm
+            rm wasm/${example}_bg.wasm
+            mv wasm/${example}-opt.wasm wasm/${example}_bg.wasm
+            cp wasm/example.html wasm/${example}.html
+            sed -i'' "s/name-of-example/${example}/g" wasm/${example}.html
+          done
 
       - name: Copy Assets
         run: cp -r assets wasm/
diff --git a/screenshots/layers.png b/screenshots/layers.png
new file mode 100644
index 0000000..793192d
Binary files /dev/null and b/screenshots/layers.png differ
diff --git a/wasm/index.html b/wasm/index.html
index f89a063..4deac52 100644
--- a/wasm/index.html
+++ b/wasm/index.html
@@ -184,9 +184,9 @@ <h1 class="text-3xl font-bold mb-4">Examples</h1>
                     alt="NavMesh updated using primitive shapes" />
                 <div class="ml-8 text-xl">NavMesh updated using primitive shapes (rectangle, circle, ...)</div>
             </a>
-            <a href="demo.html" class="flex items-center flex-row-reverse">
-                <img src="screenshots/demo.png" class="object-cover w-1/2" alt="Demo to test NavMesh settings" />
-                <div class="mr-8 text-xl">Demo to test NavMesh settings</div>
+            <a href="layers.html" class="flex items-center flex-row-reverse">
+                <img src="screenshots/layers.png" class="object-cover w-1/2" alt="Overlapping layers" />
+                <div class="mr-8 text-xl">Overlapping layers</div>
             </a>
         </div>
 
@@ -227,10 +227,9 @@ <h2 class="text-2xl font-bold mt-8 mb-4">Others</h2>
                 <img src="screenshots/random_obstacles.png" class="object-cover" alt="Navmesh from random obstacles" />
                 <div class="mt-2">Navmesh from random obstacles</div>
             </a>
-            <a href="auto_navmesh_aabb.html" class="m-5 text-xl flex flex-col items-center">
-                <img src="screenshots/auto_navmesh_aabb.png" class="object-cover"
-                    alt="NavMesh automatically updated from obstacles using Aabb" />
-                <div class="mt-2">NavMesh automatically updated from obstacles using `Aabb`</div>
+            <a href="demo.html" class="m-5 text-xl flex flex-col items-center">
+                <img src="screenshots/demo.png" class="object-cover" alt="Demo to test NavMesh settings" />
+                <div class="mt-2">Demo to test NavMesh settings</div>
             </a>
         </div>
     </div>