Product Card - Copy this React, Tailwind Component to your project

Create a sleek product card section in a dark theme layout, featuring four cards arranged in a 2x2 grid. Each card highlights a specific product with the following design details: Card 1 (Top Left): A close up of two modern smartphones, one golden and one with a vibrant display, on a black background. The headline reads, "Amp Your Style with itel Latest Smartphones" in white text. A small red arrow icon follows the text. Card 2 (Top Right): A smart connectivity device displayed on a black background. The headline reads, "Stay Effortlessly Connected All Day, Every Day" in white text, with a red arrow icon next to the text. Card 3 (Bottom Left): A sleek, thin smart TV with a bright, colorful display is shown on a black background. The headline says, "Dive into Endless Entertainment: itel Smart TV" in white text, with a red arrow icon following. Card 4 (Bottom Right): Various smart gadgets, including smartwatches and earbuds, are displayed on a black background. The headline reads, "Level up Your Game: itel Smart Gadgets!" in white text, with a small red arrow icon. Overall Style: Each card has rounded corners and is separated by small gaps. The background behind all the cards is dark with subtle, curved red lines to add depth. The color palette includes black for the background, white for the text, red for arrow icons, and vivid colors for product displays.