Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This application is a web app designed to allow users to access information about sustainable products through a QR code. It highlights the eco-friendly aspects of the products, provides details about the production process, and connects users to a larger e-commerce platform while ensuring an engaging user experience.

## CORE FEATURES
1. **QR Code Access**: Users can scan a QR code to access the app directly, providing a seamless entry point.
2. **Sustainable Product Information**: Detailed sections showcasing the sustainable features of products, emphasizing the environmental impact and artisanal craftsmanship.
3. **Team and Roles Overview**: A dedicated section that outlines the team structure, including roles, responsibilities, and associated salaries, to build transparency and trust.
4. **Pricing Information**: Clear display of product pricing, emphasizing the premium nature of the items while maintaining accessibility.
5. **Link to External Site**: A feature that allows users to navigate to the external site (https://cristalreborn.lovable.app) for more information or purchases.
6. **Contact Form**: An integrated contact form for inquiries, ensuring users can easily reach out for further information.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will focus on clean lines and simplicity, utilizing ample white space to enhance readability and user engagement.
- **Color Mode**: Light theme with dark text on light backgrounds for a fresh and modern look.
- **Layout**: A single-page layout with sections that scroll smoothly, including a hero section at the top, followed by product information, team overview, pricing details, and a contact section.
- **Typography**: Use a modern sans-serif font for headings and a readable serif font for body text. Maintain a clear hierarchy with larger font sizes for headings and consistent spacing.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust application structure and type safety.
- **Styling**: Tailwind CSS for flexible and responsive design.
- **UI Components**: Utilize shadcn/ui for pre-designed components to maintain consistency and speed up development.
- **State Management**: Use React Context API or Redux if necessary for managing application state across components.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Build individual components for the hero section, product information, team overview, pricing, and contact form using shadcn/ui.
3. **Implement QR Code Functionality**: Integrate a QR code generator that links directly to the app.
4. **Develop Navigation Flow**: Ensure smooth scrolling navigation between sections and link to the external site appropriately.
5. **Style the Application**: Apply Tailwind CSS classes to components, focusing on the minimalist design specifications.
6. **Test Responsiveness**: Ensure the application is responsive across different devices and screen sizes.

## USER EXPERIENCE
Key interactions include scanning the QR code to enter the app, smoothly scrolling through sections to read about sustainable practices, and filling out the contact form for inquiries. The design will prioritize ease of navigation, ensuring that users can easily find the information they need while enjoying a visually appealing experience.