Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This web application serves as an e-commerce platform focused on promoting Gelmodel liquid collagen, enhancing user experience through a modernized brand identity and streamlined navigation. The primary aim is to transition the current website into a premium wellness brand that effectively communicates the product's benefits, backed by clinical studies and expert endorsements.

## CORE FEATURES
1. **Color Sampling**: Automatically detect and extract the color palette from the current website to ensure brand consistency in the new design.
   
2. **Asset Management**: Identify and repurpose key product imagery and expert endorsements to enhance the visual storytelling and credibility of the product.

3. **Information Audit**: Scrape and compile comprehensive technical data regarding ingredients, clinical studies, and dosage, providing users with all necessary information in one place.

4. **Long-form Sales Landing Page**: Reorganize the existing content into a modern, engaging long-form sales landing page, emphasizing storytelling over traditional sidebar-heavy layouts.

5. **Streamlined Shop**: Implement a one-page checkout process that minimizes user friction, especially tailored for elderly users, ensuring a smooth purchasing experience.

6. **Trust Building Features**: Prominently display clinical studies and expert testimonials on the homepage to build trust and authority with potential customers.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will feature clean lines, ample white space, and a limited color palette that emphasizes readability and elegance.
  
- **Color Mode**: Light theme with dark text on light backgrounds, ensuring strong contrast and readability.

- **Layout**: Utilize a single-column layout for the long-form sales page, with clear sections for product benefits, scientific backing, testimonials, and a simplified shopping experience.

- **Typography**: Use a sans-serif font like 'Inter' for body text to maintain clarity and modernity, with larger, bold headings for emphasis on key sections.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust type safety and component management.
  
- **Styling**: Tailwind CSS for utility-first styling that allows for rapid design adjustments.

- **UI Components**: Use shadcn/ui for consistent and modern user interface elements.

- **State Management**: Implement React Context or Redux as needed for managing global state, particularly for user sessions and shopping cart data.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React application using Create React App with TypeScript.
   
2. **Install Dependencies**: Add Tailwind CSS and shadcn/ui to the project for styling and UI components.

3. **Extract Color Palette**: Implement functionality to scrape the existing website for color data, storing it in a centralized theme configuration.

4. **Create Layout**: Design the main layout using a single-column structure, ensuring to include sections for product information, testimonials, and the shopping cart.

5. **Develop Core Features**: Build out the core features, including the information audit, asset management, and streamlined checkout process, using component-based architecture.

6. **Responsive Design**: Ensure all components are fully responsive, testing on various devices to prioritize accessibility for elderly users.

7. **Testing and Optimization**: Conduct thorough testing for usability, accessibility, and performance, making adjustments based on user feedback.

8. **Launch**: Deploy the application, ensuring all content is in Czech and aligns with the original Gelmodel branding.

## USER EXPERIENCE
Key user interactions will focus on smooth navigation through the long-form sales page, with intuitive access to product information, testimonials, and the shopping cart. Users will experience minimal friction during the checkout process, designed specifically to cater to elderly users, ensuring clarity and ease of use. The overall design will foster trust through visible endorsements and a clean, professional aesthetic, enhancing the perceived value of the product.