4f: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"] 50: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"] 51:T14d2,import { cn } from "@/lib/utils"; // https://magicui.design/docs/components/grid-pattern import { GridPattern } from "@/components/ui/grid-pattern"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; import { FullWidthDivider } from "@/components/full-width-divider"; import { GridFiller } from "@/components/grid-filler"; type Testimonial = { name: string; role: string; image: string; company?: string; quote: string; }; const testimonials: Testimonial[] = [ { quote: "Efferd is so polished I might just retire and become a full-time potato farmer. The ecosystem is in safe hands.", image: "https://github.com/shadcn.png", name: "Shadcn", role: "Founder", company: "Shadcn UI", }, { quote: "Efferd is why I still have hair. No more pulling it out over centering divs or fighting with CSS grid.", image: "https://github.com/rauchg.png", name: "Guillermo Rauch", role: "CEO", company: "Vercel", }, { quote: "I tried to buy Efferd but they wouldn't sell. So I just bought Twitter instead to complain about it.", image: "https://unavatar.io/x/elonmusk", name: "Elon Musk", role: "CEO", company: "X.com", }, { quote: "We just acquired Efferd for 3 gazillion dollars. We're calling it iEfferd. It's our best product yet.", image: "https://unavatar.io/x/tim_cook", name: "Tim Cook", role: "CEO", company: "Apple", }, { quote: "I'm considering shipping Efferd components with Prime delivery. 2-day shipping on beautiful UIs? Done.", image: "https://unavatar.io/x/JeffBezos", name: "Jeff Bezos", role: "Founder", company: "Amazon", }, { quote: "We're rewriting OpenAI's entire frontend in Efferd. The AGI told us it's the only logical choice.", image: "https://unavatar.io/x/sama", name: "Sam Altman", role: "CEO", company: "OpenAI", }, { quote: "We processed 100 petabytes of data to find the perfect UI library. The algorithm returned 'Efferd' with 99.9% confidence.", image: "https://unavatar.io/x/sundarpichai", name: "Sundar Pichai", role: "CEO", company: "Google", }, { quote: "Our links might 404 sometimes, but thanks to Efferd, at least the 404 page looks absolutely stunning.", image: "https://github.com/steven-tey.png", name: "Steven Tey", role: "Founder", company: "Dub.co", }, { quote: "It's so fast, I finished my UI sprint before my next meeting even started. Open source for the win.", image: "https://unavatar.io/x/peer_rich", name: "Peer Richelsen", role: "Co-Founder", company: "Cal.com", }, { quote: "21st.dev brings in 100k users daily just to see Efferd. We got into YC solely because of this UI library. And yes, we're rich now.", image: "https://github.com/serafimcloud.png", name: "Serafim", role: "Founder", company: "21st Labs.", }, { quote: "I posted a video on Efferd components and it got more views than my cat video. That's statistically impossible.", image: "https://github.com/TheOrcDev.png", name: "OrcDev", role: "Youtuber", }, ]; export function TestimonialsSection() { return (

Real Results, Real Voices

Used by thousands of developers to build beautiful, accessible, and performant web applications.

{testimonials.map((testimonial) => ( ))}

); } function TestimonialsCard({ testimonial, className, ...props }: React.ComponentProps<"figure"> & { testimonial: Testimonial; }) { const { quote, company, image, name, role } = testimonial; return (

{name.charAt(0)}

{name} {role} {company && `, ${company}`}

{quote}

); } 4e:["$","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,["$","$L4f",null,{"namespace":"@efferd","registryDependencies":["avatar","@magicui/grid-pattern","@efferd/full-width-divider","@efferd/grid-filler"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/blocks/testimonials/5/testimonials-section.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]