{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-hero-section-2","type":"registry:block","title":"Hero Section 2","description":"Tailark Dusk hero-section variant 2 block","registryDependencies":["@tailark-oss/dusk-button","@tailark-oss/dusk-hero-section-2-header","@tailark-oss/dusk-hero-section-2-logo-cloud"],"meta":{"aspect-ratio":"90/76","width":686,"height":579},"files":[{"path":"dusk/blocks/hero-section/two/hero-section.tsx","type":"registry:component","target":"@components/hero-section-2.tsx","content":"import Link from 'next/link'\nimport { Button } from '@/components/ui/button'\nimport Image from 'next/image'\nimport { HeroHeader } from '@/components/hero-section-2-header'\nimport LogoCloud from '@/components/hero-section-2-logo-cloud'\n\nexport default function HeroSection() {\n    return (\n        <>\n            <HeroHeader />\n            <main className=\"overflow-hidden\">\n                <section className=\"pt-44\">\n                    <div className=\"mx-auto max-w-7xl px-6\">\n                        <div className=\"flex justify-between gap-6 max-md:flex-col md:items-end lg:mt-16\">\n                            <h1 className=\"max-w-2xl text-balance text-5xl font-medium tracking-tight md:text-6xl\">Build Software business can rely on</h1>\n\n                            <Button\n                                className=\"w-fit\"\n                                asChild\n                                size=\"lg\">\n                                <Link href=\"#\">Get Started</Link>\n                            </Button>\n                        </div>\n\n                        <div className=\"relative -mx-2 mt-8 overflow-hidden rounded-3xl bg-black p-2 max-sm:-mr-56 sm:mt-12\">\n                            <div className=\"bg-background ring-foreground/6.5 before:mask-radial-at-top-left before:mask-radial-from-65% before:mask-radial-[100%_60%] before:ring-foreground before:border-foreground/10 relative rounded-2xl p-2 shadow-2xl shadow-black/55 ring before:absolute before:-inset-px before:z-10 before:size-56 before:rounded-tl-2xl before:border-l before:border-t\">\n                                <div className=\"bg-foreground/2 z-1 absolute inset-0 rounded-2xl\"></div>\n                                <Image\n                                    className=\"bg-background aspect-15/8 relative rounded-2xl\"\n                                    src=\"/mail2.png\"\n                                    alt=\"app screen\"\n                                    width=\"2700\"\n                                    height=\"1440\"\n                                />\n                            </div>\n                        </div>\n                    </div>\n                </section>\n                <LogoCloud />\n            </main>\n        </>\n    )\n}\n"}]}