Сделай копию данного сайта https://topteam.
Generated Prompt
## APPLICATION OVERVIEW This web application is designed to replicate the functionality and aesthetic of the specified reference site, focused on delivering content in both Estonian and Russian languages. The application will feature a clean, minimalist interface that emphasizes user experience and accessibility. ## CORE FEATURES 1. **Bilingual Support**: Seamless switching between Estonian and Russian languages to cater to a diverse audience. 2. **Dynamic First Screen**: An engaging introductory section featuring a video of a worker in action, showcasing real-time interactions to capture user interest. 3. **Content Management System**: A user-friendly backend that allows for easy text modifications and updates to ensure content remains relevant and engaging. 4. **Responsive Design**: A mobile-first approach that ensures the application is fully functional and visually appealing on all device sizes. 5. **Contact Form**: An integrated contact form for user inquiries, with validation and submission handling. 6. **Navigation Menu**: A clear and concise navigation menu that allows users to easily access different sections of the site. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist design with a focus on clean lines and ample white space. The layout should prioritize content readability and ease of navigation. - **Color Mode**: Light theme with a minimal color palette; dark text on light backgrounds to enhance readability. - **Layout**: A top navigation bar followed by a hero section featuring the dynamic video, with subsequent sections laid out in a grid format for services, testimonials, and an about section. Ample spacing between elements to maintain visual clarity. - **Typography**: Use modern sans-serif fonts such as "Roboto" or "Open Sans" for body text, with larger, bolder headings for visual hierarchy. Maintain consistent font sizes and weights for a cohesive look. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for robust component development. - **Styling**: Tailwind CSS for rapid and flexible styling. - **UI Components**: Utilize shadcn/ui for pre-built components that fit the minimalist design aesthetic. - **State Management**: Implement React Context API or Redux for managing application state if needed. ## IMPLEMENTATION STEPS 1. **Project Setup**: Initialize a new React project with TypeScript support using Create React App. 2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project using npm or yarn. 3. **Create Components**: Develop reusable components for the navigation bar, hero section, content cards, and contact form. 4. **Implement Bilingual Functionality**: Integrate i18next or similar library for language management, ensuring all text is easily switchable between Estonian and Russian. 5. **Design Layout**: Use Tailwind CSS to set up the layout with responsive design principles, ensuring components adapt to different screen sizes. 6. **Add Dynamic Video**: Embed a video player in the hero section that can play a mini video showcasing the worker in action. 7. **Content Management**: Set up a simple CMS or text update mechanism to allow for easy modifications of the content without requiring code changes. 8. **Testing**: Conduct thorough testing on multiple devices and browsers to ensure a consistent and functional user experience. ## USER EXPERIENCE The application will provide an intuitive user interface where users can easily navigate through sections. The dynamic first screen will immediately engage users with visual content, and the bilingual feature will allow them to switch languages effortlessly. Users can submit inquiries through the contact form, with instant feedback on submission status. The overall design will encourage exploration while maintaining focus on content delivery, ensuring a pleasant and efficient user 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!
