feat: Add NewsletterSignup component with state management

[cantinaverse]

PR Description

Summary

This PR introduces a new NewsletterSignup React component to the project. It sets up the structure, necessary imports, and state variables for handling user interactions.

Changes

• Component Creation

  • Added components/NewsletterSignup.tsx.

• Imports

  • Imported useState from React.

• Component Props

  • benefits: array of strings highlighting membership perks.
  • incentive: string for sign-up incentive (defaults to free NFT).

• State Variables

  • email: stores the user’s email input.
  • isSubmitted: tracks whether the form has been submitted.
  • isLoading: tracks the loading state during submission.

Motivation

This component establishes the foundation for a newsletter sign-up system. It ensures:

• Proper state handling for email input.
• Ability to extend with submission logic (API calls).
• Clear communication of benefits and incentives to users.

Next Steps

• Implement input field and submit button.
• Add API integration for signup.
• Provide user feedback (success/error messages).
• Style the component for UI consistency.