Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project involves creating a mobile-friendly landing page that displays the contents of a provided zip file while ensuring fast loading times on both mobile and desktop devices. The design will adhere strictly to the existing color scheme without any additional modifications, offering a clean and minimalist aesthetic.

## CORE FEATURES
1. **Responsive Design**: The landing page will adapt to different screen sizes, providing a seamless experience on mobile devices and desktops.
2. **Fast Loading Times**: Optimizations will be implemented to ensure quick loading, enhancing user experience on all devices.
3. **Content Display**: The contents of the zip file will be showcased in an organized manner, maintaining clarity and accessibility.
4. **Contact Section**: A simple form for users to reach out for inquiries or further information.
5. **Call-to-Action (CTA)**: A prominent CTA that encourages users to engage with the content or take the next step.

## 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 full-width hero section, followed by sections for content display and contact, ensuring a logical flow from top to bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this project.

## IMPLEMENTATION STEPS
1. **Set up the React project**: Initialize a new React project with TypeScript.
2. **Install dependencies**: Add Tailwind CSS and shadcn/ui to your project.
3. **Create the layout structure**: Implement the main layout using Tailwind CSS for responsive design.
4. **Integrate the zip file contents**: Write logic to extract and display the contents of the zip file in a clean format.
5. **Design the contact form**: Create a simple contact form to allow user inquiries.
6. **Add the CTA section**: Design a prominent CTA that stands out and encourages user interaction.
7. **Optimize for performance**: Ensure images and assets are optimized for fast loading times.
8. **Test across devices**: Test the landing page on various screen sizes to ensure responsiveness.

## USER EXPERIENCE
Users will experience a seamless interface that loads quickly on both mobile and desktop. The navigation will be intuitive, with clear sections guiding them through the content. The call-to-action will be strategically placed to encourage user engagement, while the minimalist design ensures that the focus remains on the content provided in the zip file.