Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a web application designed as a professional, industrial-style webshop for DTF-Print targeting the Danish market. The primary goal is to provide a seamless shopping experience optimized for both B2B and B2C conversions. The platform will focus on high conversion rates, SEO optimization, and a user-friendly interface.

## CORE FEATURES
1. **Dynamic Product Customizer**: Allows users to upload files for printing with real-time price calculations based on quantity and size. Provides validation feedback for DPI and transparency.
   
2. **Price Calculator**: A preview tool on the homepage that helps users estimate costs based on their customizations, enhancing user engagement.

3. **Information Hub**: A dedicated section for "Vaskeanvisning" and "Presse-vejledning," designed to support customers and improve SEO authority by providing valuable content.

4. **Trust Elements**: Integration of Trustpilot ratings, payment icons (MobilePay, Visa, Mastercard), and a "Dansk Produktion" badge to build customer trust.

5. **Fast Checkout Process**: A streamlined, mobile-first checkout experience with a quick 3-step process that minimizes cart abandonment.

6. **SEO Optimization**: Implementing a clean URL structure, proper heading hierarchy, and footer SEO targeting specific long-tail keywords for better search engine visibility.

## 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 responsive grid system that prioritizes a high-impact hero section on the homepage, followed by product sections, an information hub, and a clearly defined footer with quick links.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: shadcn/ui for modular and reusable UI components.
- **State Management**: Redux or Context API as needed for managing application state.

## IMPLEMENTATION STEPS
1. **Set Up the Environment**: Initialize the React application with TypeScript and install Tailwind CSS.
2. **Create the Basic Structure**: Develop the main layout components including the header, footer, and main content area using a responsive grid system.
3. **Implement the Hero Section**: Design the high-impact hero section with the main H1 heading and price calculator preview.
4. **Build the Product Customizer**: Create the dynamic product customizer component allowing file uploads and price calculations.
5. **Develop the Information Hub**: Set up the pages for "Vaskeanvisning" and "Presse-vejledning" with SEO-optimized content.
6. **Integrate Trust Elements**: Add Trustpilot ratings, payment icons, and the "Dansk Produktion" badge for credibility.
7. **Optimize for SEO**: Ensure clean URLs and proper use of H1-H3 tags, and implement alt-text for images.
8. **Test and Iterate**: Conduct usability testing and make adjustments based on feedback, ensuring a smooth mobile experience.

## USER EXPERIENCE
Users will have a seamless experience starting from the engaging hero section that captivates their attention. They will navigate easily through the product customizer with clear instructions and validation feedback. The information hub will serve as a resource, reducing customer support inquiries. The checkout process will be quick and straightforward, ensuring that users can complete their purchases with minimal friction, whether they are on a desktop or mobile device. Trust elements will assure users of the quality and reliability of the service, ultimately driving conversions.