Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a premium single-page landing site for "Scale Partners," a B2B SDR agency focused on multichannel prospecting for CRM integrators and RevOps agencies in France. This landing page will highlight their services, showcase client testimonials, and drive conversions through clear calls to action.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a bold headline, subheadline, and two prominent call-to-action buttons.
2. **Problem and Solution Sections**: Clearly defined pain points faced by potential clients, followed by the solutions provided by Scale Partners.
3. **Social Proof**: Display logos of partner agencies to build trust and credibility.
4. **Pricing Offer**: A structured overview of the services offered, including pricing details and a compelling guarantee.
5. **FAQ Section**: Address common questions to alleviate concerns and provide clarity to potential clients.
6. **Final Call-to-Action**: A strong concluding section encouraging users to book a discovery call.

## 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 consist of a sticky navbar, followed by sequential sections including hero, services, testimonials, pricing, FAQ, and contact, ensuring a smooth flow and clear navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: [Specify if needed, e.g., React Context for state management]

## IMPLEMENTATION STEPS
1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create the Navbar**: Implement a sticky navbar that includes the logo and call-to-action button.
3. **Build the Hero Section**: Design the hero section with the headline, subheadline, and buttons, ensuring a visually appealing background.
4. **Develop the Problem and Solution Sections**: Create cards for pain points and solutions, ensuring they are visually distinct but cohesive.
5. **Add the Social Proof Section**: Incorporate logos of partner agencies to enhance credibility.
6. **Design the Pricing Offer**: Create a pricing card with details about the services and a strong call-to-action.
7. **Implement the FAQ Section**: Set up an accordion-style FAQ to answer common queries.
8. **Finalize the Final Call-to-Action**: Create an engaging conclusion that prompts users to take action.
9. **Optimize for Responsiveness**: Ensure all sections are responsive and look good on different screen sizes.
10. **Add Animations**: Implement smooth scroll and fade-in animations for an enhanced user experience.

## USER EXPERIENCE
The user journey begins with a captivating hero section that clearly articulates the value proposition. As users scroll down, they encounter well-defined sections that address their needs and concerns, culminating in an enticing offer and clear calls to action. The overall interaction should feel intuitive, guiding users seamlessly toward conversion.