52: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"] 53: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"] 54:T14c6,import { Card, CardContent } from "@/components/ui/card"; import { Marquee } from "@/components/shadcn-space/animations/marquee"; type Review = { name: string; username: string; body: string; profile: string; }; const reviews: Review[] = [ { name: "Ken Masters", username: "@kmasters", body: "“Our productivity has nearly doubled since onboarding. Automation features removed repetitive tasks, allowing our team to focus on building instead of managing operations.”", profile: "https://images.shadcnspace.com/assets/profiles/rough.webp", }, { name: "Kira Athrun", username: "@kathrun", body: "“What surprised us most was how quickly our team adapted. Minimal learning curve, excellent documentation, and powerful features make it a must-have for modern SaaS companies.”", profile: "https://images.shadcnspace.com/assets/profiles/albert.webp", }, { name: "Lirael Nassun", username: "@lnassun", body: "“This is easily one of the most reliable SaaS tools we’ve adopted. The UI is intuitive, integrations are seamless, and it saves us countless hours every week.”", profile: "https://images.shadcnspace.com/assets/profiles/linda.webp", }, { name: "Jessica", username: "@jessica", body: "Switching to this platform streamlined our entire workflow. Setup was effortless, performance improved instantly, and our team now ships features faster without worrying about infrastructure.", profile: "https://images.shadcnspace.com/assets/profiles/jessica.webp", }, { name: "Jenny", username: "@jenny", body: "“We evaluated multiple solutions, but this stood out immediately. It’s fast, scalable, and thoughtfully designed for growing teams that need stability without added complexity.”", profile: "https://images.shadcnspace.com/assets/profiles/jenny.webp", }, { name: "Kira Athrun", username: "@kathrun", body: "“What surprised us most was how quickly our team adapted. Minimal learning curve, excellent documentation, and powerful features make it a must-have for modern SaaS companies.”", profile: "https://images.shadcnspace.com/assets/profiles/albert.webp", }, { name: "Ken Masters", username: "@kmasters", body: "“Our productivity has nearly doubled since onboarding. Automation features removed repetitive tasks, allowing our team to focus on building instead of managing operations.”", profile: "https://images.shadcnspace.com/assets/profiles/rough.webp", }, ]; const ReviewCard = ({ profile, name, username, body, }: Review) => { return (

{name}

{username}

{body}

); }; const VerticalMarqueeDemo = () => { return (

{reviews .filter((_, i) => i % 3 === 0) .map((review, idx) => ( ))} {reviews .filter((_, i) => i % 3 === 1) .map((review, idx) => ( ))} {reviews .filter((_, i) => i % 3 === 2) .map((review, idx) => ( ))} {reviews.map((review, idx) => ( ))}

); } export default VerticalMarqueeDemo; 55:Tbcd,import { ComponentPropsWithoutRef } from "react"; import { cn } from "@/lib/utils"; interface MarqueeProps extends ComponentPropsWithoutRef<"div"> { className?: string; /** * Whether to reverse the animation direction * @default false */ reverse?: boolean; /** * Whether to pause the animation on hover * @default false */ pauseOnHover?: boolean; /** * Content to be displayed in the marquee */ children: React.ReactNode; /** * Whether to animate vertically instead of horizontally * @default false */ vertical?: boolean; /** * Number of times to repeat the content * @default 4 */ repeat?: number; } export function Marquee({ className, reverse = false, pauseOnHover = false, children, vertical = false, repeat = 4, ...props }: MarqueeProps) { return ( <>

{Array(repeat) .fill(0) .map((_, i) => (

{children}

))}

); }51:["$","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":[null,["$","$L52",null,{"namespace":"@shadcn-space","registryDependencies":["card"]}]]}],null]}],["$","$L53",null,{"files":[{"path":"src/components/shadcn-space/marquee/marquee-03.tsx","content":"$54","type":"registry:component","target":"components/shadcn-space/marquee/marquee-03.tsx"},{"path":"src/components/shadcn-space/animations/marquee.tsx","content":"$55","type":"registry:component","target":"components/shadcn-space/animations/marquee.tsx"}],"className":"h-[70svh] min-h-80"}]]}]