.claude/settings.json

@@ -1,7 +1,6 @@
 {
   "enabledPlugins": {
     "frontend-design@claude-plugins-official": true,
-    "typescript-lsp@claude-plugins-official": true,
-    "supabase@claude-plugins-official": true
+    "typescript-lsp@claude-plugins-official": true
   }
 }

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} />
           ))}