Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a premium luxury eCommerce web application for "Terra Luxe", a high-end organic grocery brand. The main purpose is to provide a sophisticated online shopping experience that emphasizes quality, trust, and exclusivity through a clean and minimalistic design.

## CORE FEATURES
1. **Hero Section**: A striking introductory area with a bold tagline, "Pure Origins. Elevated Living." showcasing the brand's luxury ethos.
2. **Featured Categories**: Visually appealing sections for different product categories with high-quality images to enhance browsing.
3. **Product Pages**: Detailed pages that include large images, origin stories, nutritional information, and customer reviews to build trust.
4. **Best Sellers Carousel**: A dynamic display of top-selling products to encourage user engagement and purchases.
5. **Subscription Options**: Users can subscribe for recurring orders, including various curated boxes like family and vegan options.
6. **Smooth Checkout Experience**: A clean and user-friendly cart and checkout process to ensure a seamless purchasing journey.

## 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 layout will feature a hero section at the top, followed by featured categories, a promise section, a carousel for best sellers, testimonials, and a subscription box highlight, all organized with ample white space for an elegant feel.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Redux or Context API (as needed for managing cart and user sessions).

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**: Build the main layout components including the header, footer, and main content area.
3. **Develop Hero Section**: Implement the hero section with the tagline and background image.
4. **Build Featured Categories**: Create components for each product category with images and links.
5. **Design Product Pages**: Develop product detail pages with all specified features (origin story, nutritional info, etc.).
6. **Implement Best Sellers Carousel**: Utilize a carousel library to display best-selling products.
7. **Set Up Subscription Options**: Create a feature for users to choose subscription boxes for recurring orders.
8. **Design Checkout Flow**: Build a cart and checkout process with all necessary fields and validations.
9. **Implement State Management**: Set up Redux or Context API for managing user sessions and cart state.
10. **Test Responsiveness**: Ensure all components are responsive and optimized for various devices.

## USER EXPERIENCE
Users will enjoy a smooth and calm browsing experience characterized by high-quality visuals and intuitive navigation. The design focuses on storytelling, allowing users to learn about product origins while providing easy access to subscription options and a seamless checkout process. Subtle animations will enhance interactions without detracting from the overall elegant aesthetic, ensuring that the experience feels premium and trustworthy.