Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a love-themed landing page designed to celebrate a special relationship. The page will feature a minimalist aesthetic with cartoon characters, primarily using a red and light pink color scheme. The goal is to create a heartfelt and visually appealing experience that resonates with the user's partner.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a warm welcome message, accompanied by charming illustrations of female cartoon characters.
2. **Personalized Messages**: A section where the user can customize and display loving messages or quotes dedicated to their partner.
3. **Gallery**: An area showcasing memorable photos or moments that the user has shared with their partner, presented in a clean and organized manner.
4. **Contact Form**: A simple form allowing visitors to send messages or inquiries, complete with fields for name, email, and message.
5. **Call to Action (CTA)**: Clear and inviting buttons encouraging visitors to engage, such as "Send a Love Note" or "View Memories".

## 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 layout will follow a single-page format with a vertical scroll, featuring distinct sections for the hero, personalized messages, gallery, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project using Create React App with TypeScript support.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop components for each section: Hero, Messages, Gallery, and Contact Form.
4. **Style Components**: Use Tailwind CSS to apply the minimalist design, ensuring to incorporate the specified primary color and typography.
5. **Implement Responsive Design**: Ensure the layout is responsive across different devices using Tailwind's utility classes.
6. **Test Functionality**: Review all interactive elements and ensure the contact form submits correctly, even if just as a placeholder.

## USER EXPERIENCE
The landing page will provide a smooth and engaging experience. Users will be greeted by the hero section, immediately drawing their attention. As they scroll down, they will encounter personalized messages that add a heartfelt touch. The gallery will evoke nostalgia, while the contact form offers a way for visitors to reach out. Each section will maintain a clean layout, allowing users to focus on the content without distractions. Clear CTAs will guide users through their journey on the page. 

By following these structured elements, the landing page will be a beautiful and meaningful representation of love tailored specifically for the user's partner.