Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project aims to create a landing page for a gym, providing potential members with essential information about services, classes, and membership options. The design will emphasize a minimalist aesthetic, ensuring clarity and ease of navigation to enhance user engagement and conversion.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction with a call-to-action button prompting visitors to sign up or learn more about the gym.
2. **Services Overview**: A section detailing the various services offered, such as personal training, group classes, and nutritional guidance.
3. **Membership Plans**: A clear presentation of different membership options, including pricing and benefits to facilitate easy decision-making.
4. **Testimonials**: A section to showcase member reviews and success stories to build trust and credibility.
5. **Contact Information**: Easy access to contact details and a contact form for inquiries or additional information.
6. **Location Map**: An embedded map to help users find the gym’s location easily.

## 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-page layout with sections stacked vertically, featuring a smooth scrolling experience between sections.

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

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript using Create React App.
2. **Install necessary dependencies**: Add Tailwind CSS and shadcn/ui for styling and component usage.
3. **Create the main layout**: Build a single-page structure using React Router for smooth scrolling between sections.
4. **Develop individual components**: Create reusable components for the hero section, services overview, membership plans, testimonials, contact form, and location map.
5. **Style components**: Use Tailwind CSS to apply the minimalist design specifications, ensuring responsiveness across devices.
6. **Test the landing page**: Ensure all links and buttons function correctly and the design adapts well on various screen sizes.

## USER EXPERIENCE
Users will be greeted by an engaging hero section that captures their attention. As they scroll down, they will easily access vital information about services and membership plans. The testimonials will provide social proof, and the contact section will encourage direct inquiries. The overall experience will be seamless, with a focus on guiding users towards signing up for a membership or contacting the gym for more information.