Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for a digital product named "Step Positif." The primary goal is to create a visually appealing and conversion-focused single-page website that highlights the product's benefits and encourages visitors to take action, such as making a purchase or signing up.

## CORE FEATURES
1. **Hero Section**: A prominent area at the top showcasing the product name, a brief tagline, and a strong call-to-action (CTA) button to encourage immediate engagement.
2. **Features Section**: A succinct overview of the key features and benefits of the "Step Positif" product, presented in a visually appealing format.
3. **Testimonials Section**: A section dedicated to user testimonials to build trust and credibility, showcasing positive experiences from previous customers.
4. **Call-to-Action (CTA)**: Strategically placed CTA buttons throughout the page to guide visitors towards taking the desired action, such as purchasing the product or signing up for updates.
5. **Contact Section**: A simple contact form allowing visitors to reach out for inquiries or support, ensuring easy communication with potential customers.

## 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 should follow a single-column format for a seamless flow from the hero section at the top to the contact form at the bottom, ensuring easy readability and navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page as it does not involve complex state management.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Build reusable components for the hero, features, testimonials, and contact sections.
4. **Styling**: Apply Tailwind CSS classes to achieve the minimalist design and adhere to the specified design specifications.
5. **Add Content**: Populate each section with relevant text, images, and testimonials that align with the "Step Positif" product.
6. **Implement CTAs**: Ensure all CTA buttons are functional, directing users to the appropriate actions (e.g., purchase link, sign-up form).
7. **Responsive Design**: Test the landing page on various screen sizes and adjust styles as necessary for optimal mobile and desktop experiences.
8. **Deploy**: Once completed, deploy the landing page using a hosting service like Vercel or Netlify.

## USER EXPERIENCE
Visitors will first encounter the hero section, inviting them to learn more about "Step Positif." As they scroll, they will easily navigate through the features and testimonials, reinforcing the product's value. The strategically placed CTAs will guide them towards making a purchase or contacting for more information, creating a smooth and engaging user journey. The minimalist design will ensure that users remain focused on the content without distractions.