Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for "Spade Gym," designed to showcase the gym's offerings and promote its brand. The primary goal is to create a visually appealing and engaging website that highlights key features and encourages user interaction through calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking hero section that includes the gym's logo, a brief tagline, and a call-to-action button to encourage visitors to join or learn more.
2. **Services Offered**: A section detailing the various services and classes provided by Spade Gym, including descriptions and benefits to attract potential members.
3. **Testimonials**: A section featuring quotes and feedback from current members about their experiences, helping to build trust and credibility.
4. **Contact Information**: Easy access to contact details, including a contact form for inquiries, ensuring potential members can reach out easily.
5. **Membership Plans**: A clear display of available membership options, pricing, and benefits to facilitate decision-making for prospective members.

## 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 features a full-width hero section at the top, followed by a grid or card layout for services, a testimonial slider, a simple contact form section, and a footer with additional links and information.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript and install Tailwind CSS.
2. **Install UI Components**: Integrate shadcn/ui for pre-built UI components.
3. **Create Layout**: Develop the main layout structure with a header, hero section, services section, testimonials, contact form, and footer.
4. **Implement Styling**: Utilize Tailwind CSS to apply the minimalist design approach, ensuring to incorporate the specified primary color, typography, and border radius.
5. **Add Content**: Populate each section with relevant content, including text for services, testimonials, and contact information.
6. **Test Responsiveness**: Ensure the landing page is responsive and provides a good user experience across different devices.

## USER EXPERIENCE
Users will land on a visually appealing hero section with a clear call to action. As they scroll down, they'll encounter well-organized service offerings and testimonials, providing a smooth and informative experience. The contact form will be easily accessible, encouraging inquiries, while membership plans will be clearly displayed to facilitate quick decision-making. The overall navigation will be intuitive, making it easy for users to find information and engage with the gym.