refactor: update image paths in index.html and main.js, remove obsolete image file, and add new carousel indicators for improved visual presentation

index.html

@@ -501,7 +501,7 @@
               class="relative order-2 lg:order-1 h-80 lg:h-[65vh]"
             >
               <img
-                src="assets/images/our_story.jpg"
+                src="assets/images/our_story/chair.jpg"
                 alt="Modern office interior"
                 class="w-full h-full object-cover rounded-lg transition-opacity duration-300"
               />
@@ -551,6 +551,10 @@
                   id="carousel-indicator-4"
                   class="w-3 h-3 bg-white rounded-full opacity-50 transition-opacity duration-300 cursor-pointer"
                 ></div>
+                <div
+                  id="carousel-indicator-5"
+                  class="w-3 h-3 bg-white rounded-full opacity-50 transition-opacity duration-300 cursor-pointer"
+                ></div>
               </div>
             </div>
 

scripts/main.js

@@ -1092,11 +1092,12 @@ function initHeroCarousel() {
 
   // Carousel images array
   const carouselImages = [
-    "assets/images/our_story.jpg",
+    "assets/images/our_story/chair.jpg",
-    "assets/images/first_homepage.jpg",
+    "assets/images/our_story/screen.jpg",
-    "assets/images/conference_room.jpg",
+    "assets/images/our_story/booth.png",
-    "assets/images/lounge_chair.jpg",
+    "assets/images/our_story/table.jpg",
-    "assets/images/kitchen.JPG",
+    "assets/images/our_story/chair2.jpg",
+    "assets/images/our_story/storage.jpg",
   ];
 
   let currentImageIndex = 0;