Products - Copy this React, Tailwind Component to your project

Here’s the translation of your request into English: A website with an online store divided into sections, specializing in video editing and design. There are 6 sections, each containing 20 products. Each product has its name displayed and can be added to the cart. When a product image is clicked, detailed information about the product is shown. Below the product information, there are options such as video editing resolutions (1080p, 2K, 4K, etc.), with checkboxes next to them. Each option adds a specific amount to the product's price. The cart stores purchased items, displaying the product image, price, and any additional services requested. The website includes 3D shapes falling from the top and attractive effects. All products are displayed on an infinite scrolling bar with a transparent glass background. Each product has a heart icon to mark it as a favorite, keeping it saved, and a share icon to share the product. Upon completing the purchase, users click "Buy" to proceed to a new page with the total price and input fields for credit card information. The site supports all types of credit cards, allowing users to enter their details and complete the purchase.