Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project involves refining an existing landing page for Moodboard Estratégico Veronese 2026. The goal is to enhance the visual presentation of graphic applications to appear more realistic and professional, closely following the approved visual direction from recent mockups. The landing page will maintain its central positioning while emphasizing practical applications through refined visual elements.

## CORE FEATURES
1. **Hero Section**: A prominent hero area showcasing the Moodboard's mission and values, with a clear call-to-action (CTA).
2. **Applications Section**: A newly refined section displaying six large mockups of various applications, each designed to look like real pieces rather than simple cards.
3. **Visual Identity Showcase**: Sections that integrate the approved color palette and typography, demonstrating the brand's visual identity.
4. **Contact Information**: A straightforward contact section for users to reach out for inquiries or more information.
5. **Responsive Design**: Ensure the layout adjusts seamlessly across different devices, maintaining usability and visual integrity.

## 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 consist of a top navigation bar, a hero section, followed by the applications section featuring large mockups, and concluding with contact information. Each mockup will be visually distinct yet cohesive with the overall design.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not necessary for this landing page but can be integrated if dynamic features are added in the future.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for UI components.
2. **Create Basic Structure**: Develop the main layout including header, hero section, applications section, and footer.
3. **Design Hero Section**: Implement the hero section with a strong visual message and CTA using the primary color for emphasis.
4. **Refine Applications Section**: Create a new section displaying six large mockups, ensuring each one has a realistic design as outlined in the specifications.
5. **Integrate Typography and Colors**: Apply the Inter font for headings and body text, and incorporate the specified color palette throughout the landing page.
6. **Ensure Responsiveness**: Use Tailwind CSS utilities to ensure the layout is responsive across various device sizes.
7. **Testing**: Conduct thorough testing to ensure all elements are functioning correctly and display as intended on different devices and browsers.

## USER EXPERIENCE
Users will have a clear and engaging experience as they navigate through the landing page. The hero section will immediately grab attention, guiding them toward the applications section where they can explore realistic visual representations of the brand's offerings. The contact section will provide a straightforward means for inquiries, ensuring that users can easily connect with the brand. The minimalist design will facilitate a smooth browsing experience, allowing users to focus on the content without distractions.