{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-features-2","type":"registry:block","title":"Features 2","description":"Tailark Dusk features variant 2 block","registryDependencies":["@tailark-oss/dusk-card"],"meta":{"aspect-ratio":"90/72","width":686,"height":549},"files":[{"path":"dusk/blocks/features/two.tsx","type":"registry:component","target":"@components/features-2.tsx","content":"import { Card } from '@/components/ui/card'\nimport { ArrowLeftRight, Bell, LineChart, Users } from 'lucide-react'\n\nexport default function Features() {\n    return (\n        <section className=\"py-16 md:py-20\">\n            <div className=\"mx-auto max-w-7xl px-6\">\n                <h2 className=\"text-muted-foreground max-w-4xl text-balance text-4xl font-medium tracking-tight lg:text-5xl\">\n                    <span className=\"text-foreground\">Revenue, aligned.</span> <br /> One timeline per customer.\n                </h2>\n                <div className=\"*:bg-background mt-8 grid gap-3 md:mt-16 md:grid-cols-2 lg:grid-cols-3\">\n                    <Card className=\"p-8\">\n                        <p className=\"text-muted-foreground max-w-xs text-lg font-medium\">\n                            <span className=\"text-foreground\">Account ownership, clarified.</span> Know who owns each relationship and what happened last.\n                        </p>\n\n                        <div className=\"my-16\">\n                            <div\n                                aria-hidden\n                                className=\"relative mx-auto aspect-square w-10/12\"\n                            >\n                                <div className=\"mask-b-from-75% absolute inset-0\">\n                                    <div className=\"bg-background h-full rounded-xl border\"></div>\n                                </div>\n                                <div className=\"bg-card ring-foreground/6.5 absolute bottom-0 right-0 aspect-square w-3/5 translate-x-8 translate-y-16 rounded-xl shadow-xl shadow-black/5 ring\" />\n                            </div>\n                        </div>\n                    </Card>\n                    <Card>\n                        <div className=\"p-8\">\n                            <p className=\"text-muted-foreground max-w-xs text-lg font-medium\">\n                                <span className=\"text-foreground\">Follow-up without friction.</span> Tasks and reminders tied to real deal momentum, not busywork.\n                            </p>\n                        </div>\n\n                        <div className=\"mask-x-from-65% relative mt-6 pt-2\">\n                            <div\n                                aria-hidden\n                                className=\"bg-linear-to-b from-card to background ring-foreground/6.5 relative h-72 rounded-xl shadow-xl ring\"\n                            ></div>\n                        </div>\n                    </Card>\n                    <Card className=\"p-8\">\n                        <p className=\"text-muted-foreground max-w-xs text-lg font-medium\">\n                            <span className=\"text-foreground\">Revenue teams aligned.</span> Sales and success share one timeline per customer, from first touch to renewal.\n                        </p>\n\n                        <div className=\"mask-b-from-75% mt-16\">\n                            <div\n                                aria-hidden\n                                className=\"bg-background relative mx-auto flex aspect-square flex-col justify-between rounded-xl border pb-6\"\n                            >\n                                <div className=\"flex gap-1 border-b p-3\">\n                                    <div className=\"bg-foreground/10 size-1 rounded-full\"></div>\n                                    <div className=\"bg-foreground/10 size-1 rounded-full\"></div>\n                                    <div className=\"bg-foreground/10 size-1 rounded-full\"></div>\n                                </div>\n\n                                <div className=\"bg-card ring-foreground/6.5 mx-6 mt-auto aspect-video rounded-xl shadow-xl ring\" />\n                            </div>\n                        </div>\n                    </Card>\n                </div>\n\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\" /> Lead routing.\n                        </span>{' '}\n                        Assign new accounts to the right owner automatically.\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\" /> Activity tracking.\n                        </span>{' '}\n                        Log calls, emails, and meetings without extra admin steps.\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\" /> Renewal visibility.\n                        </span>{' '}\n                        Expansion and churn signals surface before contracts lapse.\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\" /> Rep focus.\n                        </span>{' '}\n                        Less time updating the CRM, more time with customers.\n                    </p>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}