Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a landing page for an e-commerce website that specializes in selling high-quality jigsaw puzzles inspired by Indian heritage and culture. The website will feature traditional art designs such as Warli and Mandala, alongside a custom puzzle option where users can upload their own photos. The primary goal is to provide a visually appealing and user-friendly experience that encourages visitors to explore and purchase puzzles.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a striking image of the featured puzzles, a brief tagline, and a call-to-action button leading to the product catalog.
2. **Product Showcase**: Display a selection of high-end jigsaw puzzles with images, descriptions, and prices. Users can click to view more details or add to cart.
3. **Custom Puzzle Creation**: An interactive feature allowing users to upload their photos to create personalized puzzles, with a simple upload interface and preview option.
4. **About Section**: Information on the cultural significance of the designs, emphasizing the craftsmanship and heritage behind each puzzle.
5. **Testimonials**: A section showcasing customer reviews to build trust and credibility around the product quality and customer service.
6. **Contact Form**: A simple form for inquiries, allowing users to reach out for support or more information.

## 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 will follow a vertical flow, featuring the hero section at the top, followed by product showcases, custom puzzle creation, about section, testimonials, and contact form.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: React Context API (optional for managing cart state)

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Develop reusable components for the hero section, product cards, custom puzzle upload, testimonials, and contact form.
3. **Implement Routing**: Use React Router for navigation if required, although this is a landing page with a single route.
4. **Design Layout**: Utilize Tailwind CSS to layout the components responsively, ensuring a minimalist aesthetic.
5. **Integrate Upload Feature**: Implement a file upload component for users to upload images for custom puzzles.
6. **Set Up Contact Form**: Create the contact form component and handle form submissions, possibly integrating an email service.
7. **Testing**: Conduct user testing to ensure the interface is intuitive and all features work as expected.
8. **Deployment**: Deploy the application using a service like Vercel or Netlify for easy hosting.

## USER EXPERIENCE
Users will land on a visually striking page that invites them to explore unique puzzles and custom options. The navigation will be straightforward, with calls to action prompting users to view products or create custom puzzles. The layout will be responsive, ensuring that users on all devices have a seamless experience. The design will emphasize ease of use, with clear pathways from learning about the product to making a purchase.