Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page designed to promote the Royaume Fitness brand, focusing on engaging potential clients with clean aesthetics and clear messaging. The primary purpose is to convert visitors into leads through compelling features and a user-friendly interface.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a bold headline, a brief description of the services, and a prominent call-to-action button encouraging users to sign up or learn more.
   
2. **Features Showcase**: A section highlighting key offerings, such as personal training, group classes, and nutrition coaching, laid out in an appealing format to inform potential clients about the services available.

3. **Testimonials**: A dedicated area for client testimonials to build trust and credibility, featuring quotes from satisfied customers and possibly their photos to enhance authenticity.

4. **Contact Form**: An easy-to-use contact form for inquiries, with fields for name, email, and message, encouraging users to reach out for more information.

5. **Call-to-Action (CTA)**: Strategically placed buttons throughout the page prompting users to take action, such as "Get Started" or "Join Us Today".

## 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-column layout with clear sections for the hero, features, testimonials, and contact form, ensuring a smooth scroll and easy navigation.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API for managing form input states.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and Tailwind CSS configuration.
2. **Create Components**:
   - Develop a Hero component that includes the main title, subtitle, and CTA button.
   - Build a Features component to display key services with icons or images.
   - Create a Testimonials component that pulls in quotes and client images.
   - Implement a ContactForm component with input validation.
3. **Style Components**: Use Tailwind CSS classes to apply the specified design specifications, ensuring responsive design across devices.
4. **Navigation**: Ensure smooth scrolling between sections and a sticky navigation if applicable.
5. **Testing**: Conduct thorough testing for functionality and responsiveness on various devices.

## USER EXPERIENCE
Users will land on a visually appealing hero section that immediately communicates the brand's value. As they scroll, they will encounter well-structured content that highlights the benefits of the services offered. Interaction with the contact form will be straightforward, encouraging users to reach out easily. The overall experience will be seamless, retaining users' attention while guiding them towards conversion through clear CTAs.

This comprehensive prompt sets the foundation for creating a fully functional minimalist light application that aligns with the user's vision for the Royaume Fitness rebranding project.