Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote aesthetic services such as facial fillers, botox, and collagen stimulators. Targeting women in São Luís, Maranhão, the landing page will focus on providing clear information about services, benefits, and a strong call to action to encourage bookings.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with a compelling headline, subheadline, and a prominent call-to-action button to book services.
2. **Service Descriptions**: Clear and concise sections for each service offered (facial fillers, botox, collagen stimulators) with appealing visuals and key benefits highlighted.
3. **Testimonials**: A section showcasing customer testimonials to build trust and credibility.
4. **Contact Information**: Easy access to contact details, including phone number and email, along with a contact form for inquiries.
5. **Call to Action**: Multiple strategically placed buttons urging users to schedule a consultation or get in touch.

## 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**: A single-page layout with a vertical scroll, featuring a hero section at the top followed by service descriptions, testimonials, and a contact section, all interspersed with calls to action.

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

## IMPLEMENTATION STEPS
1. **Set up the React 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. **Create the layout structure**: Build the main components including Header, Hero, Services, Testimonials, and Contact sections.
4. **Style components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring proper spacing, alignment, and responsive behavior.
5. **Integrate Google Fonts**: Import Inter from Google Fonts for typography, ensuring it is applied across all text elements.
6. **Implement Call to Action**: Ensure all buttons are linked to either the contact section or a booking platform.
7. **Test responsiveness**: Ensure the design is mobile-friendly and looks great on various screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page with a clear message about the services offered. They can easily navigate through the sections, read about each service, view testimonials, and quickly find contact information. The layout will guide them towards taking action, whether it's booking a service or reaching out for more information, all while maintaining a clean and calming aesthetic.