Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed for a company that sells various types of cash counting machines. The website aims to present the products in a professional manner, focusing on simplicity and clarity to enhance user engagement and conversion.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction featuring a clear value proposition, high-quality images of cash counting machines, and a prominent call-to-action (CTA) button to encourage inquiries or purchases.

2. **Product Showcase**: A section dedicated to displaying different types of cash counting machines with brief descriptions, specifications, and images to give visitors a clear understanding of the offerings.

3. **Features Overview**: Highlight the key features and benefits of cash counting machines, emphasizing reliability, efficiency, and ease of use.

4. **Testimonials**: A section for customer reviews and testimonials to build trust and credibility, showcasing satisfied clients and their experiences with the machines.

5. **Contact Information**: An easy-to-find contact section with a form for inquiries, along with phone numbers and email addresses, allowing potential customers to reach out effortlessly.

6. **Footer**: Includes links to important pages, social media icons, and basic company information to enhance navigation and connectivity.

## 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 should be a single-page scrollable design with a fixed header for easy navigation, sections stacked vertically, and a responsive grid for product showcases.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this landing page; simple state management can be handled using local component state as needed.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and integrate Tailwind CSS for styling.
2. **Create Components**: Develop components for the Hero section, Product Showcase, Features Overview, Testimonials, Contact Form, and Footer.
3. **Implement Routing**: Though it’s a single page, ensure smooth scrolling navigation for sections using anchor links.
4. **Style Components**: Use Tailwind CSS classes to apply the specified design elements, ensuring the primary color, typography, and border radius are respected.
5. **Add Content**: Populate components with relevant text, images, and links, ensuring the content is concise and engaging.
6. **Test Responsiveness**: Ensure that the layout adapts well to different screen sizes, focusing on mobile-first design.

## USER EXPERIENCE
Key user interactions include clicking on the CTA button in the Hero section, scrolling to view product details, reading testimonials for credibility, and submitting the contact form for inquiries. The overall experience should be seamless, encouraging visitors to explore the offerings and make inquiries easily, thus fostering a positive first impression of the company.