4f:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 50:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 51:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 52:Tfdf,'use client'; import { CardTestimonial, TestimonialAuthor, TestimonialQuote, TestimonialRating, } from '@/components/systaliko-ui/cards/card-testimonial'; import { CardsContainer, CardTransformed, ContainerScrollRotatedCards, } from '@/components/systaliko-ui/cards/cards-stack-rotated'; import * as React from 'react'; const TESTIMONIALS = [ { id: 'testimonial-3', name: 'Youcef Bnm.', profession: 'Frontend Developer', rating: 5, quote: 'Their innovative solutions and quick turnaround time made our collaboration incredibly successful. Highly recommended!', avatarUrl: 'https://lh3.googleusercontent.com/a/ACg8ocKV3NNwtqyu8_gbuVEDARpyUpTuFtb_XPAIETgsD3wbXx4F4xlE=s576-c-no', }, { id: 'testimonial-1', name: 'Jessica H.', profession: 'Web Designer', rating: 4.5, quote: "The attention to detail and user experience in their work is exceptional. I'm thoroughly impressed with the final product.", avatarUrl: 'https://plus.unsplash.com/premium_photo-1690407617542-2f210cf20d7e?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8OXx8cHJvZmlsZXxlbnwwfHwwfHx8MA%3D%3D', }, { id: 'testimonial-2', name: 'Lisa M.', profession: 'UX Designer', rating: 5, quote: 'Working with them was a game-changer for our project. Their expertise and professionalism exceeded our expectations.', avatarUrl: 'https://images.unsplash.com/photo-1534528741775-53994a69daeb?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8MTF8fHByb2ZpbGV8ZW58MHx8MHx8fDA%3D', }, { id: 'testimonial-4', name: 'Jane D.', profession: 'UI/UX Designer', rating: 4.5, quote: 'The quality of work and communication throughout the project was outstanding. They delivered exactly what we needed.', avatarUrl: 'https://images.unsplash.com/photo-1580489944761-15a19d654956?w=800&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1yZWxhdGVkfDN8fHxlbnwwfHx8fHw%3D', }, ]; export function CardsStackRotatedDemo() { return (

Testimonials

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellendus consequatur reprehenderit.

{TESTIMONIALS.map((testimonial, index) => (

{testimonial.quote}

))}

); } 4b:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[]}],["$","$L4f",null,{"registryDependencies":["https://systaliko-ui.vercel.app/r/cards-stack-rotated","https://systaliko-ui.vercel.app/r/card-testimonial"]}]]}],["$","$L50",null,{"sourceUrl":"https://systaliko-ui.vercel.app/r/cards-stack-rotated-demo.json","proxyUrl":"https://shadcnregistry.com/r/systaliko-ui/cards-stack-rotated-demo","itemId":"@systaliko-ui/cards-stack-rotated-demo"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L51",null,{"files":[{"path":"registry/demo/cards/cards-stack-rotated/index.tsx","content":"$52","type":"registry:block","target":"components/systaliko-ui/demo/cards/cards-stack-rotated.tsx"}]}]]}],"$L53"]}]

Cards Stack Rotated Demo

Installation

Files

components

Styles