{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-features-6","type":"registry:block","title":"Features 6","description":"Tailark Dusk features variant 6 block","meta":{"aspect-ratio":"72/55","width":686,"height":524},"files":[{"path":"dusk/blocks/features/six.tsx","type":"registry:component","target":"@components/features-6.tsx","content":"import { Bell, LineChart, Users, ArrowLeftRight } from 'lucide-react'\nimport Image from 'next/image'\n\nexport default function FeaturesSection() {\n    return (\n        <section className=\"py-16 md:py-20\">\n            <div className=\"mx-auto max-w-7xl space-y-12 px-6\">\n                <h2 className=\"text-muted-foreground relative z-10 max-w-4xl text-balance text-4xl font-medium tracking-tight lg:text-5xl\">\n                    <span className=\"text-foreground\">Your stack, connected.</span> <br /> Git sync or AI agents, your way.\n                </h2>\n                <div className=\"relative -mx-6 overflow-hidden px-3 pt-3 md:-mx-8\">\n                    <div className=\"mask-radial-at-top-left mask-radial-from-65% mask-radial-[100%_60%] z-1 absolute inset-3 size-64 rounded-tl-3xl border-l border-t md:size-96 lg:inset-4\"></div>\n                    <div className=\"min-w-2xl aspect-88/36 mask-b-from-75% mask-b-to-95% relative\">\n                        <Image\n                            src=\"/mail-upper.png\"\n                            className=\"absolute inset-0 z-10\"\n                            alt=\"payments illustration\"\n                            width={2797}\n                            height={1137}\n                        />\n                        <Image\n                            src=\"/mail-back.png\"\n                            alt=\"payments illustration\"\n                            width={2797}\n                            height={1137}\n                            className=\"opacity-75\"\n                        />\n                    </div>\n                </div>\n                <div className=\"max-sm:*:not-last:border-b max-sm:*:not-last:pb-3 mt-12 grid gap-3 *:max-w-xs sm:grid-cols-2 md:mt-16 md:gap-y-6 lg:mt-24 lg:grid-cols-4 lg:gap-6\">\n                    <p className=\"text-muted-foreground text-balance\">\n                        <span className=\"text-foreground font-medium\">\n                            <ArrowLeftRight className=\"inline size-4 -translate-y-0.5\" /> Seamless handoffs.\n                        </span>{' '}\n                        Ownership changes without resetting the relationship.\n                    </p>\n\n                    <p className=\"text-muted-foreground text-balance\">\n                        <span className=\"text-foreground font-medium\">\n                            <Bell className=\"inline size-4 -translate-y-0.5\" /> Proactive alerts.\n                        </span>{' '}\n                        Surface renewals and quiet accounts before they slip.\n                    </p>\n\n                    <p className=\"text-muted-foreground text-balance\">\n                        <span className=\"text-foreground font-medium\">\n                            <Users className=\"inline size-4 -translate-y-0.5\" /> Shared timeline.\n                        </span>{' '}\n                        Sales, success, and support work from one account view.\n                    </p>\n\n                    <p className=\"text-muted-foreground text-balance\">\n                        <span className=\"text-foreground font-medium\">\n                            <LineChart className=\"inline size-4 -translate-y-0.5\" /> Forecast clarity.\n                        </span>{' '}\n                        Leaders see risk and momentum without chasing updates.\n                    </p>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}