Home Page - Copy this React, Tailwind Component to your project
Create a home page layout for after sign in. The layout should have the following structure: Left Side: Top Left: Display the user's profile picture, name, and institution. Below the Profile: Add buttons with the following functionalities: AI chatbot: Contains a post option where users can post a doubt, and any person can reply to that doubt. Career Seminars: Displays information about upcoming seminars related to career development. Debate Forum: Features a specific topic for discussion where users can engage in debates and share their views. Academic Help: Provides career guidance plans and resources to assist with academic and career decisions. Middle Section: Header: The header should span the entire width of the page, connecting the left and right sections. It should include buttons for 'Portal' (the current page or home page), 'Jobs,' 'Webinar,' and 'Workshop.' When any of these buttons are clicked, only the content in the middle section should change to reflect the selected page: Jobs: Display job posts that users can apply for. Webinar: Show current, past, and future webinar sessions. Workshop: Provide a discussion forum where people can participate in public or private rooms. Below the Header: Display a feed of posts from people connected to the user. Right Side: Top Right: Include a mini dashboard featuring a doughnut chart that shows the activities performed today, with the number of hours worked displayed in the center of the chart. Below the Mini Dashboard: Add a container showing a list of suggested people with similar interests. Bottom Right: Provide buttons for 'About,' 'Support,' and 'Privacy Policy.
