Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote a mobile application that allows users to track their running activities on Google Maps. The application gamifies running by enabling users to claim areas they run through, fostering an engaging and competitive environment.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a catchy tagline and a call-to-action button encouraging users to download the app.
2. **Features Overview**: A section detailing the main functionalities, such as tracking routes, area claiming, and competition features with visuals to enhance understanding.
3. **Testimonials**: A section showcasing user feedback to build trust and highlight the app's effectiveness and enjoyment.
4. **Call to Action (CTA)**: Prominent buttons encouraging users to download the app from app stores or visit the website for more information.
5. **Contact Information**: Easy access to support or inquiries, including a simple form or email link.

## 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 main layout will be a single-page scroll structure featuring a hero section at the top, followed by the features overview, testimonials, a CTA, and contact information at the bottom.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and components.
3. **Create Components**: 
   - Build the Hero component with a background image and overlay text.
   - Design the Features component to list the app's key functionalities.
   - Create a Testimonials component to display user reviews.
   - Develop the CTA component with download buttons.
   - Implement a Contact component with a simple inquiry form.
4. **Style Components**: Use Tailwind CSS classes to apply the minimalist design principles and ensure responsiveness.
5. **Integrate Google Fonts**: Import the Inter font for consistent typography across the application.
6. **Deploy the Landing Page**: Use a platform like Vercel or Netlify for hosting the landing page.

## USER EXPERIENCE
Users will first encounter a compelling hero section that captures their attention. As they scroll, they will discover the core features of the application, illustrated with engaging visuals and concise descriptions. Testimonials will reinforce credibility, while prominent CTAs will guide users to download the app easily. The contact section will provide a straightforward way for users to reach out with questions or support requests, ensuring a seamless and user-friendly experience throughout the landing page.