Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This application is a web-based solution designed to automate the sending of welcome emails to users who successfully join the Founding Crew waitlist. It streamlines user engagement by providing personalized communication and essential next steps, enhancing the overall user experience.

## CORE FEATURES
1. **Automated Welcome Email**: Sends a personalized welcome email with a discount code upon successful waitlist signup.
2. **Success Modal Notification**: Displays a success modal immediately after the user submits their email, confirming their addition to the waitlist.
3. **Conditional Messaging**: Customizes email content based on the user's state, providing specific information about the launch in Texas and expansion plans.
4. **Error Handling**: Logs email sending errors without interrupting the user experience, ensuring users still see the success modal.
5. **Plain Text Fallback**: Provides a plain text version of the email for clients that do not support HTML, ensuring accessibility.
6. **Stripe Discount Code Integration**: Generates a discount code that is automatically applied during checkout for future purchases.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design is clean and simple with ample white space, a minimal color palette, and a strong focus on typography to enhance readability.
- **Color Mode**: Light theme featuring dark text on light backgrounds for optimal contrast and ease of reading.
- **Layout**: A centered layout structure that ensures the email content is easy to digest, with clear sections for greetings, discount codes, and next steps. The use of borders and background colors helps to delineate different sections.
- **Typography**: 
  - Headings: 'Fraunces', Georgia, serif; used for headers to create a distinguished and elegant look.
  - Body Text: 'Satoshi', system-ui, sans-serif; used for the main content for clarity and modernity.
  - Font Sizes: Hierarchical structure with varying sizes for titles (24px), subtitles (20px), and body text (16px) ensures a clear visual hierarchy.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling to create responsive layouts efficiently.
- **UI Components**: Utilize shadcn/ui for polished user interface components.
- **State Management**: Use React Context or a state management library if global state management is required.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install dependencies including Tailwind CSS and shadcn/ui.
2. **Configure Resend API**: Ensure that the Resend API is set up and the API key is securely stored in environment variables.
3. **Create Email Functionality**: 
   - Implement the `/api/send-welcome-email` endpoint to handle sending the welcome email via the Resend service.
   - Utilize the provided HTML structure for styling the email, ensuring it aligns with existing OTP email templates.
4. **Integrate Waitlist Signup Logic**: In the relevant components (Index.tsx and Offer.tsx), implement the logic that captures user input and triggers the email sending process after a successful signup.
5. **Design Success Modal**: Create a modal component that displays a success message upon successful waitlist signup, ensuring it is visually distinct and user-friendly.
6. **Test Email Functionality**: Send test emails to verify that the email content is correctly personalized and the conditional logic works as intended.
7. **Implement Error Handling**: Ensure that any errors during email sending are logged while still displaying the success modal to the user.
8. **Review and Finalize**: Conduct thorough testing across different email clients and devices to ensure compatibility and responsiveness.

## USER EXPERIENCE
Users will interact with the application by submitting their email through a form on the home or offer page. Upon successful signup, they will see a success modal confirming their addition to the waitlist. Shortly after, they will receive a personalized welcome email detailing their discount code and next steps, enhancing their connection with the Founding Crew. Users will also receive clear communication regarding the launch timeline in their respective states, ensuring they feel informed and valued.
```