Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page dedicated to promoting the "Desafio Mola 2026" event. It will inform visitors about the contest, prizes, regulations, sponsorships, organization, and highlight memorable moments, all while encouraging engagement and participation.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction to the event with a call-to-action button to register or learn more.
2. **Contest Details**: Information about the contest, including categories, criteria, and how to enter.
3. **Prizes Section**: Highlighting the rewards for winners to motivate participation.
4. **Regulations**: Clear and concise rules governing the contest to ensure transparency.
5. **Sponsorship Information**: Display the sponsors and partners involved with the event to build credibility.
6. **Best Moments Gallery**: A section showcasing previous event highlights through images or video clips.

## 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**: A single-page layout structured in scrollable sections, including a fixed navigation menu at the top that links to each section.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling components.
3. **Create Components**:
   - Develop a `Header` component for the navigation menu.
   - Create individual section components: `Hero`, `ContestDetails`, `Prizes`, `Regulations`, `Sponsorship`, `BestMoments`.
4. **Implement Navigation**: Ensure that the header links scroll to the respective sections smoothly.
5. **Style Components**: Apply Tailwind CSS classes according to the design specifications.
6. **Add Content**: Populate sections with relevant text, images, and links.
7. **Responsive Design**: Ensure the layout is mobile-friendly by testing on various devices.
8. **Deploy**: Use a service like Vercel or Netlify for hosting the landing page.

## USER EXPERIENCE
Visitors will start at the Hero section, where they can immediately understand the event's purpose and importance. As they scroll down, they will see detailed information about the contest and prizes, with clear calls-to-action prompting them to participate. The navigation menu allows users to jump to sections quickly, enhancing the overall experience. The minimalist design keeps the focus on the event content, making it easy to read and navigate.