Blog Component - Copy this React, Tailwind Component to your project

Create a dynamic and engaging blog webpage for an alumni connect website. At the top, feature a visually appealing banner that highlights the latest or most popular blog posts. Below the banner, provide a search bar and filter options to allow users to easily browse blogs by categories such as "Career Guidance," "Success Stories," "Tech Innovations," "Entrepreneurship," "Higher Education," and "Personal Development." Each blog entry should display a title, author name, publication date, a brief summary, and a "Read More" button. When clicked, the full blog post should be displayed on a separate page with an intuitive layout, including social sharing options, an author bio, and a comment section for discussion. Include an option for alumni and students to submit their own blog posts, with a form requesting details like the blog title, category, content, images, and tags. Additionally, highlight trending and related blog posts at the bottom of each article to keep users engaged. Incorporate AI based content suggestions tailored to users' interests based on their browsing history and profile information.