Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a live event titled "Encontro Especial | Defesa do Executado 2026." The primary goal is to inform and engage lawyers interested in advancing their strategic understanding of execution laws and practices, ultimately encouraging them to register for the event.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring the event's title, date, time, and a prominent call-to-action button labeled "QUERO PARTICIPAR DO ENCONTRO."
2. **Event Details**: A concise overview of the event's purpose, including what attendees can expect and the significance of the changes in execution law for 2026.
3. **Agenda Highlights**: Key topics that will be discussed during the event, outlined in bullet points for clarity.
4. **Speaker Profile**: A dedicated section showcasing Professor Alessandro Meliso's credentials and expertise in the field.
5. **FAQs**: A section addressing common questions regarding the event, participation, and content delivery.
6. **Contact Information**: A simple contact form or email link for inquiries related to the event.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, focusing on typography to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds, utilizing the color palette of #FF8C00 (orange), #1D2435 (dark blue), and #061823 (nearly black).
- **Layout**: 
  - Full-width hero section at the top featuring the event title and CTA.
  - Subsequent sections arranged in a single-column layout, each with an AI-generated image relevant to the content.
  - Clear visual separation between sections using subtle background shades or borders.
- **Typography**: 
  - Base font size of 17px for all text.
  - Use a clean sans-serif font for headings and body text, ensuring legibility and modern appeal.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for utility-based styling
- **UI Components**: shadcn/ui for polished, accessible UI components
- **State Management**: Not required for a static landing page, but consider using React's built-in state management for handling form submissions.

## IMPLEMENTATION STEPS
1. **Setup Environment**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project.
3. **Create Components**:
   - Hero Section: Implement a full-width component with event details and a CTA button.
   - Event Details: Create a section that outlines the purpose and significance of the event.
   - Agenda Highlights: Develop a list component to display key discussion points.
   - Speaker Profile: Design a section to highlight Professor Alessandro Meliso's expertise.
   - FAQs: Implement an accordion or expandable section for user-friendly navigation of common questions.
   - Contact Information: Include a simple form or contact link.
4. **Style Components**: Use Tailwind CSS classes to achieve the minimalist design and apply the specified color palette and typography.
5. **Deploy Landing Page**: Use Vercel or Netlify for deployment to make the landing page accessible online.

## USER EXPERIENCE
The landing page should facilitate easy navigation with a clear path to registration. Users can scroll through the sections to gather information effortlessly. The prominent CTA button will guide users to register for the event. Responsive design should ensure that the layout adapts seamlessly to various screen sizes, maintaining usability across devices.