51: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"] 52: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"] 53:T1dd8,import { ArrowUpRight, ChevronRight, ChevronUp } from "lucide-react"; import React from "react"; import { cn } from "cn"; import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; interface Image { src: string; alt: string; srcDark?: string; } interface Button { text: string; url: string; icon?: React.ReactNode; } interface Buttons { primary?: Button; secondary?: Button; } interface Badge { text: string; announcement?: string; url?: string; } interface FeatureSingleFocusProps { heading: string; description: string; image: Image; buttons?: Buttons; badge?: Badge; className?: string; } interface Feature239Props extends FeatureSingleFocusProps {} type Props = Partial; const defaultProps: FeatureSingleFocusProps = { heading: "Transform an Idea into Reality", description: "Unleash your creativity and break through barriers. Our platform brings all your ideas together in one intuitive workspace. Eliminate creative blocks and empower your team to imagine, design, and deliver.", label: "Section label", badge: { text: "Badge", }, features: [ { title: "Advanced Design Templates", }, { title: "Collaborative Editing", }, { title: "Resource Libraries", }, { title: "Real-time Feedback Tools", }, { title: "Custom Asset Export", }, { title: "Version History", }, ], stats: [ { value: "400+", title: "Slack", description: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam, corporis!", }, { value: "4000+", title: "Google Drive", description: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam, corporis!", }, { value: "7000+", title: "Dropbox", description: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam, corporis!", }, { value: "850+", title: "Github", description: "Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quisquam, corporis!", }, ], buttons: { secondary: { text: "Browse components", url: "https://www.shadcnblocks.com", }, }, image: { src: "https://cdn.shadcnblocks.com/shadcnblocks/image-set/modern/photos/photo-1-1x1.jpg", alt: "Product workspace preview", }, }; const Feature239 = (props: Props) => { const { className, badge, heading, description, image, buttons } = { ...defaultProps, ...props, }; const lines = heading.split("\n"); return (

{badge?.text && ( {badge.text} )}

{lines.map((line, i) => ( {i > 0 &&
} {line} ))}

{description}

{buttons?.secondary ? ( ) : null}

2025 March

New
Collection

Discover our latest release of beautifully crafted components.

See All

); }; export { Feature239 }; const DottedDiv = ({ children, className, }: { children: React.ReactNode; className?: string; }) => (

{children}

); 50:["$","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"}]]}]}],["$","li","cn",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/cn","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":"cn"}]]}]}]]}],["$","$L51",null,{"namespace":"@shadcnblocks","registryDependencies":["badge","button"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"block/feature239/feature239.tsx","content":"$53","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]

{lines.map((line, i) => ( {i > 0 && } {line} ))}

New Collection

{lines.map((line, i) => ( {i > 0 &&
} {line} ))}

New
Collection