4e:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 4f:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 50:T1632,import { ArrowRight, Box, Hexagon, Layers, Orbit, Triangle, Waves, Zap, } from "lucide-react" import { Button } from "@/components/ui/button" import { BlurFade } from "@/registry/balick/ui/blur-fade" import { GridPattern } from "@/registry/balick/ui/grid-pattern" import { Marquee } from "@/registry/balick/ui/marquee" import { Section } from "@/registry/balick/ui/section" import { ShimmerButton } from "@/registry/balick/ui/shimmer-button" const logos = [ { name: "Northwind", icon: Triangle }, { name: "Lumen", icon: Zap }, { name: "Arcadia", icon: Hexagon }, { name: "Vertex", icon: Box }, { name: "Halcyon", icon: Waves }, { name: "Quanta", icon: Orbit }, { name: "Stratum", icon: Layers }, ] const bars = [32, 48, 40, 64, 52, 72, 60, 84, 70, 92, 78, 100] function ProductPreview() { return (

{[70, 55, 80, 45, 60].map((width, i) => ( ))}

{[ { label: "Revenue", value: "$48.2k" }, { label: "Users", value: "12,480" }, { label: "Uptime", value: "99.99%" }, ].map((stat) => (

{stat.label}

{stat.value}

))}

{bars.map((height, i) => ( ))}

) } export function Hero01({ id = "hero" }: { id?: string }) { return (

v2.0 Read the changelog

The platform for teams that ship.

Build, deploy and monitor your product from one place. Fast by default, secure by design, delightful to use.

Start for free

No credit card required · Free 14-day trial

Trusted by fast-moving teams

{logos.map(({ name, icon: Icon }) => ( {name} ))}

) } 4d:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L4e",null,{"namespace":"@balick","registryDependencies":["button","https://ui.balick.me/r/blur-fade.json","https://ui.balick.me/r/grid-pattern.json","https://ui.balick.me/r/marquee.json","https://ui.balick.me/r/shimmer-button.json","https://ui.balick.me/r/section.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"registry/balick/blocks/hero-01/hero-01.tsx","content":"$50","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]