Styled Card - Copy this React, Mui Component to your project

Create a horizontal tab component with three panels named 'Product,' 'Solution,' and 'Resource.' Each panel should display four cards in a 2:2 ratio, with each card containing an icon, name, and information. When hovering over a card, its background should change to a linear gradient with a smooth transition effect.