zod/packages/docs/components/platinum.tsx

export const Platinum = () => {
  const companies = [
    // {
    //   name: "Mobb",
    //   description: "Automatically fix code vulnerabilities within GitHub in seconds",
    //   logoDark: "https://i.imgur.com/3ixYoUf.png",
    //   logoLight: "https://i.imgur.com/u1nWypQ.png",
    //   url: "mobb.ai",
    //   href: "https://www.mobb.ai/?utm_source=zod",
    // },
    {
      name: "CodeRabbit",
      description: "Cut code review time & bugs in half",
      logoDark: "https://github.com/user-attachments/assets/eea24edb-ff20-4532-b57c-e8719f455d6d",
      logoLight: "https://github.com/user-attachments/assets/d791bc7d-dc60-4d55-9c31-97779839cb74",
      url: "coderabbit.ai",
      href: "https://www.coderabbit.ai/",
    },
  ];

  return (
    <div className="w-full max-w-5xl mx-auto border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden bg-white dark:bg-gray-900">
      <div className="divide-y divide-gray-200 dark:divide-gray-700">
        {companies.map((company) => (
          <div key={company.name} className="p-4 text-center">
            <a href={company.href}>
              <div className="w-full py-2 pb-0 flex justify-center items-center dark:border-gray-700">
                <img
                  className="m-0! hidden dark:block h-20 object-contain"
                  alt={`${company.name} logo (dark theme)`}
                  src={company.logoDark}
                />
                <img
                  className="m-0! block dark:hidden h-20 object-contain"
                  alt={`${company.name} logo (light theme)`}
                  src={company.logoLight}
                />
              </div>
            </a>
            <p className="text-lg font-medium text-gray-800 dark:text-gray-200 pt-2 pb-1 m-0!">
              {company.description}
            </p>
            <p className="text-sm text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 m-0!">
              <a href={company.href} className="transition-colors duration-200">
                {company.url}
              </a>
            </p>
          </div>
        ))}
      </div>
    </div>
  );
};