Tab Panel - Copy this React, Tailwind Component to your project

Create horizontal tabs with 3 panels named: Product, Solution, Resource. Each panel should contain 4 cards arranged in a 2:2 ratio. Each card should have an icon, name, and info. On hover, the background color of the card should change to a linear gradient with a transition delay of 0.3s.