forEach method doesnt return anything. Can you change forEach to map function ?
<div class="cards">
{
cards.map((card) => (
<Card
gradientFrom={card.gradientFrom}
gradientTo={card.gradientTo}
to={card.to}
title={card.title}
/>
))
}
<Card
gradientFrom={cards[0].gradientFrom}
gradientTo={cards[0].gradientTo}
to={cards[0].to}
title={cards[0].title}
/>
</div>