Login Page - Copy this React, Tailwind Component to your project

Create-a-login-screen-with-the-following-elements:-Background:-a-picture-Login-Form:-Positioned-on-the-right-side-of-the-screen.-A-semi-transparent,-rounded-corner-white-overlay-with-light-opacity.-The-form-contains-the-following-elements,-vertically-aligned:-Title:-"Login"-in-bold.-Subtext:-"Welcome-onboard-with-us!"-below-the-title,-with-smaller,-lighter-text.-User-Name-Field:-Placeholder-text-"Enter-your-username"-in-a-light-blue-input-box.-Password-Field:-Placeholder-text-"Enter-your-password"-in-a-light-blue-input-box-below-the-username-field.Under-it-on-the-right-side-there-is-a-link-with-title-"Don't-have-account,-signIn?"-to-Sign-In-Login-Button:-Positioned-below-the-password-field,-in-bright-yellow-with-black-text-that-says-"LogIn."-Ensure-all-text-and-elements-are-centered-within-the-overlay.-Styling:-Use-a-minimalist-design-with-modern,-rounded-input-fields-and-buttons.-Subtle-drop-shadows-on-the-form-to-enhance-readability-against-the-background.