In this frontend challenge, you'll build a Newsletter Card Component. This challenge is perfect for you if you've been learning HTML and CSS and are looking to practice what you've learned by building something new and beginner-friendly.

You can use as many (or as few) tools, libraries, and frameworks as you'd like. If you're trying to learn something new, this might be a great way to push yourself.

• The Newsletter Card Component should have an email input field for the user to enter their email address and a subscribe button.
• An email input field should be validated before the user can submit the form.
• If the email address is not valid, an error alert message should be displayed to the user.
• When the user clicks on the subscribe button, a success message should be displayed to the user.
• Show the hover state of all the elements.
• The component should be responsive and display correctly on different screen sizes.
• Make this landing page look as close to the design as possible.

Use a framework like React, Vue, or Svelte. Or, if you're feeling particularly adventurous, try writing everything in Vanilla JavaScript.