Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a modern landing page designed for selling coffee tools, focusing on a unique and contemporary aesthetic. The aim is to create an interactive experience that feels personal rather than AI-generated, featuring engaging animations akin to those found on leading global websites.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a striking image or animation that highlights the brand and main offerings.
2. **Product Showcase**: A visually appealing layout displaying featured coffee tools with images, descriptions, and prices.
3. **Customer Testimonials**: A section dedicated to user feedback and reviews, enhancing trust and credibility.
4. **Call to Action (CTA)**: Prominent buttons encouraging visitors to explore products or make purchases.
5. **Contact Information**: A simple form or contact details for inquiries, ensuring easy communication.
6. **Newsletter Subscription**: A section for users to subscribe for updates and promotions, fostering community engagement.

## 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 a scrolling design, featuring a fixed navigation bar for easy access to different sections.

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

## IMPLEMENTATION STEPS
1. **Set up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS for styling and shadcn/ui for UI components.
3. **Create Components**: Develop components for each section (Hero, Product Showcase, Testimonials, CTA, Contact, Newsletter).
4. **Implement Routing**: Set up smooth scrolling navigation to different sections using React Router.
5. **Animate Elements**: Use CSS animations and transitions to enhance user engagement for interactive elements.
6. **Test Responsiveness**: Ensure the design is responsive across various devices and screen sizes.
7. **Deploy**: Host the landing page on platforms like Vercel or Netlify for public access.

## USER EXPERIENCE
The landing page will provide a seamless browsing experience, allowing users to easily navigate through different sections. Each feature will be designed for quick loading and engaging interactions, with clear CTAs guiding users toward making a purchase or inquiry. The minimalist design will ensure that users are not overwhelmed, and the animations will add a touch of modernity and professionalism to the experience.