Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a service that boosts Facebook followers, reactions, and comments. The primary purpose is to attract potential customers and convert them through clear calls to action and engaging content.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction that highlights the service's value proposition and includes a prominent call-to-action button.
2. **Feature Highlights**: Descriptions of key benefits such as increased engagement, follower growth, and enhanced visibility on social media.
3. **Testimonials**: Real user reviews and success stories to build trust and credibility.
4. **Call to Action (CTA)**: Multiple strategically placed buttons encouraging users to sign up or learn more about the service.
5. **Contact Section**: A simple form for inquiries, allowing potential customers to reach out easily.
6. **FAQ Section**: Addressing common questions to alleviate concerns and provide additional information.

## 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 sections stacked vertically. The hero section at the top, followed by features, testimonials, CTA, and contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple state management can be handled with React hooks.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React application with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Structure**: Develop the main components, including Hero, Features, Testimonials, CTA, and Contact.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist design and implement the specified typography and color scheme.
5. **Add Interactivity**: Implement any necessary hover effects and transitions to enhance user experience.
6. **Test Responsiveness**: Ensure that the layout and components are fully responsive across devices.

## USER EXPERIENCE
Key user interactions include clicking on the CTA buttons for more information or to sign up, filling out the contact form for inquiries, and navigating through sections smoothly. The design will focus on a straightforward and engaging experience that encourages conversions with minimal distractions. Users should feel confident in the service provided, backed by testimonials and clear feature highlights.