diff --git a/website/index.html b/website/index.html
index d21c019..04731cd 100644
--- a/website/index.html
+++ b/website/index.html
@@ -20,6 +20,8 @@
         <div class="menu-item" onclick="showItemDetails('Snacks')">Frikandel</div>
         <!-- Ijsjes -->
         <div class="menu-item" onclick="showItemDetails('deserts')">Ijsjes</div>
+        <!--Deals-->
+        <div class="menu-item" onclick="showItemDetails('Deals')">Deals</div>
         <!-- Placeholder Items -->
         <div class="menu-item" onclick="showItemDetails('Placeholder1')">Placeholder 1</div>
         <div class="menu-item" onclick="showItemDetails('Placeholder2')">Placeholder 2</div>
diff --git a/website/script.js b/website/script.js
index c06a7d5..156ded2 100644
--- a/website/script.js
+++ b/website/script.js
@@ -25,7 +25,16 @@
                 title = "Deals";
                 imageSrc = "https://www.google.com/url?sa=i&url=https%3A%2F%2Farchies.com%2Fmeal-deals%2F&psig=AOvVaw1_NfFf4gcmKiCqOgfey2ct&ust=1739435784222000&source=images&cd=vfe&opi=89978449&ved=0CBQQjRxqFwoTCPj9m7_dvYsDFQAAAAAdAAAAABAE"; 
                 description = "Onze beste deals met de beste prijzenn!";
+            }   else if (item === 'Placeholder1') {
+                title = "Placeholder 1";
+                imageSrc = "";
+                description = "Beschrijving voor Placeholder 1.";
+            }   else if (item === 'Placeholder2') {
+                title = "Placeholder 2";
+                imageSrc = "";
+                description = "Beschrijving voor Placeholder 2.";
             }
+    
 
             // Toon de details aan de rechterkant
             document.getElementById("item-title").innerText = title;