"use client" // shadcn import { Badge } from "@/components/ui/badge" // third-party import { motion, type Variants } from "framer-motion" // project-imports import { SpotlightCard } from "@/components/animation/SaasSpotlightCard" // assets import { TrendingUp, Sliders, Globe } from "lucide-react" const fadeIn: Variants = { hidden: { opacity: 0, y: 25 }, visible: { opacity: 1, y: 0, transition: { duration: 0.6, ease: "easeOut" }, }, } const staggerContainer: Variants = { hidden: { opacity: 0 }, visible: { opacity: 1, transition: { staggerChildren: 0.12, }, }, } export default function Feature32() { return (

THE ONLY PLATFORM YOU NEED

Designed to Power Modern Financial Operations

Eliminate manual spreadsheets and gain complete visibility into cash flows, budgets, and automated reporting.

{[ { icon: TrendingUp, title: "Real-Time Insights", desc: "Monitor cash flows, revenue streaks, and expense velocity with automated live telemetry.", color: "bg-purple-50 dark:bg-purple-900/30 text-purple-600 dark:text-purple-400 border border-purple-100/80 dark:border-purple-900/50 group-hover:bg-purple-500 group-hover:text-white", spotlightColor: "rgba(168, 85, 247, 0.08)", borderColor: "rgba(168, 85, 247, 0.8)", }, { icon: Sliders, title: "Expense Automation", desc: "Smart AI rules automatically tag and categorize incoming invoices and vendor receipts.", color: "bg-blue-50 dark:bg-blue-900/30 text-blue-600 dark:text-blue-400 border border-blue-100/80 dark:border-blue-900/50 group-hover:bg-blue-500 group-hover:text-white", spotlightColor: "rgba(37, 99, 235, 0.08)", borderColor: "rgba(37, 99, 235, 0.8)", }, { icon: Globe, title: "Multi-Currency Hub", desc: "Hold, exchange, and send 40+ global currencies at real-time interbank conversion rates.", color: "bg-lime-50 dark:bg-lime-900/30 text-lime-600 dark:text-lime-400 border border-lime-100/80 dark:border-lime-900/50 group-hover:bg-lime-500 group-hover:text-white", spotlightColor: "rgba(132, 204, 22, 0.08)", borderColor: "rgba(132, 204, 22, 0.8)", }, ].map((card, idx) => { const IconComponent = card.icon return (

{card.title}

{card.desc}

) })}

) }