Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for QI-LABS Technology Solutions, showcasing a modern and minimalist design. The landing page will highlight various IT-related services such as app development, cybersecurity, and network support. It will feature a toggle for Arabic-English language support, appealing to a diverse audience while emphasizing a professional and tech-savvy image.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a brief overview of QI-LABS and a prominent call-to-action (CTA) button to request a consultation.
2. **Services Overview**: A clean layout showcasing the different services offered, including App Development, Website Development, Cybersecurity, and AI solutions, each with a brief description.
3. **Request Options**: An interactive section where users can select the services they are interested in, leading to a streamlined request form.
4. **Testimonials**: A section dedicated to client testimonials to build trust and credibility.
5. **Contact Information**: An easy-to-navigate contact section, including a contact form and direct links to social media profiles.
6. **Language Toggle**: A toggle switch allowing users to switch between Arabic and English seamlessly.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Focus on a clean, simple design with ample white space to enhance readability and user experience. 
- **Color Mode**: Light theme featuring navy blue as the primary color with complementary shades for a cohesive look, utilizing dark text on light backgrounds.
- **Layout**: A single-page layout with a structured flow: Hero Section at the top, followed by Services Overview, Request Options, Testimonials, and Contact Information at the bottom.
- **Typography**: Use modern sans-serif fonts such as "Roboto" or "Open Sans" for headings and body text, ensuring a clear hierarchy with larger, bold headings and smaller body text for descriptions.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for a robust and scalable application.
- **Styling**: Tailwind CSS for utility-first styling, enabling rapid UI development.
- **UI Components**: Incorporate shadcn/ui for pre-built, accessible UI components.
- **State Management**: Use React's Context API for managing state, if needed, particularly for the language toggle functionality.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project using Create React App with TypeScript template.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.
3. **Create Layout Structure**: Build the main layout components (Hero, Services, Request Options, Testimonials, Contact) using Tailwind CSS for styling.
4. **Implement Hero Section**: Design the hero section with a background image or color, prominent heading, and CTA button.
5. **Develop Services Overview**: Create a grid layout to display service cards with brief descriptions and icons, ensuring responsiveness.
6. **Build Request Options**: Design an interactive form for users to select services, which can dynamically update based on user input.
7. **Add Testimonials Section**: Create a carousel or grid layout for client testimonials, incorporating user-friendly navigation.
8. **Create Contact Form**: Implement a simple contact form with validation for user inquiries.
9. **Implement Language Toggle**: Develop the toggle functionality to switch between Arabic and English, ensuring all text updates accordingly.
10. **Test for Responsiveness**: Ensure the design is fully responsive across various devices and screen sizes.

## USER EXPERIENCE
The landing page provides a seamless user experience with intuitive navigation. Users are greeted with a visually appealing hero section that quickly communicates the value of QI-LABS. As they scroll down, they can easily explore services, read testimonials, and contact the company. The language toggle enhances accessibility, ensuring all users can engage with the content in their preferred language. The minimalist design ensures that users can focus on the information presented without distractions, promoting higher conversion rates for service inquiries.