add data centers/server rooms to services

index.html

@@ -253,7 +253,6 @@
                         Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
                     </a>
                 </div>
-
                 <div class="service-card bg-white p-8 rounded-xl border border-gray-100 transition duration-300">
                     <div class="text-blue-600 mb-6">
                         <i data-feather="bell" class="w-10 h-10"></i>
@@ -266,7 +265,20 @@
                         Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
                     </a>
                 </div>
-            </div>
+
+                <div class="service-card bg-white p-8 rounded-xl border border-gray-100 transition duration-300">
+                    <div class="text-blue-600 mb-6">
+                        <i data-feather="server" class="w-10 h-10"></i>
+                    </div>
+                    <h3 class="text-xl font-bold mb-3">Data Center Design</h3>
+                    <p class="text-gray-600 mb-4">
+                        Tier III/IV certified facilities with precision cooling, power redundancy, and security systems.
+                    </p>
+                    <a href="#" class="text-blue-600 font-medium flex items-center">
+                        Learn more <i data-feather="arrow-right" class="ml-2 w-4 h-4"></i>
+                    </a>
+                </div>
+</div>
 </div>
     </section>
 
@@ -321,6 +333,7 @@
                     <li><a href="#" class="text-gray-400 hover:text-white transition">Telecom Systems</a></li>
                     <li><a href="#" class="text-gray-400 hover:text-white transition">Fire Protection</a></li>
                     <li><a href="#" class="text-gray-400 hover:text-white transition">Fire Alarm Systems</a></li>
+                    <li><a href="#" class="text-gray-400 hover:text-white transition">Data Center Design</a></li>
 </ul>
                 </div>
                 
@@ -332,7 +345,8 @@
                         <li><a href="#" class="text-gray-400 hover:text-white transition">Bio-Safety Laboratories (BSL)</a></li>
 <li><a href="#" class="text-gray-400 hover:text-white transition">Manufacturing</a></li>
                         <li><a href="#" class="text-gray-400 hover:text-white transition">Research Labs</a></li>
-                    </ul>
+                        <li><a href="#" class="text-gray-400 hover:text-white transition">Data Centers</a></li>
+</ul>
                 </div>
                 
                 <div>