Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a minimalist landing page focused on showcasing a single Amazon product related to smart home solutions. The primary goal is to present the product effectively, including a clear image, brief description, price, and a purchase link, while maintaining a clean and simple design aesthetic.

## CORE FEATURES
1. **Hero Section**: A prominent display of the product image with an attention-grabbing headline.
2. **Product Description**: A concise description of the product’s features and benefits.
3. **Price Display**: Clear visibility of the product price.
4. **Purchase Link**: A prominent call-to-action button that directs users to the product on Amazon.
5. **Minimalist Design**: A clean layout that emphasizes the product with ample white space.
6. **Responsive Design**: The layout adjusts seamlessly across various devices and screen sizes.

## 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 landing page will feature a single-column layout with the hero section at the top, followed by the product description, price, and a call-to-action button.

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

## IMPLEMENTATION STEPS
1. **Set Up the Project**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and components.
3. **Create Components**:
   - **Hero Component**: Include the product image and headline.
   - **Description Component**: Add a brief description of the product.
   - **Price Component**: Display the product price prominently.
   - **CTA Button**: Create a button that links to the Amazon purchase page.
4. **Implement Layout**: Use Tailwind CSS classes to achieve the minimalist layout, ensuring ample spacing and clear hierarchy.
5. **Test Responsiveness**: Verify that the landing page works well on different screen sizes.

## USER EXPERIENCE
Users will land on a visually appealing page that immediately showcases the product with a high-quality image. The minimalist design ensures that the product details are easy to read and navigate, with a clear call-to-action prompting users to purchase the product. The responsive design enhances usability on both mobile and desktop devices.