Post: ${description}
+ `; + + blog.appendChild(blogEntry); +} + + /** * PRELOAD @@ -23,6 +51,58 @@ const addEventOnElements = function (elements, eventType, callback) { } } +let youtube = "https://www.youtube.com"; +let instagram = "https://www.instagram.com"; +let twitter = "https://www.x.com"; +let maps = "https://maps.google.com"; +let facebook = 'https://www.facebook.com'; + +document.querySelector("#twt").setAttribute('href', twitter); +document.querySelector("#utube").setAttribute('href', youtube); +document.querySelector("#map").setAttribute('href', maps); +document.querySelector("#instagram").setAttribute('href', instagram); +document.querySelector("#facebook").setAttribute('href', facebook); + +// Select the cart anchor and elements +const cartAnchor = document.getElementById("cart-anchor"); +const addToCartButtons = document.querySelectorAll(".add-to-cart"); +const removeFromCartButtons = document.querySelectorAll(".remove"); + +let cartItemCount = 0; + +// Function to update cart text +const updateCartDisplay = () => { + if (cartItemCount > 99) { + cartAnchor.querySelector(".span").textContent = "Cart 99+"; + } else if (cartItemCount > 0) { + cartAnchor.querySelector(".span").textContent = `Cart ${cartItemCount}`; + } else { + cartAnchor.querySelector(".span").textContent = "Cart"; + } +}; + +// Add event listeners to "Add to Cart" buttons +addToCartButtons.forEach(button => { + button.addEventListener("click", () => { + cartItemCount += 1; + updateCartDisplay(); + }); +}); + +// Add event listeners to "Remove" buttons +removeFromCartButtons.forEach(button => { + button.addEventListener("click", () => { + if (cartItemCount > 0) { + cartItemCount -= 1; + updateCartDisplay(); + } + }); +}); + +// Initialize the cart display on page load +window.addEventListener("load", updateCartDisplay); + + /** @@ -51,7 +131,6 @@ const emailElements = document.querySelectorAll("[data-email]"); //click event now addEventOnElements(emailElements, "click", openMailClient); - /** * HERO SLIDER */ @@ -113,8 +192,7 @@ addEventOnElements([heroSliderNextBtn, heroSliderPrevBtn], "mouseover", function }); addEventOnElements([heroSliderNextBtn, heroSliderPrevBtn], "mouseout", autoSlide); - -window.addEventListener("load", autoSlide); +w.addEventListener("load", autoSlide); @@ -141,4 +219,5 @@ window.addEventListener("mousemove", function (event) { parallaxItems[i].style.transform = `translate3d(${x}px, ${y}px, 0px)`; } -}); \ No newline at end of file +}); + diff --git a/index.html b/index.html index e97ba51..01032e3 100644 --- a/index.html +++ b/index.html @@ -87,10 +87,16 @@ Number + +- Enjoy a premium dining experience with exceptional culinary artistry at Grilli. -
+ Get the best in class dining experience with the most articulate culinary craftsmanship at Grilli. Bon Apétit! +Our Story
-Every dish is prepared articulately with our chef's utmost skills. This has made us one of the few Michelin Star rated hotels across the world. Our finely blended wines are one of the most exquisite and have been featured at the wine spectator awards. Check them out from our drinks section! @@ -495,7 +501,7 @@
- Lobster Tortellini showcases tender pasta pockets stuffed with juicy lobster, bathed in a creamy, herb-infused sauce with a touch of zesty citrus. This exquisite dish merges Italian culinary artistry with premium seafood for an extraordinary dining indulgence. + Lobster Tortellini features delicate pasta parcels filled with succulent lobster, served in a rich, velvety sauce infused with fresh herbs and a hint of citrus. This luxurious dish blends Italian craftsmanship with the finest seafood for an unforgettable dining experience.