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

products: Product[] = [ { id: 1, name: "Smartphone X", price: 699, category: "Electronics", description: "Latest smartphone with advanced features", image: "https://images.unsplash.com/photo-1511707171634-5f897ff02aa9" }, { id: 2, name: "Organic Bananas", price: 4.99, category: "Groceries", description: "Fresh organic bananas from local farmers", image: "https://images.unsplash.com/photo-1481349518771-20055b2a7b24" }, { id: 3, name: "Denim Jacket", price: 89.99, category: "Clothes", description: "Classic denim jacket with modern fit", image: "https://images.unsplash.com/photo-1551028719-00167b16eac5" } ]; update this product interface to accomodate some 100 images of electronics ,clothes and groceries