Function CommunityCard

apps/web/pages/index.tsx:362–393

({
  url,
  brandColor,
  logoUrl,
}: {
  url: string;
  communityName: string;
  description: string;
  brandColor: string;
  logoUrl: string;
})

};

const CommunityCard = ({
  url,
  brandColor,
  logoUrl,
}: {
  url: string;
  communityName: string;
  description: string;
  brandColor: string;
  logoUrl: string;
}) => {
  return (
    <a
      className="flex items-center justify-center rounded"
      style={{
        backgroundColor: brandColor,
      }}
      href={url}
      target="_blank"
      rel="noreferrer"
    >
      <div className="relative h-28 w-52 m-2">
        <Image
          src={logoUrl}
          alt="Logo"
          fill
          style={{ objectFit: 'contain' }}
        ></Image>
      </div>
    </a>
  );
};

type Props = {
  logoUrl: string;