Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves designing a web application for an organization that offers three distinct services: a Marketing Agency, AiTech Services, and a Digital Academy. The website will feature a mobile-first approach, providing essential information about the company and its offerings while ensuring a user-friendly experience that encourages visitors to engage and share their contact details.

## CORE FEATURES
1. **Home Page**: A captivating introduction to the organization, showcasing its mission and a snapshot of the three main services offered. This page will emphasize the depth and uniqueness of the agency, creating a strong first impression.
2. **Marketing Solutions Page**: Detailed descriptions of the various marketing services, structured like a sales landing page for each service, highlighting benefits and encouraging user engagement.
3. **AiTech Solutions Page**: Overview of automation tools and services aimed at improving efficiency and productivity in various business areas.
4. **Digital Academy Page**: Information on training programs for marketers at all levels, focusing on digital marketing skills, including AI applications.
5. **Additional Pages**: Dedicated sections for tools, insights, careers, contact us, privacy policy, and a blog to provide valuable resources and updates.
6. **Contact Forms**: Strategically placed contact forms on multiple pages to encourage users to share their details without being overly intrusive.

## 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**: The layout will be structured with a top navigation menu, a hero section on the homepage, followed by service snapshots, and individual service sections designed as sales landing pages. Each section will be clearly defined to enhance visual hierarchy and user navigation.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS along with shadcn/ui for UI components.
2. **Create Layout Structure**: Design the main layout with a header, footer, and main content area. Implement a responsive grid system for the pages.
3. **Develop Home Page**: Create the home page with a compelling hero section, a brief introduction, and links to each service.
4. **Build Service Pages**: For each service (Marketing Solutions, AiTech Solutions, Digital Academy), create individual pages with detailed descriptions and contact forms.
5. **Add Additional Pages**: Develop the tools, insights, career, contact us, privacy, and blog pages, ensuring easy navigation between them.
6. **Implement Contact Forms**: Design and integrate contact forms on relevant pages, ensuring they are easily accessible but not intrusive.
7. **Responsive Testing**: Test the application on various devices to ensure a seamless mobile experience.

## USER EXPERIENCE
The user journey will begin on the home page, where they will be introduced to the organization and its services. Clear calls to action will guide users to explore each service in detail. Each service page will provide a straightforward layout that highlights key benefits and encourages users to fill out contact forms. The overall experience will focus on simplicity and clarity, aligning with psychological best practices to foster trust and encourage interaction.