feat: fix image

index.html

@@ -231,8 +231,13 @@
                 <!-- Project 1: Water Treatment Plant -->
                 <div class="group relative bg-background overflow-hidden aspect-video lg:aspect-square">
                     <div class="carousel absolute inset-0" data-autoplay="4000">
-                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/Tejen-SAD_1.webp" alt="Water treatment plant aerial view" />
+                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_1.webp" alt="Tejen water treatment plant 1" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Tejen-SAD_2.webp" alt="Water treatment plant wide view" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_2.webp" alt="Tejen water treatment plant 2" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_3.webp" alt="Tejen water treatment plant 3" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_4.webp" alt="Tejen water treatment plant 4" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_5.webp" alt="Tejen water treatment plant 5" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_6.webp" alt="Tejen water treatment plant 6" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/tejen_7.webp" alt="Tejen water treatment plant 7" />
                         <button class="carousel-prev" aria-label="Previous">&lsaquo;</button>
                         <button class="carousel-next" aria-label="Next">&rsaquo;</button>
                         <div class="carousel-dots"></div>
@@ -246,10 +251,8 @@
                 <!-- Project 2: Power Supply System -->
                 <div class="group relative bg-background overflow-hidden aspect-video lg:aspect-square">
                     <div class="carousel absolute inset-0" data-autoplay="4000">
-                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/Elektrika_4.webp" alt="Power lines near facility" />
+                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/electric_1.webp" alt="Power supply infrastructure 1" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Elektrika_1.webp" alt="Power lines in green field" />
+                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/electric_2.webp" alt="Power supply infrastructure 2" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Elektrika_2.webp" alt="Power line infrastructure" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Elektrika_3.webp" alt="Power lines in desert" />
                         <button class="carousel-prev" aria-label="Previous">&lsaquo;</button>
                         <button class="carousel-next" aria-label="Next">&rsaquo;</button>
                         <div class="carousel-dots"></div>
@@ -278,28 +281,13 @@
                     <p class="text-primary-fixed leading-relaxed" data-i18n="current1_desc">Строительство водоочистного сооружения мощностью 20 000 м³ в сутки в Бабадайханском районе Ахалского велаята (Туркменистан).</p>
                 </div>
                 <div class="relative aspect-video overflow-hidden">
-                    <div class="carousel absolute inset-0" data-autoplay="4000">
+                    <img class="w-full h-full object-cover" loading="lazy" decoding="async" src="public/babdayhan.webp" alt="Babadayhan water treatment plant" />
-                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/babadayhan_1.webp" alt="Babadayhan water treatment 1" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/babadayhan_2.webp" alt="Babadayhan water treatment 2" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/babadayhan_3.webp" alt="Babadayhan water treatment 3" />
-                        <button class="carousel-prev" aria-label="Previous">&lsaquo;</button>
-                        <button class="carousel-next" aria-label="Next">&rsaquo;</button>
-                        <div class="carousel-dots"></div>
-                    </div>
                 </div>
             </div>
             <!-- Current Project 2: carousel left, text right -->
             <div class="grid grid-cols-1 lg:grid-cols-2 gap-8 md:gap-12 items-center">
                 <div class="relative aspect-video overflow-hidden order-2 lg:order-1">
-                    <div class="carousel absolute inset-0" data-autoplay="4000">
+                    <img class="w-full h-full object-cover" loading="lazy" decoding="async" src="public/garashsyzlyk.webp" alt="Garashsyzlyk water supply" />
-                        <img class="carousel-slide active w-full h-full object-cover" loading="lazy" decoding="async" src="public/Garashsyzlyk_1.webp" alt="Garashsyzlyk water supply 1" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Garashsyzlyk_2.webp" alt="Garashsyzlyk water supply 2" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Garashsyzlyk_3.webp" alt="Garashsyzlyk water supply 3" />
-                        <img class="carousel-slide w-full h-full object-cover" loading="lazy" decoding="async" src="public/Garashsyzlyk_4.webp" alt="Garashsyzlyk water supply 4" />
-                        <button class="carousel-prev" aria-label="Previous">&lsaquo;</button>
-                        <button class="carousel-next" aria-label="Next">&rsaquo;</button>
-                        <div class="carousel-dots"></div>
-                    </div>
                 </div>
                 <div class="order-1 lg:order-2">
                     <span class="text-xs uppercase font-bold tracking-widest text-primary-fixed/60" data-i18n="current2_status">Статус: В процессе</span>