Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed for organizing and managing online baby shower events. It will facilitate event planning, gift selection, and payment processing through WhatsApp, providing a seamless experience for users looking to celebrate this special occasion.

## CORE FEATURES
1. **Event Creation**: Users can set up new baby shower events, including details such as date, time, location, and guest list.
2. **Gift Registry**: A feature allowing parents-to-be to create and manage a list of desired gifts, making it easy for guests to choose gifts.
3. **RSVP Management**: Guests can RSVP directly through the app, with notifications sent to event hosts.
4. **Payment Integration**: Secure payment processing via WhatsApp, allowing guests to easily contribute to gifts or pay for event costs.
5. **Event Reminders**: Automated reminders for guests about upcoming events and gift deadlines.
6. **Contact Form**: A simple contact form for users to reach out for support or inquiries.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with plenty of white space, minimal color palette, and focus on typography
- **Color Mode**: Light theme with dark text on light backgrounds
- **Primary Color**: #1978E5 (accent for buttons, links, highlights)
- **Typography**: Use Inter from Google Fonts for headings, Inter for body text and UI elements
- **Border Radius**: 8px (moderately rounded) for buttons, cards, and inputs
- **Layout**: The main layout will feature a top navigation bar, a hero section for event highlights, followed by sections for features, RSVP, gift registry, and a contact form, all organized vertically for easy scrolling.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (for managing user state and event data)

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Configure Tailwind CSS**: Set up Tailwind by configuring the `tailwind.config.js` file, ensuring it uses the custom colors and spacing.
4. **Build Components**: Create reusable components such as Navbar, EventCard, GiftItem, and RSVPForm.
5. **Implement Routing**: Use React Router for navigation between different sections of the app.
6. **State Management**: Implement a context provider to manage application state for events, RSVPs, and user interactions.
7. **Integrate Payment API**: Set up WhatsApp payment integration to handle transactions securely.
8. **Testing**: Conduct thorough testing to ensure all features work as expected, especially the payment and RSVP functionalities.
9. **Deploy**: Deploy the application to a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Users will enjoy an intuitive experience starting from the landing page where they can easily navigate to create events, browse gift options, and RSVP. The payment process will be straightforward, allowing users to finalize their contributions quickly through WhatsApp. Notifications and reminders will ensure that users stay informed about their upcoming events and essential deadlines, enhancing overall engagement with the application.