Mobile Learning App Screen - Copy this React, Tailwind Component to your project
A mobile learning app screen displaying an interactive exercise with a clean, minimalistic design. At the top, there's a progress bar showing the user's current progress in a lesson with a label “Đúng sai” (Correct/Incorrect). Below that, the instruction text in green reads “Chọn đúng sai” (Choose correct or incorrect). In the center of the screen is a large card with an image of a man wearing a suit, extending a hand holding a fan of dollar bills. The text at the bottom of the card is divided into two parts: in bold white text, it says "A high paying job," and underneath in Vietnamese text, it reads "Một công việc lương thấp" (A low paying job), creating a contradiction between the English and Vietnamese text. There is also a large yellow hand icon pointing towards the card, indicating user interaction. Below the card are two large buttons for answering: the left button is labeled “Sai” (Wrong) with an 'X' icon, and the right button is labeled “Đúng” (Correct) with a checkmark icon. The screen is designed to prompt the user to identify whether the phrase shown is correct or incorrect, encouraging engagement and learning through interactive decision making.
