Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Era Packaging, a packaging supply store in Šljivovica. The page will showcase the company's offerings, including information about their products and services, while also providing an option to contact the sales team. The design will focus on clarity and simplicity to enhance user experience and encourage potential customers to engage with the business.

## CORE FEATURES
1. **Hero Section**: A visually appealing introduction to Era Packaging with a brief overview and a call-to-action button to contact sales.
2. **About Us**: A section detailing the company's mission and values, emphasizing their expertise in packaging solutions.
3. **Product Offerings**: A clear breakdown of available products, specifically highlighting the different types of stretch films, their specifications, and benefits.
4. **Testimonials**: Customer reviews and feedback to build trust and credibility for potential buyers.
5. **Contact Information**: Easy access to contact details including phone numbers and a contact form to facilitate inquiries.
6. **Secondary Page - Stretch Film**: Dedicated page featuring comprehensive information about stretch films, including technical specifications and usage scenarios.

## 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 consist of a vertical flow with a hero section at the top, followed by the about us section, product offerings, testimonials, and contact information, ensuring a smooth and logical user journey.

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

## IMPLEMENTATION STEPS
1. **Set Up the React Project**: Initialize a new React project with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for UI components.
3. **Create Page Structure**: Develop the main landing page layout with sections for the hero, about us, product offerings, testimonials, and contact information.
4. **Design the Hero Section**: Implement a full-width hero section with an engaging image, brief description, and a call-to-action button.
5. **Develop About Us Section**: Add a section that outlines the company's mission and services.
6. **Create Product Offerings Section**: List various types of stretch films with clear specifications and benefits.
7. **Implement Testimonials**: Include a carousel or grid layout for customer reviews and feedback.
8. **Add Contact Information**: Ensure all contact details are prominently displayed with a simple contact form.
9. **Create Secondary Page**: Develop a dedicated page for stretch films with detailed descriptions and technical specifications.
10. **Test for Responsiveness**: Ensure the design is responsive and looks great on all devices.

## USER EXPERIENCE
Users will be greeted by an inviting hero section that succinctly introduces Era Packaging. They will easily navigate through sections to learn about the company's values, explore product offerings, read customer testimonials, and find contact information. The clean layout and minimalist design will facilitate a smooth user journey, allowing potential customers to quickly engage with the business and make inquiries.