// shadcn import { Button } from "@/components/ui/button" // third-party import { cn } from "cn" // assets import { Briefcase, Globe, Heart, Users } from "lucide-react" // constants const themes = { light: { section: "py-24 sm:py-32", heading: "text-lg font-medium text-slate-900 sm:text-3xl dark:text-slate-100", description: "max-w-150 text-base text-slate-700 dark:text-slate-300", }, dark: { section: "bg-slate-900 py-24 sm:py-32", heading: "text-lg font-medium text-slate-100 sm:text-3xl", description: "max-w-150 text-base text-slate-300", }, } const tileShapes = { card: "rounded-2xl shadow-[0_0_40px_-8px_#4680ff38]", pill: "rounded-full", } // types interface Statistics4Props { theme?: "light" | "dark" /** Put the heading column after the stat tiles */ reverse?: boolean /** "card" = rounded squares with a glow, "pill" = circles */ tileShape?: keyof typeof tileShapes } // ------------------------------ | STATISTICS 4 | ------------------------------ // export default function Statistics4({ theme = "light", reverse = false, tileShape = "card", }: Statistics4Props) { const t = themes[theme] const intro = (

STATISTICS

What Numbers Say

Discover how simple it is to integrate, configure, monitor, and scale your business operations with our next-generation SaaS platform.

) return (

{!reverse && intro}

360+

TRAINED STAFF

14+

OFFICES WORLDWIDE

1440+

COMPLETED PROJECTS

56+

LOYAL CLIENTS

{reverse && intro}

) }