{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-features-1","type":"registry:block","title":"Features 1","description":"Tailark Dusk features variant 1 block","registryDependencies":["@tailark-oss/dusk-card"],"meta":{"aspect-ratio":"90/72","width":686,"height":549},"files":[{"path":"dusk/blocks/features/one.tsx","type":"registry:component","target":"@components/features-1.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\">Every deal, one view.</span> <br /> Stages and owners in one place.\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\">One pipeline view.</span> See every deal stage, owner, and next step without switching tabs.\n                        </p>\n\n                        <div className=\"my-16\">\n                            <div\n                                aria-hidden\n                                className=\"bg-background relative mx-auto aspect-square w-10/12 rounded-xl border\"\n                            >\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 ring\" />\n                            </div>\n                        </div>\n                    </Card>\n                    <Card className=\"lg:col-span-2\">\n                        <div className=\"p-8\">\n                            <p className=\"text-muted-foreground max-w-xs text-lg font-medium\">\n                                <span className=\"text-foreground\">Customer signals in context.</span> Notes, emails, and tasks stay linked to the account — not scattered across tools.\n                            </p>\n                        </div>\n\n                        <div className=\"mask-x-from-65% mt-6 pt-2\">\n                            <div\n                                aria-hidden\n                                className=\"bg-linear-to-b from-foreground/5 ring-foreground/6.5 relative h-72 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\" /> Pipeline visibility.\n                        </span>{' '}\n                        See every open deal and stage in one workspace.\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\" /> Account history.\n                        </span>{' '}\n                        Every email, note, and task stays on the record.\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\" /> Team alignment.\n                        </span>{' '}\n                        Reps and managers work from shared customer context.\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 health.\n                        </span>{' '}\n                        Spot risk and momentum before the quarter slips away.\n                    </p>\n                </div>\n            </div>\n        </section>\n    )\n}\n"}]}