Emagreça de verdade, sem dietas malucas e sem treino sem propósito.
Generated Prompt
## APPLICATION OVERVIEW The project is a landing page for "Método Corpo Ideal," designed to help users lose weight sustainably without fad diets or ineffective workouts. It offers structured training programs and a healthy recipe book, providing a clear and practical approach to weight loss. ## CORE FEATURES 1. **Hero Section**: An engaging introductory area with a compelling headline and a call-to-action (CTA) button that encourages visitors to start their weight loss journey. 2. **Structured Training Programs**: Detailed descriptions of workout plans focused on fat burning and body definition, highlighting the effectiveness of the method. 3. **Healthy Recipe Book**: Information about a comprehensive recipe book that offers simple, delicious meals designed to support weight loss without compromising on taste. 4. **User Testimonials**: A section showcasing success stories from users who have benefited from the program, building trust and credibility. 5. **FAQs**: A section addressing common questions and concerns regarding the method, helping potential users feel informed and confident in their decision. 6. **Contact Form**: A simple form allowing users to get in touch for further inquiries, enhancing engagement and support. ## 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 follow a single-page design with sections stacked vertically, including a hero section, features, testimonials, FAQs, and a contact form, maintaining a clear flow and easy navigation. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specified but can be handled using React's local state or Context API if needed. ## IMPLEMENTATION STEPS 1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling and UI components. 2. **Create the Layout**: Structure the main components for the landing page, including the hero section, features, testimonials, FAQs, and a contact form. 3. **Style the Components**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring adequate spacing, typography, and color usage according to the design specifications. 4. **Implement Functionality**: Add interactivity for the contact form and any other interactive elements, ensuring that all links and buttons function correctly. 5. **Optimize for Responsiveness**: Ensure the layout and components are responsive, providing a seamless experience across devices. 6. **Testing**: Conduct testing to ensure that all features work as intended and that the design is consistent across different screen sizes. ## USER EXPERIENCE The user experience is designed to be straightforward and engaging. Visitors will first encounter the hero section, which captures their attention with a clear value proposition. They can easily navigate through the structured training programs and healthy recipes, read testimonials for motivation, and find answers to their queries in the FAQs section. The contact form allows users to reach out directly, fostering a sense of community and support. The overall design prioritizes clarity and ease of use, ensuring visitors can quickly find the information they need to embark on their weight loss journey.
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!
