Sriar esse site: BRIEFING ESTRATÉGICO – PROJETO VIABIL + ESTÚDIO Website institucional + Treinamentos + Inserção de cadastro de dados para E-mail...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This project is a landing page for VIABIL, an institutional website that features training information, email marketing registration, and a demo link. The main purpose is to effectively communicate the value proposition of the VIABIL software and facilitate user engagement through clear calls to action. ## CORE FEATURES 1. **Hero Section**: A compelling introduction with a strong value proposition and a clear call to action (CTA) for scheduling a demo or contacting the team. 2. **Benefits Overview**: A section highlighting the unique benefits and features of the VIABIL software, focusing on governance, security, and productivity. 3. **Target Niches**: An informative area detailing the specific market segments VIABIL serves, such as incorporation, shopping centers, and lot developments. 4. **Software Insights**: A section showcasing the software with a demo link or video to give users a glimpse of its functionalities. 5. **Training Services**: Information on available training sessions, including descriptions and a form for scheduling. 6. **Social Proof**: Testimonials and statistical evidence from current users to reinforce credibility and build trust. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with ample white space, focusing on easy readability and navigation. - **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability. - **Layout**: A single-page layout with distinct sections flowing from the hero to benefits, niches, software insights, training, and contact. Each section should be visually distinct yet cohesive. - **Typography**: Use sans-serif fonts for a modern look, ensuring a clear hierarchy with larger headings and smaller body text for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS for responsive design and utility-first styling. - **UI Components**: Utilize shadcn/ui for pre-built components to streamline development. - **State Management**: Not specified, but consider using React's built-in state management or context API if necessary. ## IMPLEMENTATION STEPS 1. Set up a new React project using Create React App with TypeScript. 2. Install Tailwind CSS and configure it for the project. 3. Create a main layout component that includes sections for the hero, benefits, niches, insights, training, and contact. 4. Develop each section individually, ensuring that they are responsive and adhere to the design specifications. 5. Implement the CTA buttons to link to the appropriate forms or demo scheduling tools. 6. Conduct thorough testing to ensure that all links and forms are functional. ## USER EXPERIENCE The user journey begins with an engaging hero section that captures attention. Users can easily navigate through the benefits and niches, gaining insights into how VIABIL addresses their needs. The demo link encourages exploration of the software, while the training section provides a clear path for engagement. Social proof reinforces trust, guiding users towards the contact form or demo scheduling CTA. ```
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!
