Product Grid Component - Copy this Angular, Tailwind Component to your project

Create a fully functional e commerce web application that displays products as cards with their image as the background, including the product name and price at the bottom with a shadow effect for better readability; implement a shopping cart that allows users to view added products, delete them, change quantities, and dynamically update the total price; include a checkout process with a form for the customer to input name, last name, address, and mobile number; and integrate a payment gateway using PayPal for secure transactions, ensuring a modern front end framework like React, Vue, or Angular is used, with a responsive design and a clean, intuitive UI/UX for seamless user interaction.