Agis comme un expert en copywriting stratégique B2B et en conception de sites web à forte conversion.
Generated Prompt
## APPLICATION OVERVIEW This application is a web app designed to showcase training services in artificial intelligence for small to medium enterprises (SMEs), professionals, and individuals. Its primary goal is to present clear, accessible training options that inspire confidence and encourage contact from potential clients. ## CORE FEATURES 1. **Hero Section**: A strong introductory area featuring a powerful title, benefit-oriented subtitle, and a clear call-to-action button to encourage user engagement. 2. **Problem Statement**: A section that empathetically outlines the challenges faced by SMEs regarding AI, including time constraints, perceived complexity, and fear of obsolescence. 3. **Solution Overview**: A presentation of the trainer's educational approach, emphasizing practical case studies and hands-on learning experiences. 4. **Training Formats**: Detailed descriptions of the training offerings, including two-hour workshops and full-day sessions, outlining objectives and expected outcomes. 5. **Case Studies**: Engaging narratives of real-life applications of AI in diverse sectors, highlighting the problems faced, solutions implemented, and benefits achieved. 6. **Contact and Call-to-Action**: Encouragement for users to initiate contact through a phone consultation, request a quote, or participate in a discovery workshop. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - The design will be clean and simple, utilizing ample white space to create a sense of openness and clarity. Typography will take center stage, ensuring readability and engagement. - **Color Mode**: Light theme with dark text on light backgrounds to maintain contrast and enhance legibility. - **Layout**: The site will follow a single-column layout for a straightforward reading experience, with distinct sections clearly separated for easy navigation. - **Typography**: Utilize sans-serif fonts for a modern look. Headings will be bold and larger for hierarchy, while body text will be regular weight and sized for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for responsive and utility-first design - **UI Components**: Use shadcn/ui for accessible and customizable components - **State Management**: Implement React's useState and useEffect for managing application state as needed. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create Components**: Develop components for each core feature (Hero, Problem, Solution, Formats, Case Studies, Contact). 3. **Implement Layout**: Structure the main layout using a single-column format, ensuring each section is well-defined. 4. **Style Components**: Apply Tailwind CSS classes to achieve the minimalist aesthetic and ensure responsiveness across devices. 5. **Integrate State Management**: Use necessary React hooks for managing any dynamic content or user interactions. 6. **Test Functionality**: Conduct user testing to ensure all features work as intended and the user experience is smooth. ## USER EXPERIENCE Key user interactions include: - Engaging with the Hero Section through the call-to-action button, prompting users to take the first step. - Navigating through the Problem and Solution sections, where users can identify their challenges and see how the training can address them. - Exploring detailed descriptions of training formats and case studies that provide insights into real-world applications of AI. - Utilizing the Contact section to easily initiate communication, ensuring a seamless transition from interest to action. This structured approach ensures a functional, visually appealing web app that aligns with the user's vision of a training platform for artificial intelligence.
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
