Course Section - Copy this React, Tailwind Component to your project

Create a fully responsive component compatible with all devices, featuring six sections in the form of cards. The component should include: A main heading at the top titled 'Our Courses' in gray color. Below the main heading, a secondary heading 'Featured Courses' in black, underlined with a red line for emphasis. Six cards, arranged with three cards per row. Each card should contain: A course title (e.g., 'Web Development' for the first card). Three clickable subheadings (e.g., 'Frontend Development,' 'AI Development,' 'WordPress Development'). On clicking a subheading: A responsive pop up should appear with: A small course related image. A button labeled 'Go to Course Page'. A live countdown timer indicating the time remaining until the courses become available (launching on January 1st). The timer should update in real time. Design specifications: The cards should be responsive, animated, and have a professional appearance.