update index.html

index.html

@@ -110,35 +110,6 @@
         </div>
     </header>
 
-    <!-- Trusted By Section -->
-    <section class="bg-gray-50 py-12">
-        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
-            <p class="text-center text-sm font-semibold uppercase text-gray-500 tracking-wide mb-8">
-                Trusted by innovative companies worldwide
-            </p>
-            <div class="grid grid-cols-2 gap-8 md:grid-cols-4 lg:grid-cols-6">
-                <div class="flex justify-center items-center">
-                    <img class="h-12 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/2/2f/Google_2015_logo.svg" alt="Google">
-                </div>
-                <div class="flex justify-center items-center">
-                    <img class="h-8 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/f/fa/Microsoft_logo.svg" alt="Microsoft">
-                </div>
-                <div class="flex justify-center items-center">
-                    <img class="h-10 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/a/a9/Amazon_logo.svg" alt="Amazon">
-                </div>
-                <div class="flex justify-center items-center">
-                    <img class="h-10 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/f/ff/Tesla_Motors.svg" alt="Tesla">
-                </div>
-                <div class="flex justify-center items-center">
-                    <img class="h-10 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/2/24/Spotify_logo_without_text.svg" alt="Spotify">
-                </div>
-                <div class="flex justify-center items-center">
-                    <img class="h-8 opacity-70 hover:opacity-100 transition duration-300" src="https://upload.wikimedia.org/wikipedia/commons/9/96/Uber_logo.svg" alt="Uber">
-                </div>
-            </div>
-        </div>
-    </section>
-
     <!-- Services Section -->
     <section id="services" class="py-20 bg-white">
         <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
@@ -167,7 +138,7 @@
                         <ul class="mt-4 space-y-2">
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                                <span class="text-gray-600">Domain-driven design approach</span>
+                                <span class="text-gray-600">Domain-driven & API First design approach</span>
                             </li>
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
@@ -175,7 +146,7 @@
                             </li>
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                                <span class="text-gray-600">API-first design principles</span>
+                                <span class="text-gray-600">API Gateway & Saga Pattern</span>
                             </li>
                         </ul>
                     </div>
@@ -196,15 +167,15 @@
                         <ul class="mt-4 space-y-2">
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                                <span class="text-gray-600">Polyglot persistence strategies</span>
+                                <span class="text-gray-600">Cloud Native Microservices</span>
                             </li>
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                                <span class="text-gray-600">Containerization with Docker</span>
+                                <span class="text-gray-600">Polyglot persistence strategies</span>
                             </li>
                             <li class="flex items-start">
                                 <i class="fas fa-check-circle text-green-500 mt-1 mr-2"></i>
-                                <span class="text-gray-600">Kubernetes orchestration</span>
+                                <span class="text-gray-600">Containerization & Orchestration</span>
                             </li>
                         </ul>
                     </div>
@@ -405,7 +376,7 @@
                             <div class="md:w-1/2 md:pl-16 mb-8 md:mb-0">
                                 <h3 class="text-xl font-bold text-gray-900">Full-Scale Development</h3>
                                 <p class="mt-2 text-gray-600">
-                                    We implement the complete solution with automated CI/CD pipelines, monitoring, and operational support.
+                                    We implement the complete solution with automated CI/CD pipelines, monitoring, Go-Live and operational support.
                                 </p>
                             </div>
                         </div>
@@ -415,9 +386,9 @@
                     <div class="relative">
                         <div class="md:flex items-center md:space-x-8">
                             <div class="md:w-1/2 md:pr-16 mb-8 md:mb-0 text-right">
-                                <h3 class="text-xl font-bold text-gray-900">Knowledge Transfer</h3>
+                                <h3 class="text-xl font-bold text-gray-900">Adoption</h3>
                                 <p class="mt-2 text-gray-600">
-                                    We ensure your team is fully equipped to maintain and extend the system through documentation and training.
+                                    We facilitate smooth adoption by empowering your team with thorough training and clear documentation.
                                 </p>
                             </div>
                             <div class="hidden md:block w-16 h-16 rounded-full bg-indigo-500 text-white flex items-center justify-center mx-auto flex-shrink-0">
@@ -426,6 +397,22 @@
                             <div class="md:w-1/2 md:pl-16"></div>
                         </div>
                     </div>
+
+                      <!-- Item 6 -->
+                    <div class="relative">
+                        <div class="md:flex items-center md:space-x-8">
+                            <div class="md:w-1/2 md:pr-16"></div>
+                            <div class="hidden md:block w-16 h-16 rounded-full bg-indigo-500 text-white flex items-center justify-center mx-auto flex-shrink-0">
+                                <i class="fas fa-expand-arrows-alt text-2xl"></i>
+                            </div>
+                            <div class="md:w-1/2 md:pl-16 mb-8 md:mb-0">
+                                <h3 class="text-xl font-bold text-gray-900">Support & Maintenance</h3>
+                                <p class="mt-2 text-gray-600">
+                                    We ensure reliable operation through ongoing support and proactive system maintenance.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
                 </div>
             </div>
         </div>
@@ -859,7 +846,6 @@
                 menu.classList.add('hidden');
             }
         });
-
         // Smooth scrolling for anchor links
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function (e) {
@@ -882,7 +868,6 @@
                 }
             });
         });
-
         // Form submission handling
         const contactForm = document.querySelector('form');
         if (contactForm) {