Login Page - Copy this React, Tailwind Component to your project
1. Overall Layout The design is divided into two main sections: Left Side: Contains the login form. Right Side: Features an illustration of a student studying, with a night sky background. 2. Header Section Organization Name: "SỞ GIÁO DỤC VÀ ĐÀO TẠO THÀNH PHỐ HỒ CHÍ MINH" (Ho Chi Minh City Department of Education and Training). System Name: "HỆ THỐNG ĐÁNH GIÁ THI ĐUA KHEN THƯỞNG" (Evaluation and Commendation System). Logo: Displayed to the left of the text, representing the Department of Education. 3. Login Form Text Fields: First field for "Username" (placeholder: “Enter your Ho Chi Minh City Department of Education username”). Second field is a dropdown to select "School." Checkbox: "Remember Me" option to save login information. Login Button: A prominent orange button labeled "Đồng ý" (Agree/Log In). 4. Support Links Technical Support: Includes contact names and phone numbers for technical support. Help Dropdown: A button labeled "Liên hệ hỗ trợ" (Contact Support) with a dropdown icon. 5. Footer Section Partner Logos: Displays logos of partner organizations at the bottom, such as "Bách Khoa," "LMS 360 E Learning," and logos for the Evaluation Systems. Copyright Notice: At the very bottom, indicating ownership and copyright. 6. Visual Style Background Gradient: Light blue gradient across the entire page. Illustration: A stylized image of a student studying under a night sky with scattered stars. Rounded Corners: The entire form and illustration are placed in a container with rounded edges, giving a soft, friendly look.
