Posts - Copy this React, Tailwind Component to your project

Design a Home Layout Similar to Instagram's Post Feed Objective: Create a responsive home page layout that resembles the Instagram post feed, featuring a grid of posts with user interactions, such as likes, comments, and sharing options. Features: Post Grid: Display a grid of posts, each consisting of an image, user information, and interactive elements. The grid should adapt to different screen sizes, maintaining a consistent and user friendly layout. Post Components: Image: Display the main content of the post. User Information: Show the user's profile picture, username, and location (optional). Likes & Comments: Include icons for liking and commenting, along with the count of likes and comments. Caption: Display a brief caption or description below the post image. Date/Time: Show when the post was created. Responsive Design: Ensure the layout is mobile friendly, adjusting the number of columns based on screen width. Use Tailwind CSS for styling to achieve a modern and clean design. Interactive Elements: Like Button: Allow users to like a post with a heart icon. Comment Button: Enable users to view and add comments. Share Button: Provide an option to share the post.