diff --git a/src/app/page.tsx b/src/app/page.tsx
index b897361..2423144 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import HeroBillboardDashboard from "@/components/sections/hero/HeroBillboardDashboard";
 import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
-import FeatureCardTwentyThree, { type FeatureCard } from "@/components/sections/feature/FeatureCardTwentyThree";
+import FeatureCardTwentyThree from "@/components/sections/feature/FeatureCardTwentyThree";
 import MetricCardThree from "@/components/sections/metrics/MetricCardThree";
 import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
 import PricingCardNine from "@/components/sections/pricing/PricingCardNine";
@@ -10,7 +10,7 @@ import FaqBase from "@/components/sections/faq/FaqBase";
 import ContactFaq from "@/components/sections/contact/ContactFaq";
 import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Bot, User, Code, Database, Workflow, Settings, Search, FileText, Send, CheckCircle, Sparkles, CreditCard, Star, HelpCircle, Mail, Activity, DollarSign, MessageSquare } from "lucide-react";
+import { Bot, CheckCircle, Mail, DollarSign } from "lucide-react";
 
 export default function AIAgentsTemplatePage() {
     const navItems = [
@@ -22,9 +22,9 @@ export default function AIAgentsTemplatePage() {
     ];
 
     const features = [
-        { id: "1", title: "Agent Tasks", tags: ["Automation", "Efficiency"], description: "Agents break down complex goals." },
-        { id: "2", title: "Natural Conversations", tags: ["LLM", "Chat"], description: "Interact through natural language." },
-        { id: "3", title: "Tool Integration", tags: ["API", "Workflow"], description: "Connect agents to your stack." },
+        { id: "1", title: "Agent Tasks", tags: ["Automation", "Efficiency"] },
+        { id: "2", title: "Natural Conversations", tags: ["LLM", "Chat"] },
+        { id: "3", title: "Tool Integration", tags: ["API", "Workflow"] },
     ];
 
     const testimonials = [
@@ -66,6 +66,7 @@ export default function AIAgentsTemplatePage() {
                     stats: [
                         { title: "Active", values: [47, 52, 49], description: "Running" },
                         { title: "Tasks", values: [12840, 15230, 14100], description: "Total" },
+                        { title: "Latency", values: [10, 12, 11], description: "ms" },
                     ],
                     chartTitle: "Runs (24h)",                    chartData: [{ value: 120 }, { value: 85 }],
                     listTitle: "Activity",                    listItems: [{ icon: CheckCircle, title: "Report", status: "Done" }],
@@ -75,7 +76,7 @@ export default function AIAgentsTemplatePage() {
                 <FeatureCardTwentyThree features={features} animationType="slide-up" title="Capabilities" description="Everything you need to build AI agents." textboxLayout="split" useInvertedBackground={false} />
             </div>
             <div id="fintracker">
-                <MetricCardThree metrics={[{ id: "1", icon: DollarSign, title: "Processed", value: "$2.4M" }]} animationType="slide-up" title="Financial Tracking" description="Autonomous budget optimization." textboxLayout="split" useInvertedBackground={false} />
+                <MetricCardThree metrics={[{ id: "1", icon: DollarSign, title: "Processed", value: "$2.4M" }, { id: "2", icon: DollarSign, title: "Saved", value: "$1.2M" }]} animationType="slide-up" title="Financial Tracking" description="Autonomous budget optimization." textboxLayout="split" useInvertedBackground={false} />
             </div>
             <TestimonialCardTen testimonials={testimonials} title="Trusted Teams" description="Join thousands using AgentFlow." textboxLayout="split" useInvertedBackground={false} />
             <div id="pricing">