Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for R2 PROMO, an agency specializing in brand promotions and events. The purpose of the landing page is to showcase the agency's services, highlight its experience, and provide an engaging platform for potential clients to learn more about their offerings and get in touch.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with the agency's logo, a brief tagline emphasizing their 30 years of experience, and a call-to-action (CTA) button to contact the agency.
2. **Services Offered**: Detailed sections explaining the key services such as Receptivos, Event Production, Trade Marketing, and PDV Actions, each with engaging visuals and succinct descriptions.
3. **Brands Served**: A dynamic scrolling banner showcasing the prestigious brands R2 PROMO has worked with, reinforcing credibility and trust.
4. **Portfolio Section**: A visually appealing gallery of past events and promotional campaigns, highlighting the agency's versatility and creativity.
5. **Testimonials**: Client feedback section that builds trust and showcases the agency's impact, possibly with rotating quotes or ratings.
6. **Contact Form**: A simple and intuitive contact form for potential clients to reach out, with fields for name, email, phone number, and message.

## 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 follow a single-column structure with sections stacked vertically, utilizing full-width containers for images and text. Each section will have ample padding for readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page, as it is primarily static content with form handling.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui for styling.
2. **Create Components**: Build reusable components for the Hero Section, Services, Brands, Portfolio, Testimonials, and Contact Form.
3. **Design Layout**: Structure the layout using Tailwind CSS classes to ensure responsiveness and adherence to the minimalist design.
4. **Integrate Typography**: Import Inter from Google Fonts and apply it to headings and body text within the components.
5. **Implement Scrolling Banner**: Use a carousel or marquee component for the Brands Served section to create dynamic visuals.
6. **Add Contact Form Functionality**: Implement a basic form submission logic that captures user input and displays success feedback.
7. **Testing and Optimization**: Ensure cross-browser compatibility, responsive design, and performance optimization before deployment.

## USER EXPERIENCE
The user experience focuses on simplicity and clarity. Users will be greeted with a bold hero section that captures their attention immediately. As they scroll down, they will easily navigate through the services offered and see the brands that R2 PROMO has collaborated with, further building trust. The portfolio will provide visual proof of the agency's capabilities, while testimonials will enhance credibility. The contact form will offer a straightforward path for potential clients to initiate discussions, ensuring a seamless flow from interest to inquiry.