Lovable Prompt Creator - AI Prompt Generator

# APPLICATION OVERVIEW
The PRINT FARM project is a modern, playful e-commerce website designed to offer a variety of digital products in a unique, cartoon-inspired farm setting. The site aims to create a whimsical shopping experience that communicates creativity and growth, while ensuring a clean and easy navigation for users.

# CORE FEATURES
1. **Hero Section**: A large, engaging illustration featuring the farm landscape with a prominent call-to-action (CTA) inviting users to "Grow Your Creativity" and explore products.
2. **Product Categories**: Illustrated category cards showcasing different product types, making navigation visually appealing and intuitive.
3. **Featured Products**: A modern product grid displaying popular items with hover animations for quick adds and previews.
4. **Customer Reviews**: A section featuring testimonials represented in speech bubbles with cute animals, enhancing the friendly tone of the site.
5. **Newsletter Signup**: Encourages users to join the farm community for free downloads, enhancing engagement and building a mailing list.
6. **Shopping Experience**: Includes a wishlist, collections, and a streamlined checkout process for a seamless user experience.

# 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 main layout should consist of a full-width hero section at the top, followed by a grid of product categories, featured products, customer reviews, and a newsletter signup at the bottom, all designed for responsiveness.

# TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: React Context API for managing application state and user interactions.

# IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript and install Tailwind CSS.
2. **Design Hero Section**: Create a responsive hero component featuring the large cartoon landscape and CTA buttons styled with the primary color.
3. **Build Category Cards**: Develop a grid layout for category cards using Tailwind CSS, incorporating illustrated elements that represent each product category.
4. **Implement Featured Products Grid**: Create a product grid with hover animations, ensuring it is dynamic and fetches product data from a mock API.
5. **Add Customer Reviews Section**: Design the review section with speech bubble elements and cute animal illustrations to maintain the playful theme.
6. **Create Newsletter Signup**: Implement a simple form for users to sign up for newsletters, styled with the defined typography and border radius.
7. **Set Up Shopping Experience Features**: Integrate wishlist functionality, collections, and a streamlined checkout process.
8. **Ensure Responsive Design**: Test and adjust the layout for various screen sizes to ensure a seamless mobile experience.

# USER EXPERIENCE
The user experience should be intuitive, allowing users to easily navigate through the site. The hero section should immediately capture attention, guiding users to explore categories and featured products. The whimsical illustrations will enhance engagement, while the structured layout will facilitate quick access to information. The shopping experience should be straightforward, with clear CTAs and a simple checkout process to maximize conversions.