Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for an event agency that showcases services, promotes upcoming events, and encourages potential clients to get in touch. The focus will be on delivering a clean, user-friendly experience that highlights the agency's offerings in a visually appealing manner.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a captivating headline, a brief description of the agency, and a strong call-to-action (CTA) button leading to the contact form.
2. **Services Overview**: A section detailing the various event planning services offered, each with a short description and an engaging visual element.
3. **Upcoming Events**: A showcase of featured upcoming events with dates, brief descriptions, and links to more details or ticket purchases.
4. **Testimonials**: A section dedicated to client testimonials to build trust and credibility, featuring quotes from satisfied customers.
5. **Contact Form**: A simple, clean contact form allowing potential clients to reach out for inquiries or bookings.
6. **Social Media Links**: Icons linking to the agency’s social media profiles to encourage further engagement.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability. The focus will be on typography and clear visual hierarchy.
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring high contrast and readability.
- **Layout**: The main layout will be a single-page scrollable design with distinct sections for the hero, services, upcoming events, testimonials, and contact form. Each section will be visually separated with ample spacing.
- **Typography**: Use a sans-serif font for headings (e.g., Montserrat) and a serif font for body text (e.g., Lora) to create a modern and elegant contrast. Maintain a clear hierarchy with larger sizes for headings and smaller sizes for body text.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid design and responsiveness.
- **UI Components**: Utilize shadcn/ui for pre-built components that align with the minimalist design.
- **State Management**: Not required for this landing page, as it will be mostly static.

## 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 to the project.
3. **Create Components**: Develop individual components for each section (Hero, Services, Events, Testimonials, Contact Form).
4. **Style Components**: Use Tailwind CSS to style each component according to the minimalist design specifications.
5. **Implement Routing**: Although it's a single-page application, consider using React Router for smooth scrolling between sections if desired.
6. **Test Responsiveness**: Ensure that each section is responsive and looks good on various screen sizes.

## USER EXPERIENCE
Key user interactions will involve scrolling through the landing page, clicking on CTAs to navigate to sections, and filling out the contact form. The design will prioritize ease of use, with intuitive navigation and clear visual cues guiding users to important information and actions. Each section will be designed to encourage exploration without overwhelming the user, maintaining engagement throughout their visit.