Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase the professional design services offered since 1989. The main purpose is to highlight the user's expertise in visual communication and branding, while providing potential clients with easy access to information about services, portfolio, and contact options.

## CORE FEATURES
1. **Hero Section**: A captivating banner featuring "Desde 1989" alongside a carousel of institutional logos to establish credibility and showcase partnerships.
2. **About Me Section**: A narrative detailing the user's journey in visual communication, emphasizing experience and collaborations with high-profile organizations.
3. **Services Overview**: A concise presentation of the various services offered, including Design & Branding, Printing & Large Format Graphics, Editorial & Lithography, and StandFactory.
4. **Design for Purpose Section**: A dedicated space showcasing humanitarian and institutional design work, highlighting collaboration with organizations focused on social impact.
5. **Portfolio Gallery**: A categorized gallery displaying previous projects, allowing potential clients to easily navigate and explore the work.
6. **Contact Form**: An intuitive contact section equipped with a strategic form and a WhatsApp button for direct communication.

## 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 in a single-page format divided into sections: Hero, About Me, Services, Design for Purpose, Portfolio, and Contact. Each section will have a clear heading, concise content, and visually appealing elements.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Set up Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**:
   - Hero: Implement the banner and carousel for logos.
   - About Me: Add a section for the personal story with typography emphasis.
   - Services: Create a grid layout for service offerings.
   - Design for Purpose: Include a section to showcase impact work with images.
   - Portfolio: Develop a responsive gallery component for project highlights.
   - Contact: Build a form with fields for name, project details, and a WhatsApp button.
4. **Style Components**: Apply Tailwind CSS classes to ensure a minimalist aesthetic.
5. **Test Responsiveness**: Ensure the design adapts well to different screen sizes.
6. **Deploy**: Host the landing page on a suitable platform like Vercel or Netlify.

## USER EXPERIENCE
Users will be greeted with a visually striking hero section that captures their attention immediately. As they scroll down, they will encounter a well-structured narrative about the designer's background, making it easy to understand the depth of experience. Each service will be visually distinct, ensuring users can quickly identify offerings relevant to their needs. The portfolio section will allow users to browse showcased work effortlessly, and the contact form will facilitate immediate engagement, enhancing the overall user experience.