Social Media Website - Copy this React, Tailwind Component to your project

Create a comprehensive social media website with the following features: User Profiles: Users can create and manage their profiles. Profiles include a profile picture, bio, and personal details. Posting Content: Users can upload and share photos and videos. Posts can be publicly visible or restricted to specific groups or friends. Chat Functionality: Implement real time chat where users can send and receive messages. Support for one on one and group chats. Groups: Users can create and join groups. Group functionality includes posting content, discussions, and group management. Stories: Users can post stories that are visible for a limited time. Stories can include photos, videos, and text. Comments and Reactions: Users can comment on posts and stories. Implement reactions (like, love, etc.) on posts and stories. Notifications: Users receive notifications for interactions such as comments, likes, and messages. Search and Discovery: Implement a search feature to find users, groups, and posts. Include a discovery page for trending content and suggestions. Responsive Design: Ensure the website is fully responsive and works well on various devices (desktop, tablet, mobile). Backend Integration: Design the frontend to integrate seamlessly with the backend. Ensure that API endpoints for user management, content posting, chat, groups, and stories are well defined and documented. Code Comments and Documentation: Provide comprehensive comments in the code to explain the functionality of each component. Include detailed documentation for setting up and integrating the backend. make this whole website in next js