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:T102d,import { ArrowRightIcon } from "lucide-react"; import { ReactNode } from "react"; import { cn } from "@/lib/utils"; import Github from "../../logos/github"; import { Badge } from "../../ui/badge"; import Glow from "../../ui/glow"; import { LinkButton, type LinkButtonProps } from "../../ui/link-button"; import { Mockup, MockupFrame } from "../../ui/mockup"; import Screenshot from "../../ui/screenshot"; import { Section } from "../../ui/section"; interface HeroButtonProps extends Omit { text: string; } interface HeroProps { title?: string; description?: string; mockup?: ReactNode | false; badge?: ReactNode | false; buttons?: HeroButtonProps[] | false; className?: string; } const DEFAULT_HERO_BUTTONS: HeroButtonProps[] = [ { href: "https://www.launchuicomponents.com/", text: "Get Started", variant: "default", }, { href: "https://www.launchuicomponents.com/", text: "GitHub", variant: "glow", icon: , }, ]; const DEFAULT_HERO_BADGE = ( New version of Launch UI is out! Get started ); const DEFAULT_HERO_MOCKUP = ( ); export default function Hero({ title = "Give your big idea the design it deserves", description = "Professionally designed blocks and templates built with React, Shadcn/ui and Tailwind that will help your product stand out.", mockup = DEFAULT_HERO_MOCKUP, badge = DEFAULT_HERO_BADGE, buttons = DEFAULT_HERO_BUTTONS, className, }: HeroProps) { return (

{badge !== false && badge}

{title}

{description}

{buttons !== false && buttons.length > 0 && (

{buttons.map((button) => ( {button.text} ))}

)} {mockup !== false && (

{mockup}

)}

); } 51:T7f2,import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; import * as React from "react"; import { cn } from "@/lib/utils"; const buttonVariants = cva( "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0", { variants: { variant: { default: "text-primary-foreground shadow-sm dark:hover:from-primary/80 hover:from-primary/70 dark:hover:to-primary/70 hover:to-primary/90 bg-linear-to-b from-primary/60 to-primary/100 dark:from-primary/100 dark:to-primary/70 border-t-primary", destructive: "bg-destructive/30 text-destructive-foreground shadow-xs hover:bg-destructive/90", outline: "border border-input bg-background shadow-xs hover:bg-accent hover:text-accent-foreground", glow: "glass-4 hover:glass-5 shadow-md", secondary: "bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80", ghost: "hover:bg-accent hover:text-accent-foreground", link: "text-foreground underline-offset-4 hover:underline", }, size: { default: "h-9 px-4 py-2", xs: "h-7 rounded-md px-2", sm: "h-8 rounded-md px-3 text-xs", lg: "h-10 rounded-md px-5", icon: "size-9", }, }, defaultVariants: { variant: "default", size: "default", }, }, ); function Button({ className, variant, size, asChild = false, ...props }: React.ComponentProps<"button"> & VariantProps & { asChild?: boolean; }) { const Comp = asChild ? Slot : "button"; return ( ); } export { Button, buttonVariants }; 52:T695,import { Slot } from "@radix-ui/react-slot"; import { cva, type VariantProps } from "class-variance-authority"; import * as React from "react"; import { cn } from "@/lib/utils"; const badgeVariants = cva( "inline-flex items-center rounded-full border border-border/100 dark:border-border/20 text-xs font-semibold transition-colors focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 gap-2", { variants: { variant: { default: "border-transparent bg-primary text-primary-foreground dark:shadow-sm dark:border-transparent", brand: "border-transparent bg-brand text-primary-foreground dark:shadow-sm dark:border-transparent", "brand-secondary": "border-transparent bg-brand-foreground/20 text-brand dark:border-transparent", secondary: "border-transparent bg-secondary text-secondary-foreground dark:shadow-sm dark:border-transparent", destructive: "border-transparent bg-destructive/30 text-destructive-foreground dark:shadow-sm dark:border-transparent", outline: "text-foreground", }, size: { default: "px-2.5 py-1", sm: "px-1", }, }, defaultVariants: { variant: "default", size: "default", }, }, ); function Badge({ className, variant, size, asChild = false, ...props }: React.ComponentProps<"span"> & VariantProps & { asChild?: boolean }) { const Comp = asChild ? Slot : "span"; return ( ); } export { Badge, badgeVariants }; 53:T59a,import { cva, type VariantProps } from "class-variance-authority"; import React from "react"; import { cn } from "@/lib/utils"; const mockupVariants = cva( "flex relative z-10 overflow-hidden shadow-2xl border border-border/70 dark:border-border/5 dark:border-t-border/15", { variants: { type: { mobile: "rounded-[48px] max-w-[350px]", responsive: "rounded-md", }, }, defaultVariants: { type: "responsive", }, }, ); export interface MockupProps extends React.HTMLAttributes, VariantProps {} function Mockup({ className, type, ...props }: MockupProps) { return (

); } const frameVariants = cva( "bg-border/50 flex relative z-10 overflow-hidden rounded-2xl dark:bg-border/10", { variants: { size: { small: "p-2", large: "p-4", }, }, defaultVariants: { size: "small", }, }, ); export interface MockupFrameProps extends React.HTMLAttributes, VariantProps {} function MockupFrame({ className, size, ...props }: MockupFrameProps) { return (

); } export { Mockup, MockupFrame }; 54:T512,import { cva, VariantProps } from "class-variance-authority"; import React from "react"; import { cn } from "@/lib/utils"; const glowVariants = cva("absolute w-full", { variants: { variant: { top: "top-0", above: "-top-[128px]", bottom: "bottom-0", below: "-bottom-[128px]", center: "top-[50%]", }, }, defaultVariants: { variant: "top", }, }); function Glow({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps) { return (

); } export default Glow; 55:T925,const Github = (props: React.SVGProps) => ( ); export default Github; 56:T48a,import Image, { type ImageProps } from "next/image"; import { cn } from "@/lib/utils"; interface ScreenshotProps { srcLight: string; srcDark?: string; alt: string; width: number; height: number; loading?: ImageProps["loading"]; className?: string; } export default function Screenshot({ srcLight, srcDark, alt, width, height, loading, className, }: ScreenshotProps) { if (!srcDark) { return ( {alt}

); } return ( <> {alt}

); } 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","@radix-ui/react-slot",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/%40radix-ui%2Freact-slot","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":"@radix-ui/react-slot"}]]}]}],["$","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"}]]}]}],["$","li","next-themes",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/next-themes","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":"next-themes"}]]}]}]]}],["$","$L4e",null,{"namespace":"@launchui","registryDependencies":["https://launchuicomponents.com/r/button.json","https://launchuicomponents.com/r/badge.json","https://launchuicomponents.com/r/mockup.json","https://launchuicomponents.com/r/glow.json","https://launchuicomponents.com/r/screenshot.json"]}]]}],null]}],["$","$L4f",null,{"files":[{"path":"components/sections/hero/default.tsx","content":"$50","type":"registry:block","target":"components/sections/hero/default.tsx"},{"path":"components/ui/button.tsx","content":"$51","type":"registry:ui","target":"components/ui/button.tsx"},{"path":"components/ui/badge.tsx","content":"$52","type":"registry:ui","target":"components/ui/badge.tsx"},{"path":"components/ui/link-button.tsx","content":"import { type VariantProps } from \"class-variance-authority\";\nimport { type ComponentProps, type ReactNode } from \"react\";\n\nimport { Button, buttonVariants } from \"./button\";\n\nexport interface LinkButtonProps {\n href: string;\n children: ReactNode;\n variant?: VariantProps[\"variant\"];\n icon?: ReactNode;\n iconRight?: ReactNode;\n size?: ComponentProps[\"size\"];\n}\n\nexport function LinkButton({\n href,\n children,\n variant = \"default\",\n icon,\n iconRight,\n size = \"lg\",\n}: LinkButtonProps) {\n return (\n \n );\n}\n","type":"registry:ui","target":"components/ui/link-button.tsx"},{"path":"components/ui/mockup.tsx","content":"$53","type":"registry:ui","target":"components/ui/mockup.tsx"},{"path":"components/ui/glow.tsx","content":"$54","type":"registry:ui","target":"components/ui/glow.tsx"},{"path":"components/logos/github.tsx","content":"$55","type":"registry:component","target":"components/logos/github.tsx"},{"path":"components/ui/screenshot.tsx","content":"$56","type":"registry:ui","target":"components/ui/screenshot.tsx"}],"className":"h-[70svh] min-h-80"}]]}]