Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a multi-page corporate website for zApps Consulting, designed to convey a premium, modern, and professional image to attract B2B clients in Saudi Arabia, the GCC, and internationally. The focus is on showcasing the company's services, case studies, and overall brand ethos, emphasizing high conversion rates through a clean and elegant design.

## CORE FEATURES
1. **Hero Section**: A striking introduction with a strong headline, subheadline, and CTAs, featuring a premium visual or abstract tech illustration to establish a high-end feel.
2. **Trust / Credibility Section**: Displaying key metrics and achievements in clean stat cards to build trust and convey the company's capabilities.
3. **Services Overview**: Detailed presentation of the six core capabilities of zApps Consulting, each with concise descriptions focused on business outcomes.
4. **Featured Case Studies**: Highlighting successful projects, particularly the Inoor POS, with a structured format detailing the problem, solution, and outcomes.
5. **About Page**: A comprehensive narrative about the company, its vision, and its approach to consulting, aimed at building credibility and strategic alignment.
6. **Contact Page**: A simple and effective contact form designed for high conversion, featuring essential fields and a WhatsApp integration.

## 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 structured multi-page layout with a sticky navigation bar, clear sections for each page, and a professional footer featuring quick links and contact details.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (if needed)

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript, and install Tailwind CSS and shadcn/ui for styling.
2. **Create the Layout**: Develop a sticky top navigation bar with links to Home, Services, Case Studies, About, and Contact. Include a premium CTA button like “Get Started”.
3. **Build the Home Page**:
   - Implement the Hero section with the strong headline, subheadline, and CTAs.
   - Create the Trust section with stat cards to display metrics.
   - Add the Services Overview section with cards for each service.
   - Highlight the Featured Case Study with a structured format.
   - Conclude with the Why zApps section and the Final CTA.
4. **Develop the Services Page**: Include detailed sections for each of the eight services with business-focused descriptions.
5. **Design the Case Studies Page**: Present the featured case study and a placeholder for future projects in a professional manner.
6. **Create the About Page**: Outline the company story, vision, and philosophy in a strong and credible format.
7. **Implement the Contact Page**: Design a clean contact form that includes all necessary fields and a WhatsApp button.
8. **Finalize the Footer**: Ensure the footer contains company information, quick links, and contact details, maintaining a clean professional look.

## USER EXPERIENCE
The website should provide a seamless user experience with intuitive navigation and responsive design, ensuring accessibility across devices. Key interactions include smooth transitions between sections, easy access to information through the navigation bar, and clear calls to action that guide users toward starting a project or contacting zApps Consulting. The design should feel polished and professional, reinforcing the premium nature of the brand.