Update public/index.html

public/index.html

@@ -150,12 +150,16 @@
     <div class="menu-item" id="sunflower-item" onclick="selectModel('sunflower')">
       <img src="previewImages/sunflower.png" alt="Sonnenblume" style="width: 50px; height: 50px;">
     </div>
-    <div class="menu-item" id="tree-item" onclick="selectModel('tree')">
-      <img src="previewImages/tree.png" alt="Baum" style="width: 50px; height: 50px;">
+    <div class="menu-item" id="duck-item" onclick="selectModel('duck')">
+      <img src="previewImages/tree.png" alt="duck" style="width: 50px; height: 50px;">
+    </div>
+    <div class="menu-item" id="lantern-item" onclick="selectModel('lantern')">
+      <img src="previewImages/tree.png" alt="lantern" style="width: 50px; height: 50px;">
     </div>
     <div class="menu-item" id="exit-item" onclick="exitAR()">
       <img src="previewImages/exit.png" alt="Exit" style="width: 50px; height: 50px;">
     </div>
+    
   </div>
   <div id="confirmation-dialog" style="display: none;">
     <div class="dialog-overlay"></div>
@@ -217,6 +221,9 @@
       loader.load("https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Models/refs/heads/main/2.0/Duck/glTF/Duck.gltf", (gltf) => {
         models.tree = gltf.scene;
       });
+      loader.load("https://raw.githubusercontent.com/KhronosGroup/glTF-Sample-Assets/refs/heads/main/Models/Lantern/glTF/Lantern.gltf", (gltf) => {
+        models.tree = gltf.scene;
+      });
 
       // AR-Session starten
       const session = await navigator.xr.requestSession('immersive-ar', {