Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
KROMALASER is an e-commerce web application designed to showcase and sell handcrafted laser-cut and engraved products. The platform will allow users to explore a variety of personalized items, including jewelry, wall art, and stationery, with a focus on a unique, artisanal feel that communicates the craftsmanship behind each piece.

## CORE FEATURES
1. **Product Catalog**: A well-organized catalog displaying products categorized into sections like Jewelry, Keychains, Wall Art, and more. Each product will feature a placeholder image, name, price, and an "Add to Cart" button.
   
2. **Shopping Cart & Checkout**: A user-friendly shopping cart accessible from the header, allowing users to view item quantities, delete items, and proceed to a streamlined checkout process with payment integration using Stripe.

3. **Admin Dashboard**: A secure admin section requiring login, where administrators can view and manage all orders, update statuses (pending, paid, preparing, shipped), and ensure an efficient order fulfillment process. Integration with Supabase will manage user authentication and order storage.

4. **About Us Page**: A dedicated section that narrates the story of KROMALASER, emphasizing the passion for handcrafted work and personal touch, using a warm and inviting tone.

5. **Contact Form**: A simple contact form for customer inquiries or support, excluding order-related questions, featuring fields for name, email, and message.

## 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**: Asymmetrical composition with a mix of structured and freeform elements reflecting an artisanal character; subtle wood or paper textures in the background to enhance the handcrafted feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Use React's Context API for global state management of cart items and user authentication.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React application using Create React App or Vite with TypeScript.
2. **Install Dependencies**: Add Tailwind CSS, shadcn/ui, and Supabase for authentication and data management.
3. **Create Components**: 
   - Develop the main components: Header, Footer, ProductCard, Cart, Checkout, AdminDashboard, AboutUs, and ContactForm.
4. **Implement Routing**: Set up React Router for navigation between the catalog, cart, admin, and informational pages.
5. **Build the Product Catalog**: Create the product listing page that fetches product data (using placeholders) and displays it in an organized manner.
6. **Integrate Shopping Cart Functionality**: Implement context or state management to handle adding items to the cart, updating quantities, and removing items.
7. **Set up Authentication**: Implement login functionality for the admin section using Supabase, ensuring secure access to order data.
8. **Design and Style Pages**: Use Tailwind CSS to apply the minimalist design specifications, ensuring a cohesive visual experience throughout the application.
9. **Create Checkout Process**: Implement the checkout flow with Stripe integration for payment processing.
10. **Test and Optimize**: Conduct thorough testing of all features and optimize for performance and user experience.

## USER EXPERIENCE
Users will enjoy a seamless browsing experience, with intuitive navigation through the product catalog. The shopping cart will be easily accessible, allowing for quick additions and modifications. The checkout process will be straightforward and secure, with clear instructions and feedback. The admin dashboard will provide an efficient way to manage orders, ensuring timely processing and customer satisfaction. The overall aesthetic will communicate the artisanal nature of KROMALASER, reflecting the unique character of each product.