Lovable Prompt Creator - AI Prompt Generator

```markdown
## APPLICATION OVERVIEW
This project is a single-page landing website designed to promote a gamified running application that utilizes Google Maps infrastructure. The site features scroll-triggered animations that enhance user engagement as they discover the app's unique features and benefits through an interactive and visually appealing experience.

## CORE FEATURES
1. **Hero Section**: An engaging introduction with the title "Koş, Çevir, Fethet!" and a supporting subtitle, featuring a sleek phone mock-up displaying the app.
2. **Scroll-triggered Animations**: As users scroll, animations transition from a phone display to a map interface, showcasing the app's functionalities with dynamic visuals.
3. **Gamification Mechanics**: Explanation of the app's core mechanics, where users run to conquer areas on the map, completing interactive animations that illustrate this concept.
4. **Competitive Elements**: Highlighting how users can see areas conquered by other players, encouraging competition and engagement.
5. **Footer with Contact Information**: A straightforward footer that provides social media links, contact information, and download buttons for both App Store and Google Play.

## 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 includes a full-width hero section at the top, followed by sequential scroll-triggered content sections that smoothly transition into each other, and a simple footer at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: HTML, CSS, JavaScript (GSAP and ScrollTrigger for animations)
- **Responsive Design**: Ensure the site is fully responsive for mobile devices.

## IMPLEMENTATION STEPS
1. **Set up HTML structure**:
   - Create the basic HTML layout with sections for the hero, animations, and footer.
2. **Style with CSS**:
   - Apply styles using CSS to achieve a minimalist look with the specified primary color and typography.
3. **Integrate GSAP and ScrollTrigger**:
   - Include GSAP and ScrollTrigger libraries in the project for smooth animations and transitions.
4. **Implement Scroll Animations**:
   - Code the scroll-triggered animations that transition from the hero section to the map view and display the various animations for conquering areas.
5. **Test Responsiveness**:
   - Ensure that the layout works seamlessly across different screen sizes and devices.
6. **Add Footer Content**:
   - Include social media links, contact information, and download buttons.

## USER EXPERIENCE
Users will be greeted with an engaging hero section that captures their attention. As they scroll, they will experience dynamic transitions that visually narrate the application’s core features, enhancing their understanding and encouraging them to download the app. The footer provides easy access to additional information and download links, completing the user journey effectively.
```