export default function SuccessMetrics() {
    return (
        <section className="w-full bg-dark-surface py-12 border-y border-white/5 relative z-20">
            <div className="max-w-[1280px] mx-auto px-4 lg:px-10 gsap-stagger">
                <div className="grid grid-cols-1 md:grid-cols-3 gap-8 text-center divide-y md:divide-y-0 md:divide-x divide-white/10">
                    <div className="p-4 flex flex-col items-center gap-2">
                        <span className="text-5xl font-black text-primary-light">
                            500+
                        </span>
                        <span className="text-text-light-muted font-medium text-sm uppercase tracking-wider mt-2">
                            Projects Delivered
                        </span>
                    </div>
                    <div className="p-4 flex flex-col items-center gap-2">
                        <span className="text-5xl font-black text-primary-light">
                            99%
                        </span>
                        <span className="text-text-light-muted font-medium text-sm uppercase tracking-wider mt-2">
                            Client Retention
                        </span>
                    </div>
                    <div className="p-4 flex flex-col items-center gap-2">
                        <span className="text-5xl font-black text-primary-light">
                            24/7
                        </span>
                        <span className="text-text-light-muted font-medium text-sm uppercase tracking-wider mt-2">
                            Support Active
                        </span>
                    </div>
                </div>
            </div>
        </section>
    );
}
