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 interactive elements and rich Indian color palettes to enhance user engagement while providing 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 vibrant image of the featured puzzles, a brief tagline, and a compelling call-to-action button leading to the product catalog.
2. **Product Showcase**: Display a collection of high-end jigsaw puzzles with rich imagery, descriptions, and prices. Users can click to view more details or add items to their cart.
3. **Custom Puzzle Creation**: An interactive feature enabling users to upload their photos to create personalized puzzles, complete 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, adorned with cultural motifs.
5. **Testimonials**: A section showcasing customer reviews to build trust and credibility around the product quality and customer service, with animated transitions for dynamic engagement.
6. **Contact Form**: A straightforward form for inquiries, allowing users to reach out for support or more information, designed with interactive elements.

## DESIGN SPECIFICATIONS
- **Visual Style**: minimalist - Clean, simple design with reduced white space, rich Indian color palettes, and a 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, all enhanced with animations for a more interactive experience.

## 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, ensuring each has interactive elements.
3. **Implement Routing**: Use React Router for navigation if necessary, keeping the landing page as a single route.
4. **Design Layout**: Utilize Tailwind CSS to create a responsive layout that emphasizes a minimalist aesthetic with rich colors.
5. **Integrate Upload Feature**: Implement a file upload component for users to upload images for custom puzzles with a preview feature.
6. **Set Up Contact Form**: Create the contact form component and handle submissions, possibly integrating an email service.
7. **Add Animations**: Implement CSS animations for transitions between sections and dynamic loading of products to enhance interactivity.
8. **Testing**: Conduct user testing to ensure the interface is intuitive and all features work as expected.
9. **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 exploration of 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, enhanced by engaging animations to keep users intrigued.