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:T1450,import { cn } from "@/lib/utils"; import { InfiniteSlider } from "@/components/ui/infinite-slider"; import { Avatar, AvatarFallback, AvatarImage, } from "@/components/ui/avatar"; type Testimonial = { quote: string; image: string; name: string; role: string; company?: 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", }, ]; const firstColumn = testimonials.slice(0, 3); const secondColumn = testimonials.slice(3, 6); const thirdColumn = testimonials.slice(6, 9); export function TestimonialsSection() { return (

Testimonials

What our users say

See what our customers have to say about us.

{firstColumn.map((testimonial) => ( ))} {secondColumn.map((testimonial) => ( ))} {thirdColumn.map((testimonial) => ( ))}

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

{quote}

{name.charAt(0)}

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

); } 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","@efferd/infinite-slider"]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/blocks/testimonials/6/testimonials-section.tsx","content":"$51","type":"registry:component"}],"className":"h-[70svh] min-h-80"}]]}]