Create website for my IT company.
Generated Prompt
## APPLICATION OVERVIEW This project is a one-page landing website for an IT company specializing in Business Intelligence (BI) development, AI automation, data analysis, data engineering, web applications, and mobile applications. The primary goal is to present the company's services in a visually appealing manner that emphasizes conversion and user engagement. ## CORE FEATURES 1. **Hero Section**: A captivating introduction with a brief overview of the company and its services, featuring a strong call-to-action (CTA) button. 2. **Services Overview**: A concise section highlighting the core services offered, each with a short description and relevant icons. 3. **Client Testimonials**: A section showcasing testimonials from satisfied clients to build trust and credibility. 4. **Contact Form**: An easy-to-use contact form allowing potential clients to reach out for inquiries or consultations. 5. **Call to Action**: A prominent CTA at the bottom encouraging visitors to get in touch or request a demo. ## 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**: A single-column layout that flows vertically, with distinct sections for the hero, services, testimonials, and contact form, ensuring a smooth user experience. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS for responsive design and easy customization. - **UI Components**: shadcn/ui for pre-built components that align with the minimalist design. - **State Management**: Not specifically required for this landing page. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create the Landing Page Structure**: Build the main components for the hero section, services overview, testimonials, and contact form. 3. **Style the Components**: Apply Tailwind CSS classes to achieve the minimalist look, utilizing the primary color and typography specified. 4. **Implement Responsive Design**: Ensure that the layout adjusts seamlessly for different screen sizes using Tailwind's responsive utilities. 5. **Test User Interactions**: Validate that all links and the contact form work correctly, gathering user input effectively. 6. **Optimize for SEO**: Add meta tags, descriptions, and alt texts for images to improve search engine visibility. ## USER EXPERIENCE The landing page should provide a smooth and engaging experience. Users will be greeted by a striking hero section that clearly outlines the company's services. As they scroll down, they will easily access information about specific services, read testimonials from prior clients, and have an intuitive contact form available to facilitate inquiries. The design will focus on clarity and ease of navigation, encouraging visitors to engage with the content and convert into leads. The responsive layout will ensure usability across various devices, enhancing the overall user experience.
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!
