Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
"Oui" is a minimalist landing page designed to communicate a brand's message effectively while emphasizing simplicity and clarity. The main purpose of this landing page is to attract potential customers with a clean aesthetic and straightforward navigation, ultimately guiding them towards a clear call to action.

## CORE FEATURES
1. **Hero Section**: A visually engaging hero area with a prominent tagline and a call-to-action button that encourages users to learn more or sign up.
2. **Features Showcase**: A section that highlights key features or benefits of the product/service offered, presented in a visually appealing manner with icons and brief descriptions.
3. **Testimonials**: A dedicated area for customer testimonials to build trust and credibility, featuring quotes from satisfied customers alongside their names and photos.
4. **Call to Action (CTA)**: A strategically placed CTA section that encourages users to take the next step, whether that be signing up, contacting for more information, or exploring further.
5. **Contact Information**: A simple contact form or details allowing users to easily reach out for inquiries, feedback, or support.
6. **Footer**: A minimalist footer with links to privacy policy, terms of service, and social media icons for further engagement.

## 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 main layout will follow a single-column format with sections stacked vertically. Each section will be clearly defined with ample spacing and a focus on readability.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript using Create React App or a similar setup.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Basic Layout**: Structure the app with a main App component that includes sections for the hero, features, testimonials, CTA, contact, and footer.
4. **Design Hero Section**: Implement the hero section with a title, subtitle, and a CTA button styled with the primary color and rounded borders.
5. **Add Features Section**: Create a grid or list layout to display features, including icons and descriptions, ensuring good spacing and alignment.
6. **Integrate Testimonials**: Develop a testimonials section with a simple card layout for each testimonial, applying the border radius and typography.
7. **Build CTA Section**: Position a prominent CTA section with a button that leads to a signup form or more information.
8. **Contact Form**: Set up a basic contact form that includes fields for name, email, and message, styled according to the design specifications.
9. **Footer Development**: Design a footer with links and social media icons, ensuring it remains simple and unobtrusive.
10. **Responsive Design**: Test and adjust the layout for different screen sizes to ensure a seamless user experience across devices.

## USER EXPERIENCE
Key user interactions will focus on easy navigation through the landing page, engaging with the content presented, and clearly understanding the next steps through the CTA. Users should find it intuitive to read testimonials, learn about features, and submit inquiries via the contact form, all while enjoying a clean and visually appealing interface. The design will prioritize simplicity, ensuring that users are not overwhelmed by information and can focus on what matters most.