Function EffectCards

src/showcase/ui-group/EffectCards.tsx:36–60

()

]

const EffectCards = () => {
  return (
    <div>
      <div className="grid grid-cols-2 gap-4 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
        {data.map((item) => (
          <Link href={item.link} key={item.id}>
            <Card title={item.title}>
              {item.image ? (
                <Image
                  width={200}
                  height={200}
                  src={item.image}
                  alt={item.title}
                  className="h-auto w-[150px] duration-300 ease-in-out group-hover:scale-110"
                />
              ) : (
                item.preview
              )}
            </Card>
          </Link>
        ))}
      </div>
    </div>
  )
}

export default EffectCards