Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for Updolo, a recruitment platform aimed at connecting freelancers in Africa with potential clients. The page will focus on showcasing the platform’s features, engaging users with animations, and encouraging sign-ups through a clear call to action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with an animated logo and a brief message targeting freelancers in Africa.
2. **Platform Showcase**: Visual representation of the Updolo platform, highlighting freelancer profiles, published services, and skill categories through engaging animations.
3. **Service Cards**: Dynamic presentation of various freelance services available on the platform, encouraging users to publish their offerings.
4. **Community Growth Animation**: A visual display of the growing community of freelancers and opportunities available, creating a sense of urgency to join.
5. **Call to Action**: A prominent sign-up button that drives conversions by encouraging visitors to register on the platform.

## 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-page format with sections for the hero, platform showcase, service cards, community growth, and call to action, structured vertically to guide the user through the content.

## 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 the React project using Create React App with TypeScript.
2. Install Tailwind CSS and configure it for global styles.
3. Create a main App component that houses the landing page structure.
4. Develop individual components for each section: Hero, Platform Showcase, Service Cards, Community Growth, and Call to Action.
5. Implement animations using CSS transitions and possibly a library like Framer Motion for smooth effects.
6. Ensure responsiveness for mobile view, especially for the 9:16 format, adapting to a 1:1 format as needed.
7. Test the landing page across various devices and browsers to ensure consistent performance and appearance.

## USER EXPERIENCE
The user will land on a visually engaging page that quickly captures their attention with the animated Updolo logo and a direct message tailored to freelancers. As they scroll, they will see dynamic visual representations of the platform’s features, encouraging them to explore further. The layout will guide them seamlessly to the sign-up button, making the process intuitive and straightforward. The overall experience will embody professionalism and innovation, aligning with Updolo’s brand identity.