Guru - landing page one-page completa, em português do Brasil, para a Conexão Paraguai — assessoria de migração especializada em brasileiros que...
Generated Prompt
# APPLICATION OVERVIEW This project is a landing page for "Conexão Paraguai," a specialized migration consultancy aimed at Brazilians seeking residency, documentation, and business opportunities in Paraguay. The primary goal of the page is to facilitate WhatsApp conversations and schedule paid consultations, conveying authority and trust through a clear, professional design. # CORE FEATURES 1. **Sticky Header**: Features logo, anchor menu, and a prominent WhatsApp CTA button, ensuring easy navigation throughout the page. 2. **Hero Section**: Engaging introductory content with a strong call-to-action, providing essential information about the consultancy. 3. **Credibility Banner**: Displays partnerships with official Paraguayan institutions to enhance trust. 4. **Advantages of Paraguay**: A grid layout showcasing the benefits of migrating to Paraguay, encouraging user interest. 5. **Document Timeline**: A vertical timeline detailing the migration documentation process to inform potential clients. 6. **Consultation Options**: Clear paths for free inquiries via WhatsApp and paid consultations with Dr. Marcelo, ensuring users understand their choices. # 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**: One-page layout with distinct sections for header, hero, credibility, advantages, document timeline, testimonials, media, consultation options, FAQs, and footer. # TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not explicitly needed; local component state suffices for modals and interactions. # IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Components**: - Build the Sticky Header component with logo, menu, and WhatsApp button. - Create the Hero Section component with the eyebrow, headers, subtitles, and CTAs. - Develop the Credibility Banner to display institution logos. - Create the Advantages and Document Timeline components using grid and timeline layouts. - Build the Consultation Options section with two cards for free and paid services. - Implement the FAQ accordion component using state to manage open/close interactions. 3. **Style Components**: Use Tailwind CSS classes to apply the specified design specifications, ensuring responsiveness across devices. 4. **Integrate WhatsApp Links**: Ensure all CTAs link to the provided WhatsApp URL. 5. **Test Functionality**: Verify all components work as intended and that the layout adapts correctly on different screen sizes. 6. **SEO Optimization**: Implement meta tags and Open Graph data for better visibility. # USER EXPERIENCE Users will navigate the page using the sticky header menu, which provides quick access to different sections. The hero section will capture their interest with compelling content and direct them to initiate contact via WhatsApp or schedule a consultation. The advantages and document timeline sections will educate users on the migration process, while testimonials and media will build credibility. The FAQ accordion will provide quick answers to common questions, enhancing user satisfaction and confidence in the services offered. This comprehensive prompt serves as a clear blueprint for creating a visually appealing and functional landing page that meets the client's specifications and objectives.
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!
