Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a modern web application for a technology consulting firm that offers a range of services including AI-driven web development, digital marketing, branding, audiovisual production, data analysis, and cybersecurity. The application will feature a project tracking system where clients can monitor the progress of their projects through different stages such as prototyping, development, production, testing, corrections, and deployment.

## CORE FEATURES
1. **Service Overview**: A dedicated section that outlines all the services provided by the consulting firm, complete with brief descriptions and visuals.
2. **Project Tracking Dashboard**: A client-accessible dashboard that displays the status of their projects in real-time, indicating the current stage (prototyping, development, etc.).
3. **Contact Form**: A streamlined contact form for potential clients to reach out for consultations or inquiries.
4. **Testimonials Section**: A section showcasing client testimonials to build trust and credibility.
5. **Blog/Resources**: A space for articles and resources that demonstrate the firm's expertise in technology and digital marketing.

## 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 main layout will feature a top navigation bar, a hero section with a prominent call-to-action, followed by service sections, a project tracking dashboard, testimonials, and a footer with contact information.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API or Zustand for managing application state

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Build the header, footer, and main layout structure using Tailwind CSS for styling.
3. **Develop the Hero Section**: Implement the hero section with a strong call-to-action button styled using the primary color.
4. **Build Service Overview Section**: Create a grid layout to showcase the services offered, using cards with rounded borders.
5. **Implement Project Tracking Dashboard**: Develop the dashboard where clients can log in and view their project statuses, using state management for real-time updates.
6. **Add Testimonials Section**: Create a carousel or grid layout to display client testimonials effectively.
7. **Set Up Contact Form**: Build a contact form that captures user inquiries and integrates with a back-end service for form submissions.
8. **Optimize for Responsiveness**: Ensure that the layout is responsive and user-friendly across various devices and screen sizes.

## USER EXPERIENCE
The application will focus on providing a seamless user experience through intuitive navigation and clear informational hierarchies. Users will easily navigate through service offerings, track their project’s progress through a dedicated dashboard, and reach out via a contact form with minimal friction. The minimalist design will enhance usability, ensuring that clients can focus on the essential information without distractions.