Product Details Page - Copy this Html, Tailwind Component to your project

now I want you to make me the page corresponding to the product categories. This page contains two columns, the first one lists all the product categories. The second column contains two rows, the first row contains the breadcrumb (category and product), and the second row contains a grid listing of the products for the currently selected category from the categories column. The product grid contains the product image, a title containing the product name. The categories column should indicate (using css styles) to the user which category is selected to improve the user experience. The categories can have subcategories, in the case of having, I need you to indicate to the user through a dropdown initially closed that there are categories, then when the user touches the dropdown I need you to list vertically in the categories column, the subcategories of the selected category. I need this design to be responsive.