Dark Quick Text U I - Copy this Html, Tailwind Component to your project
Create a modern, dark themed UI using HTML and CSS for a web application called "QuickText." The design should include the following components: Header: At the top, a small, left aligned title called "QuickText" in a minimal white font. Main Section: A card in the center with a slightly rounded border and a dark gray background. Inside the card, the top section has: A dropdown menu on the left labeled "Accessible for 1 hour" with a light background and a rounded border. A checkbox labeled "Burn after reading" to the right of the dropdown. A small password input field next to the checkbox for password protection. A rounded button labeled "Generate" on the far right in light beige color. Below this, a large text area (for entering messages) with a placeholder saying "Enter your message." Footer Section: Two buttons side by side at the bottom of the card: A left aligned button labeled "Message." A right aligned button labeled "Enter code." Both buttons should have a soft, rounded design and be styled in beige color, contrasting with the dark theme of the card. Design Notes: Use a clean, minimal font like "Sans serif" or "Roboto." Ensure all buttons and inputs have soft borders and subtle hover effects. The background color of the entire app should be black or very dark gray, and the card elements should be a slightly lighter gray.
