Books Page - Copy this React, Tailwind Component to your project

Create a visually appealing and responsive books page for an NGO's website featuring 13 book cards. Each card should be divided into two sections: the left side displaying the book image, and the right side containing the book title, published date, and a "Read" button with an icon that opens the book PDF when clicked. The design should incorporate formal and vibrant colors for enhanced visual appeal and understanding. Additionally, include relevant fields related to the NGO, such as book categories, author names, brief descriptions, and tags for different projects or initiatives. Ensure the page is fully responsive, providing an optimal viewing experience across all devices.