1. Add an animations to the category container

2. Added scale transform on hovering to the category container
3. Added animations to the category images in the other top deals sections
4. Add an animation to the buttons to show item
5. add transition effect

index.html

@@ -615,6 +615,37 @@
     align-items: flex-end;
 }
 
+.category-container {
+  transition: transform 0.3s ease-in-out;
+}
+
+.category-container:hover {
+  transform: scale(1.05); /* Slightly enlarge on hover */
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add a shadow on hover */
+}
+
+.category {
+  transition: transform 0.3s ease-in-out;
+}
+
+.category:hover {
+  transform: scale(1.1); /* Zoom in slightly on hover */
+}
+
+.show-items-btn {
+  transition: background-color 0.3s ease-in-out;
+  background-color: #4299e1; /* Default button color */
+  color: white; /* White text */
+  border: none; /* Remove default border */
+  padding: 0.8rem 1.5rem; /* Button padding */
+  border-radius: 5px; /* Rounded corners */
+}
+
+.show-items-btn:hover {
+  background-color: #3182ce; /* Darker blue on hover */
+}
+
+
   </style>
 </head>