A I Flashcard App - Copy this React, Tailwind Component to your project

Develop-a-complete-web-SaaS-about-AI-powered-flashcards.-First,-offer-a-home-screen-where-the-user-can-access-all-the-service's-available-features.-Among-the-feature-buttons-I-mentioned,-create-one,-which-is-the-main-one,-that-takes-the-user-to-a-screen-where-they-can-share-a-PDF-file.-On-this-screen,-two-options-should-appear:-1.-one-that-takes-the-user-to-add-flashcards-manually,-and-2.-one-that-allows-the-user-to-upload-a-PDF-file,-in-which-the-service-will-automatically-generate-the-best-flashcards-with-AI,-through-NLP-and-machine-learning.-On-the-screen-for-option-1.,-there-should-be-a-field-for-the-user-to-add-the-text-on-the-front-and-another-field-for-the-user-to-add-the-text-on-the-back-of-the-flashcard.-There-should-also-be,-in-each-of-the-fields,-options-to-format-the-text-in-a-variety-of-ways.-On-the-screen-for-option-2,-there-should-be-a-card-with-text-inside-telling-the-user-to-upload-a-PDF-file,-as-the-service-will-generate-the-best-AI-flashcards-for-the-user.-This-card-must-have-a-large,-animated-border-that-gives-the-card-its-full-focus.-The-main-colors-of-this-SaaS-should-be-white-and-blue.-Also-create-an-option-for-a-light-theme-and-a-dark-theme.-The-dark-theme-should-consist-of-the-colors-navy-blue-and-blue.