{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-stats-3","type":"registry:block","title":"Stats 3","description":"Tailark Veil stats variant 3 block","meta":{"aspect-ratio":"90/51","width":686,"height":389},"files":[{"path":"veil/blocks/stats/three.tsx","type":"registry:component","target":"@components/stats-3.tsx","content":"import Image from 'next/image'\n\nexport default function Stats() {\n    return (\n        <section className=\"bg-background @container pt-24\">\n            <div className=\"mx-auto max-w-2xl px-6\">\n                <div className=\"space-y-4\">\n                    <h2 className=\"text-balance font-serif text-4xl font-medium\">Trusted by Teams Worldwide</h2>\n                    <p className=\"text-muted-foreground text-balance\">Our platform delivers measurable results that help businesses scale faster and work smarter.</p>\n                </div>\n                <div className=\"@xl:grid-cols-3 mt-12 grid gap-6 text-sm\">\n                    <div className=\"border-t py-6\">\n                        <p className=\"text-muted-foreground text-xl\">\n                            <span className=\"text-foreground font-medium\">99.9%</span> Uptime guarantee.\n                        </p>\n                    </div>\n\n                    <div className=\"border-t py-6\">\n                        <p className=\"text-muted-foreground text-xl\">\n                            <span className=\"text-foreground font-medium\">10M+</span> API requests processed daily.\n                        </p>\n                    </div>\n\n                    <div className=\"border-t py-6\">\n                        <p className=\"text-muted-foreground text-xl\">\n                            <span className=\"text-foreground font-medium\">500+</span> Enterprise customers.\n                        </p>\n                    </div>\n                </div>\n            </div>\n            <div className=\"mask-radial-from-65% mask-radial-at-bottom mask-radial-[50%_100%] pointer-events-none relative mx-auto max-w-4xl dark:opacity-50\">\n                <div className=\"bg-primary absolute inset-0 z-10 mix-blend-overlay\" />\n                <Image\n                    src=\"https://images.unsplash.com/photo-1723307060937-b003478a2c03?q=80&w=2928&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n                    alt=\"globe with world map\"\n                    className=\"dark:invert\"\n                    width={2928}\n                    height={1464}\n                />\n            </div>\n        </section>\n    )\n}\n"}]}