Testimonials 02

1import type { TestimonialType } from "@/registry/blocks/testimonials-02/components/testimonial-list"
2import { TestimonialList } from "@/registry/blocks/testimonials-02/components/testimonial-list"
3 
4export default function Testimonials02() {
5  return (
6    <div className="max-w-screen overflow-x-clip">
7      <div className="container mx-auto px-4">
8        <div className="border-x border-line py-8">
9          <h2 className="screen-line-top screen-line-bottom ml-4 font-heading text-3xl font-medium tracking-tight">
10            Loved by devs worldwide
11          </h2>
12 
13          <p className="p-4 text-base text-balance text-muted-foreground">
14            See what developers are saying about my work and projects.
15          </p>
16 
17          <div className="screen-line-top screen-line-bottom before:z-11 after:z-11 [&_.rfm-initial-child-container]:items-stretch! [&_.rfm-marquee]:items-stretch!">
18            <TestimonialList data={TESTIMONIALS_1} />
19            <div className="screen-line-top screen-line-bottom flex h-4" />
20            <TestimonialList data={TESTIMONIALS_2} direction="right" />
21          </div>
22        </div>
23      </div>
24    </div>
25  )
26}
27 
28const TESTIMONIALS_1: TestimonialType[] = [
29  {
30    authorAvatar: "https://unavatar.io/x/kapehe_ok",
31    authorName: "Kap",
32    authorTagline: "Head of Developer Community @Vercel",
33    url: "https://x.com/kapehe_ok/status/1948104774358106612",
34    quote: "one of my favorite projects that submitted! you are crushing it!",
35  },
36  {
37    authorAvatar: "https://unavatar.io/x/rauchg",
38    authorName: "Guillermo Rauch",
39    authorTagline: "CEO @Vercel",
40    url: "https://x.com/rauchg/status/1978913158514237669",
41    quote:
42      "awesome. Love the components, especially slide-to-unlock. Great job",
43  },
44  {
45    authorAvatar: "https://unavatar.io/x/iamsahaj_xyz",
46    authorName: "Sahaj",
47    authorTagline: "Creator of tweakcn.com",
48    url: "https://x.com/iamsahaj_xyz/status/1982814244501381239",
49    quote:
50      "remember seeing it on @mannupaaji’s review. it’s one of the best looking ones I’ve seen",
51  },
52  {
53    authorAvatar: "https://unavatar.io/x/FrancescoCiull4",
54    authorName: "Francesco Ciulla",
55    authorTagline: "Developer Advocate @daily.dev",
56    url: "https://x.com/FrancescoCiull4/status/2006332479536529608",
57    quote:
58      "your portfolio is stunning. i created mine some weeks ago but this is another planet.",
59  },
60  {
61    authorAvatar: "https://unavatar.io/x/orcdev",
62    authorName: "OrcDev",
63// … truncated