{"$schema":"https://ui.shadcn.com/schema/registry-item.json","type":"registry:block","registryDependencies":["button","@efferd/header-1","@efferd/logo-cloud-3"],"name":"hero-1","description":"Centered hero with radial gradient background and announcement badge","categories":["hero"],"files":[{"path":"registry/blocks/hero/1/hero.tsx","type":"registry:component","content":"import { cn } from \"@/lib/utils\";\nimport { Button } from \"@/components/ui/button\";\n\nexport function HeroSection() {\n\treturn (\n\t\t<section className=\"mx-auto w-full max-w-5xl\">\n\t\t\t{/* Top Shades */}\n\t\t\t<div\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute inset-0 isolate hidden overflow-hidden contain-strict lg:block\"\n\t\t\t>\n\t\t\t\t<div className=\"absolute inset-0 -top-14 isolate -z-10 bg-[radial-gradient(35%_80%_at_49%_0%,--theme(--color-foreground/.08),transparent)] contain-strict\" />\n\t\t\t</div>\n\n\t\t\t{/* X Bold Faded Borders */}\n\t\t\t<div\n\t\t\t\taria-hidden=\"true\"\n\t\t\t\tclassName=\"absolute inset-0 mx-auto hidden min-h-screen w-full max-w-5xl lg:block\"\n\t\t\t>\n\t\t\t\t<div className=\"mask-y-from-80% mask-y-to-100% absolute inset-y-0 left-0 z-10 h-full w-px bg-foreground/15\" />\n\t\t\t\t<div className=\"mask-y-from-80% mask-y-to-100% absolute inset-y-0 right-0 z-10 h-full w-px bg-foreground/15\" />\n\t\t\t</div>\n\n\t\t\t{/* main content */}\n\n\t\t\t<div className=\"relative flex flex-col items-center justify-center gap-5 pt-32 pb-30\">\n\t\t\t\t{/* X Content Faded Borders */}\n\t\t\t\t<div\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\tclassName=\"absolute inset-0 -z-1 size-full overflow-hidden\"\n\t\t\t\t>\n\t\t\t\t\t<div className=\"absolute inset-y-0 left-4 w-px bg-linear-to-b from-transparent via-border to-border md:left-8\" />\n\t\t\t\t\t<div className=\"absolute inset-y-0 right-4 w-px bg-linear-to-b from-transparent via-border to-border md:right-8\" />\n\t\t\t\t\t<div className=\"absolute inset-y-0 left-8 w-px bg-linear-to-b from-transparent via-border/50 to-border/50 md:left-12\" />\n\t\t\t\t\t<div className=\"absolute inset-y-0 right-8 w-px bg-linear-to-b from-transparent via-border/50 to-border/50 md:right-12\" />\n\t\t\t\t</div>\n\n\t\t\t\t<a\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"group mx-auto flex w-fit items-center gap-3 rounded-full border bg-card px-3 py-1 shadow\",\n\t\t\t\t\t\t\"fade-in slide-in-from-bottom-10 animate-in fill-mode-backwards transition-all delay-500 duration-500 ease-out\"\n\t\t\t\t\t)}\n\t\t\t\t\thref=\"#link\"\n\t\t\t\t>\n\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\tclassName=\"size-3 text-muted-foreground\"\n\t\t\t\t\t\thugeicons=\"Rocket01Icon\"\n\t\t\t\t\t\tlucide=\"RocketIcon\"\n\t\t\t\t\t\tphosphor=\"RocketIcon\"\n\t\t\t\t\t\tremixicon=\"RiRocketLine\"\n\t\t\t\t\t\ttabler=\"IconRocket\"\n\t\t\t\t\t/>\n\t\t\t\t\t<span className=\"text-xs\">shipped new features!</span>\n\t\t\t\t\t<span className=\"block h-5 border-l\" />\n\n\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\tclassName=\"size-3 duration-150 ease-out group-hover:translate-x-1\"\n\t\t\t\t\t\thugeicons=\"ArrowRight02Icon\"\n\t\t\t\t\t\tlucide=\"ArrowRightIcon\"\n\t\t\t\t\t\tphosphor=\"ArrowRightIcon\"\n\t\t\t\t\t\tremixicon=\"RiArrowRightLine\"\n\t\t\t\t\t\ttabler=\"IconArrowRight\"\n\t\t\t\t\t/>\n\t\t\t\t</a>\n\n\t\t\t\t<h1\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"fade-in slide-in-from-bottom-10 animate-in text-balance fill-mode-backwards text-center text-4xl tracking-tight delay-100 duration-500 ease-out md:text-5xl lg:text-6xl\",\n\t\t\t\t\t\t\"text-shadow-[0_0px_50px_theme(--color-foreground/.2)]\"\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\tBuilding Teams Help <br /> You Scale and Lead\n\t\t\t\t</h1>\n\n\t\t\t\t<p className=\"fade-in slide-in-from-bottom-10 mx-auto max-w-md animate-in fill-mode-backwards text-center text-base text-foreground/80 tracking-wider delay-200 duration-500 ease-out sm:text-lg md:text-xl\">\n\t\t\t\t\tConecting you with world-class talent <br /> to scale, innovate and\n\t\t\t\t\tlead\n\t\t\t\t</p>\n\n\t\t\t\t<div className=\"fade-in slide-in-from-bottom-10 flex animate-in flex-row flex-wrap items-center justify-center gap-3 fill-mode-backwards pt-2 delay-300 duration-500 ease-out\">\n\t\t\t\t\t<Button className=\"rounded-full\" size=\"lg\" variant=\"secondary\">\n\t\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\t\tdata-icon=\"inline-start\"\n\t\t\t\t\t\t\thugeicons=\"Call02Icon\"\n\t\t\t\t\t\t\tlucide=\"PhoneCallIcon\"\n\t\t\t\t\t\t\tphosphor=\"PhoneCallIcon\"\n\t\t\t\t\t\t\tremixicon=\"RiPhoneLine\"\n\t\t\t\t\t\t\ttabler=\"IconPhone\"\n\t\t\t\t\t\t/>{\" \"}\n\t\t\t\t\t\tBook a Call\n\t\t\t\t\t</Button>\n\t\t\t\t\t<Button className=\"rounded-full\" size=\"lg\">\n\t\t\t\t\t\tGet started{\" \"}\n\t\t\t\t\t\t<IconPlaceholder\n\t\t\t\t\t\t\tdata-icon=\"inline-end\"\n\t\t\t\t\t\t\thugeicons=\"ArrowRight02Icon\"\n\t\t\t\t\t\t\tlucide=\"ArrowRightIcon\"\n\t\t\t\t\t\t\tphosphor=\"ArrowRightIcon\"\n\t\t\t\t\t\t\tremixicon=\"RiArrowRightLine\"\n\t\t\t\t\t\t\ttabler=\"IconArrowRight\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n"},{"path":"registry/blocks/hero/1/logos-section.tsx","type":"registry:component","content":"import { LogoCloud } from \"@/components/logo-cloud\"; // @efferd/logo-cloud-3\n\nexport function LogosSection() {\n\treturn (\n\t\t<section className=\"relative space-y-4 border-t pt-6 pb-10\">\n\t\t\t<h2 className=\"text-center font-medium text-lg text-muted-foreground tracking-tight md:text-xl\">\n\t\t\t\tTrusted by <span className=\"text-foreground\">experts</span>\n\t\t\t</h2>\n\t\t\t<div className=\"relative z-10 mx-auto max-w-4xl\">\n\t\t\t\t<LogoCloud />\n\t\t\t</div>\n\t\t</section>\n\t);\n}\n"}]}