{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"dusk-hero-section-3","type":"registry:block","title":"Hero Section 3","description":"Tailark Dusk hero-section variant 3 block","registryDependencies":["@tailark-oss/dusk-hero-section-3-header","@tailark-oss/dusk-hero-section-3-logo-cloud"],"meta":{"aspect-ratio":"60/51","width":686,"height":583},"files":[{"path":"dusk/blocks/hero-section/three/hero-section.tsx","type":"registry:component","target":"@components/hero-section-3.tsx","content":"import { HeroHeader } from '@/components/hero-section-3-header'\nimport { LogoCloud } from '@/components/hero-section-3-logo-cloud'\nimport Image from 'next/image'\n\nexport default function HeroSection() {\n    return (\n        <>\n            <HeroHeader />\n\n            <main className=\"overflow-hidden\">\n                <section>\n                    <div className=\"relative mx-auto px-4 pb-4 pt-32 lg:pt-44\">\n                        <div className=\"mx-auto max-w-7xl px-6\">\n                            <h1 className=\"relative z-10 mx-auto max-w-xl text-balance text-center text-4xl font-medium tracking-tight\">\n                                <span className=\"text-muted-foreground\">Train Smarter. Recover faster with</span> a personal coach\n                            </h1>\n\n                            <LogoCloud />\n                        </div>\n\n                        <div className=\"relative mt-12 overflow-hidden rounded-2xl py-20\">\n                            <Image\n                                src=\"/woman-meditating-in-mountains.jpg\"\n                                alt=\"hero background\"\n                                width={2000}\n                                height={1331}\n                                className=\"absolute inset-0 size-full object-cover grayscale\"\n                            />\n\n                            <div className=\"relative z-10\">\n                                <div className=\"aspect-27/58 rounded-4xl ring-foreground/15 after:border-foreground/10 absolute inset-0 mx-auto max-w-72 border border-black/15 bg-zinc-900/75 shadow-2xl ring backdrop-blur after:absolute after:-inset-3 after:rounded-[2.5rem] after:border\"></div>\n\n                                <div\n                                    aria-hidden\n                                    className=\"aspect-27/58 relative mx-auto max-w-72 overflow-hidden\"\n                                >\n                                    <Image\n                                        src=\"/strava.png\"\n                                        alt=\"strava app screenshot\"\n                                        width={1284}\n                                        height={2778}\n                                        className=\"rounded-4xl size-full object-cover\"\n                                    />\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </section>\n            </main>\n        </>\n    )\n}\n"}]}