diff --git a/components/services.tsx b/components/services.tsx
index fc60ee4..08e619f 100644
--- a/components/services.tsx
+++ b/components/services.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { useRef, useState } from "react"
-import { Globe, Cloud, Wrench, ArrowUpRight } from "lucide-react"
+import { Globe, Cloud, Wrench, ArrowUpRight, Bot } from "lucide-react"
 
 const services = [
   {
@@ -24,6 +24,13 @@ const services = [
     description: "Our tech experts can help you with all of your I.T problems, from emails and cloud to printers and full computer repairs.",
     features: ["Email Setup", "Cloud Solutions", "Printer Support", "Computer Repairs", "Network Setup", "Remote Support"],
     number: "03"
+  },
+  {
+    icon: Bot,
+    title: "AI Solutions",
+    description: "Harness the power of artificial intelligence for your business — from intelligent chatbots and automation to custom AI integrations that save time and boost productivity.",
+    features: ["AI Chatbots", "Workflow Automation", "AI Integrations", "Custom Agents", "Document AI", "Consulting"],
+    number: "04"
   }
 ]
 
@@ -131,7 +138,7 @@ export function Services() {
         </div>
 
         {/* Services Grid */}
-        <div className="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
+        <div className="grid md:grid-cols-2 gap-6">
           {services.map((service, index) => (
             <ServiceCard key={service.title} service={service} index={index} />
           ))}