import type { TestimonialType } from "@/components/testimonial-list"
import { TestimonialList } from "@/components/testimonial-list"

export function Testimonials02() {
  return (
    <div className="max-w-screen overflow-x-hidden">
      <div className="container mx-auto px-4 py-8">
        <div className="border-x border-line">
          <h2 className="screen-line-top screen-line-bottom ml-4 font-heading text-3xl font-semibold tracking-tight">
            Loved by Devs Worldwide
          </h2>

          <p className="p-4 text-base text-balance text-muted-foreground">
            See what developers are saying about my work and projects.
          </p>

          <div className="screen-line-top screen-line-bottom before:z-11 after:z-11 [&_.rfm-initial-child-container]:items-stretch! [&_.rfm-marquee]:items-stretch!">
            <TestimonialList data={TESTIMONIALS_1} />
            <div className="screen-line-top screen-line-bottom flex h-4" />
            <TestimonialList data={TESTIMONIALS_2} direction="right" />
          </div>
        </div>
      </div>
    </div>
  )
}

const TESTIMONIALS_1: TestimonialType[] = [
  {
    authorAvatar: "https://unavatar.io/x/kapehe_ok",
    authorName: "Kap",
    authorTagline: "Head of Developer Community @Vercel",
    url: "https://x.com/kapehe_ok/status/1948104774358106612",
    quote: "one of my favorite projects that submitted! you are crushing it!",
  },
  {
    authorAvatar: "https://unavatar.io/x/rauchg",
    authorName: "Guillermo Rauch",
    authorTagline: "CEO @Vercel",
    url: "https://x.com/rauchg/status/1978913158514237669",
    quote:
      "awesome. Love the components, especially slide-to-unlock. Great job",
  },
  {
    authorAvatar: "https://unavatar.io/x/iamsahaj_xyz",
    authorName: "Sahaj",
    authorTagline: "Creator of tweakcn.com",
    url: "https://x.com/iamsahaj_xyz/status/1982814244501381239",
    quote:
      "remember seeing it on @mannupaaji’s review. it’s one of the best looking ones I’ve seen",
  },
  {
    authorAvatar: "https://unavatar.io/x/FrancescoCiull4",
    authorName: "Francesco Ciulla",
    authorTagline: "Developer Advocate @daily.dev",
    url: "https://x.com/FrancescoCiull4/status/2006332479536529608",
    quote:
      "your portfolio is stunning. i created mine some weeks ago but this is another planet.",
  },
  {
    authorAvatar: "https://unavatar.io/x/orcdev",
    authorName: "OrcDev",
    authorTagline: "Creator of 8bitcn.com",
    url: "https://x.com/orcdev/status/2011373509310878010",
    quote: "@iamncdai is one of the best design engineers!",
  },
  {
    authorAvatar: "https://unavatar.io/x/shadcncraft?v=2",
    authorName: "shadcncraft",
    authorTagline: "shadcncraft.com",
    url: "https://x.com/shadcncraft/status/2017091317244055988",
    quote: "Love your work Dai! You’re a great talent :-)",
  },
  {
    authorAvatar: "https://unavatar.io/x/khushiirl",
    authorName: "khushi.vy",
    authorTagline: "Software Engineer",
    url: "https://x.com/khushiirl/status/2025894411155206168",
    quote: "Goated portfolio. I love the whole UI in Vercel style",
  },
  {
    authorAvatar: "https://unavatar.io/x/dimicx",
    authorName: "dimi",
    authorTagline: "Design Engineer",
    url: "https://x.com/dimicx/status/2035018694053577149",
    quote:
      "i like this subtle version a lot more than the over-the-top examples i see everywhere, very nice",
  },
]

const TESTIMONIALS_2: TestimonialType[] = [
  {
    authorAvatar: "https://unavatar.io/x/MaxPrilutskiy",
    authorName: "Max Prilutskiy",
    authorTagline: "CEO @Lingo.dev",
    url: "https://x.com/MaxPrilutskiy/status/1923952193893466379",
    quote: "i like your style! :)",
  },
  {
    authorAvatar: "https://unavatar.io/x/jordwalke",
    authorName: "jordwalke",
    authorTagline: "Creator of React",
    url: "https://x.com/jordwalke/status/1937165909778657589",
    quote: "Looks great",
  },
  {
    authorAvatar: "https://unavatar.io/x/mannupaaji",
    authorName: "Manu Arora",
    authorTagline: "Creator of ui.aceternity.com",
    url: "https://x.com/mannupaaji/status/1944755561117163597",
    quote: "Great work on the portfolio",
  },
  {
    authorAvatar: "https://unavatar.io/x/ajaypatel_aj",
    authorName: "Ajay Patel",
    authorTagline: "Creator of shadcnstudio.com",
    url: "https://x.com/ajaypatel_aj/status/1992946036558778494",
    quote: "This Portfolio is something else",
  },
  {
    authorAvatar: "https://unavatar.io/x/davidhdev",
    authorName: "David Haz",
    authorTagline: "Creator of reactbits.dev",
    url: "https://x.com/davidhdev/status/2017868986969444511",
    quote: "Simple and clean, love it!",
  },
  {
    authorAvatar: "https://unavatar.io/x/uixmat",
    authorName: "Matt",
    authorTagline: "Building bklit.com & ui.bklit.com",
    url: "https://x.com/uixmat/status/2023145872771436904",
    quote: "great work bro",
  },
  {
    authorAvatar: "https://unavatar.io/x/branmcconnell",
    authorName: "Brandon McConnell",
    authorTagline: "Frontend Engineer @mintlify",
    url: "https://x.com/branmcconnell/status/2028391281198862377",
    quote: "amazing, such cool libraries",
  },
  {
    authorAvatar: "https://unavatar.io/x/shadcn",
    authorName: "shadcn",
    authorTagline: "Creator of shadcn/ui",
    url: "https://x.com/shadcn/status/2032193591133495700",
    quote: "You’re doing amazing work.",
  },
  {
    authorAvatar: "https://unavatar.io/x/joshpuckett",
    authorName: "joshpuckett",
    authorTagline: "Teaching at interfacecraft.dev",
    url: "https://x.com/joshpuckett/status/2038713206764617896",
    quote: "Yooo I love this 🎨",
  },
]