Connection Card - Copy this React, Tailwind Component to your project

Design a user friendly web application that includes a secure login page with fields for username and password, and integrates authentication mechanisms. Post login, users should be presented with a clean, intuitive dashboard displaying their lockers and connections. Design an organized layout for managing connections, where users can view and update terms and resources related to their lockers. Implement interactive elements like dropdowns, links, and status indicators for ease of use. Ensure responsiveness across devices with a modern aesthetic, incorporating clear navigation menus, well defined sections for different functionalities, and a consistent color scheme that aligns with the application's branding. The design should focus on a seamless user experience, providing clear feedback and error messages while maintaining a cohesive visual style throughout the application.