{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"veil-stats-4","type":"registry:block","title":"Stats 4","description":"Tailark Veil stats variant 4 block","meta":{"aspect-ratio":"90/42","width":686,"height":320},"files":[{"path":"veil/blocks/stats/four.tsx","type":"registry:component","target":"@components/stats-4.tsx","content":"import Image from 'next/image'\n\nexport default function Stats() {\n    return (\n        <section className=\"bg-background @container relative border-b pt-24 sm:pb-24\">\n            <div className=\"@2xl:grid-cols-2 mx-auto grid max-w-2xl px-6\">\n                <div>\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=\"mt-12 grid 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>\n            <div\n                aria-hidden\n                className=\"mask-radial-from-65% mask-radial-at-bottom mask-radial-[50%_100%] sm:min-w-6xl pointer-events-none relative sm:absolute sm:bottom-0 sm:left-1/2 sm:right-0 dark:opacity-50\"\n            >\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"}]}