Template genérico - SITE INSTITUCIONAL LOOKING4 IDIOMAS (LOVABLE) Crie um site institucional completo para a escola de idiomas Looking4 Idiomas,...
Generated Prompt
```markdown ## APPLICATION OVERVIEW Create a comprehensive institutional website for Looking4 Idiomas, an established language school with over 30 years of experience. The site should utilize a UI-first approach, providing a scalable full-stack structure intended for future expansions, including SEO, blog integration, and contact forms, while remaining free of e-commerce or aggressive commercial language. ## CORE FEATURES 1. **Home Page**: A clear institutional presentation with a hero section, highlighting the school's 30 years of experience, focus on conversation, and a call-to-action for contact. 2. **About Page**: A dedicated section detailing the school's history, educational values, vision, and commitment to quality teaching. 3. **Methodology Page**: An educational overview explaining the conversational approach, CEFR alignment, and unique pedagogical differences, presented in clear, jargon-free language. 4. **Courses Hub**: A main navigation page featuring cards for various courses with subpages for each, detailing target audience, course objectives, methodologies, and contact calls-to-action. 5. **Blog**: An SEO-friendly section for institutional content categorized by learning tips, culture, and proficiency exams, designed for future growth and engagement. 6. **Contact Page**: A straightforward form for qualified inquiries, featuring a prominent WhatsApp button for direct communication. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist with a focus on clean, simple design, abundant white space, and an educational atmosphere. - **Color Mode**: Light theme with a base institutional blue complemented by Neon Lime (#CCFF00) for CTAs and interactive elements. - **Layout**: A responsive design structure featuring a top navigation bar, a mega menu for courses, and a clear visual hierarchy for easy scanning of content. - **Typography**: Titles in a Display Serif font, with body text in a Geometric Sans-serif for legibility and modernity. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and scalable application. - **Styling**: Tailwind CSS for flexible and responsive design. - **UI Components**: Utilize shadcn/ui components for a cohesive and modern UI experience. - **State Management**: Implement local state management as needed for user interactions. ## IMPLEMENTATION STEPS 1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Design Layout**: Create a responsive layout with a top navigation bar and mega menu for course navigation. 3. **Develop Core Pages**: Implement the Home, About, Methodology, Courses, Blog, and Contact pages, ensuring each aligns with the design specifications. 4. **Integrate SEO Features**: Ensure all pages are SEO-friendly with appropriate headings, URLs, and metadata. 5. **Implement Contact Forms**: Create a simple contact form with required fields and a floating WhatsApp button for inquiries. 6. **Testing and Optimization**: Conduct thorough testing for responsiveness and performance, optimizing load times. ## USER EXPERIENCE Users will navigate through a clean interface, starting from the home page that highlights key institutional information. The layout will facilitate easy access to the About, Methodology, Courses, Blog, and Contact sections, each designed with clear visual hierarchies and engaging interactive elements. The use of a mega menu will enhance navigation, while the overall aesthetic will maintain an educational and professional tone, ensuring that users feel confident and informed about their choices in language education. ```
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!
