Prompt para gerar um site mais bonito para boralocar.com.br
Generated Prompt
## APPLICATION OVERVIEW Create a visually appealing landing page for boralocar.com.br, focused on promoting the services offered while providing a clean and minimalist aesthetic. The primary purpose of this landing page is to attract potential customers through engaging content and a simple user experience. ## CORE FEATURES 1. **Hero Section**: A striking introduction with a captivating headline, supportive subheading, and a prominent call-to-action (CTA) button that encourages users to learn more or contact. 2. **Services Overview**: A concise section highlighting the main services offered by Boralocar, accompanied by brief descriptions and relevant icons or imagery for visual appeal. 3. **Testimonials**: Display customer testimonials to build trust and credibility. This section should include quotes from satisfied clients with names and possibly small photos. 4. **About Us**: A brief description of the company’s mission and values, helping visitors understand the brand and its commitment to quality. 5. **Contact Form**: A simple contact form for inquiries, including fields for name, email, and message, ensuring easy communication for potential customers. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design with a clean layout that emphasizes white space to create a refreshing look. The focus should be on typography, ensuring that text is easy to read and visually appealing. - **Color Mode**: Light theme utilizing dark text on light backgrounds to enhance readability and provide a modern aesthetic. - **Layout**: A single-page layout with smooth scrolling sections that transition seamlessly. Each section should be distinct yet harmonized through consistent styling. - **Typography**: Use sans-serif fonts for a modern look. Headings should be bold and larger for clear hierarchy, while body text remains legible and adequately spaced. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript to ensure a scalable and maintainable codebase. - **Styling**: Tailwind CSS for rapid styling while maintaining a clean, responsive layout. - **UI Components**: Utilize shadcn/ui for consistent and modern user interface components. - **State Management**: Not required for a simple landing page, but consider using React's built-in state management for handling form submissions. ## IMPLEMENTATION STEPS 1. **Set up the project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create the Hero Section**: Design the hero section with a captivating headline, subheading, and CTA button. Ensure it stands out visually. 3. **Develop Services Overview**: Build the services section, incorporating icons and descriptions for each service offered. 4. **Add Testimonials Section**: Create a testimonials area, ensuring it is visually distinct and easy to read. 5. **Implement About Us Section**: Write a brief company overview, maintaining the minimalist style. 6. **Build the Contact Form**: Develop a simple form with proper validation and a submit handler to manage inquiries. 7. **Styling and Responsiveness**: Use Tailwind CSS to style all components, ensuring the layout is responsive across devices. 8. **Testing and Deployment**: Test the landing page for functionality and responsiveness, then deploy to a hosting service. ## USER EXPERIENCE The landing page should provide a seamless experience with intuitive navigation. Users should easily scroll through sections, with each part of the page clearly defined and visually consistent. The contact form should be straightforward, allowing users to submit inquiries without unnecessary complexity. Ensure that all interactions are responsive and provide immediate feedback, such as form submission confirmations or error messages.
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!
