Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a web application designed as a luxury jewelry website that includes an admin login page. The primary purpose is to showcase various jewelry products, allowing potential customers to explore high-end offerings while providing an admin interface for managing inventory, orders, and customer data.

## CORE FEATURES
1. **Product Showcase**: Display a curated selection of luxury jewelry pieces with high-quality images, descriptions, and pricing.
2. **Admin Login**: Secure login page for administrators to manage product listings and access analytics.
3. **User Accounts**: Allow customers to create and manage accounts for a personalized shopping experience, including order history and wish lists.
4. **Shopping Cart**: Enable users to add products to their cart, view their selections, and proceed to checkout.
5. **Contact Form**: A simple form for customer inquiries, ensuring effective communication with potential buyers.
6. **Responsive Design**: The application will be fully responsive, ensuring a seamless experience across devices.

## 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 include a hero section for featured products, followed by product categories, testimonials, a contact form, and an admin login section. The navigation will be simple and intuitive.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Redux or React Context API (to manage user authentication and product data)

## IMPLEMENTATION STEPS
1. **Project Setup**: Initialize a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Layout Components**: Develop the main layout including Header, Footer, and Main sections.
4. **Product Showcase Component**: Implement a component to display products, integrating data fetching from a mock API or local JSON.
5. **Admin Login Page**: Create a secure login form that uses authentication methods (consider JWT tokens).
6. **User Account Management**: Set up user account functionalities, allowing registration and login/logout features.
7. **Shopping Cart Functionality**: Develop cart management features to add, remove, and view items in the cart.
8. **Contact Form Implementation**: Create a functional contact form that sends inquiries via email or stores in a database.
9. **Responsive Design Testing**: Ensure all components are responsive and provide a seamless experience on various devices.
10. **Deployment**: Deploy the application using a platform like Vercel or Netlify.

## USER EXPERIENCE
The user experience will focus on simplicity and elegance. Users will enter the site and be greeted with a stylish hero section that highlights featured jewelry. Navigation will be intuitive, allowing users to easily browse categories or search for specific items. The admin will have a secure login to manage products, and users will appreciate the smooth transition from product selection to checkout, all supported by a clean and modern design aesthetic. The responsive layout will ensure that users on mobile devices enjoy the same luxurious experience as those on larger screens.