This is a Next.js-based web application designed to display mentor profiles, feedback, and mentorship details. The app offers responsive design for various screen sizes, ensuring a smooth user experience across mobile, tablet, and desktop devices.

Features

• Display mentor profiles with ratings, experience, and department information.
• Responsive layout that adapts to different screen sizes (sm, md, lg).
• View feedback from mentees on previous mentorship sessions.
• Social media links and mentor profile picture.
• Tailwind CSS integration for easy styling and responsiveness.

Tech Stack

• Frontend: React.js, TypeScript, Tailwind CSS, Next.js Image optimization.
• Styling: Tailwind CSS for responsive layouts.
• Data: Static data for mentor and feedback information.
• Components: Modular, reusable React components.

Components

1. Mentor

Displays the details of the mentor including the profile picture, rating, and social media links.

export default Mentor;