Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for a specialized e-commerce website focused on selling ergonomic treadmills and replacement parts. The main purpose is to provide potential customers with an engaging platform to learn about products, view features, and make purchases easily.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction with a prominent headline, subheadline, and a call-to-action button leading to product listings.
2. **Product Showcase**: Display featured ergonomic treadmills and replacement parts with images, short descriptions, and pricing.
3. **Benefits Section**: Highlight the advantages of using ergonomic treadmills, emphasizing health benefits and unique selling points to capture customer interest.
4. **Testimonials**: Showcase customer reviews and testimonials to build trust and encourage new visitors to make a purchase.
5. **Contact Form**: Provide a simple contact form for inquiries, allowing potential customers to reach out for more information.
6. **Newsletter Signup**: Encourage users to subscribe for updates, promotions, and tips related to fitness and treadmill use.

## 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 will be a single-page format with distinct sections for the hero, product showcase, benefits, testimonials, contact form, and newsletter signup, ensuring a seamless user experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not necessary for this landing page, as it primarily serves informational and promotional purposes.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React app with TypeScript and install Tailwind CSS.
2. **Create Layout**: Structure the landing page using a single-page format with sections for the hero, products, benefits, testimonials, contact, and newsletter.
3. **Develop Hero Section**: Implement the hero section with a background image, headline, subheadline, and a prominent CTA button.
4. **Product Showcase**: Create a grid layout to display products, ensuring images and descriptions are visually appealing.
5. **Benefits Section**: Design a visually distinct area to present the benefits of ergonomic treadmills using icons and brief text.
6. **Testimonials Section**: Add a slider or list format to display customer testimonials, ensuring they are easy to read and visually engaging.
7. **Contact Form**: Implement a simple, responsive contact form with fields for name, email, and message.
8. **Newsletter Signup**: Include an easy-to-use signup form that integrates with a mailing service.
9. **Responsive Design**: Ensure the entire landing page is optimized for both mobile and desktop views, adjusting layouts and components as necessary.
10. **Testing**: Test the landing page on various devices and browsers for functionality and responsiveness.

## USER EXPERIENCE
Key user interactions include navigating through the landing page sections, viewing product details in the showcase, reading testimonials, and submitting inquiries or newsletter signups. The design will ensure that users can easily find information and take action, such as clicking on buttons for product purchases or filling out the contact form, enhancing overall engagement and conversion rates.