Prompt for this site, the theme should be like n8n site:
Generated Prompt
```markdown ## APPLICATION OVERVIEW The application will be a web app designed to serve as an informative platform for LHT Plastics, showcasing their range of high-quality PET packaging solutions. It aims to provide potential customers and partners with key information about the company, its products, and services, ensuring an engaging and user-friendly experience. ## CORE FEATURES 1. **Company Profile**: A dedicated section detailing the history, vision, and mission of LHT Plastics, highlighting their commitment to quality and innovation in the PET packaging industry. 2. **Product Showcase**: A comprehensive catalog displaying the various PET bottles and preforms, including specifications, images, and application details for each product. 3. **Customer Testimonials**: A section featuring testimonials from key customers and vendors, enhancing credibility and showcasing partnerships with reputable brands. 4. **Certifications**: A clear display of certifications (ISO 9001:2015, ISO 22000:2018, Halal) to emphasize LHT Plastics' commitment to quality and safety standards. 5. **Contact Information**: A user-friendly contact form and clear display of contact details, allowing easy communication for inquiries and orders. 6. **Responsive Design**: A mobile-friendly layout ensuring that all features are accessible and usable across devices, enhancing user engagement. ## DESIGN SPECIFICATIONS - **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography. - **Color Mode**: Light theme with dark text on light backgrounds to improve readability and maintain a professional appearance. - **Layout**: The main layout will consist of a top navigation bar, a hero section for the company overview, followed by sections for product showcases, testimonials, certifications, and contact information, all structured vertically for easy navigation. - **Typography**: Use a sans-serif font like 'Inter' for headings and body text, establishing a clear hierarchy with larger font sizes for headers and a consistent line spacing for readability. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript for a robust and maintainable codebase. - **Styling**: Tailwind CSS for utility-first styling, ensuring rapid development and responsive design. - **UI Components**: Utilize shadcn/ui for pre-built, customizable components to expedite the UI development process. - **State Management**: Use React Context API for managing global state where necessary. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Layout Components**: Build the main layout components including the Navigation Bar, Footer, and Main Content Area. 3. **Develop Core Features**: - Implement the Company Profile section with textual content and images. - Create the Product Showcase with product cards, including images and specifications. - Integrate a Testimonials carousel for customer feedback. - Design a Certifications display section. - Build a Contact Form component for user inquiries. 4. **Implement Responsive Design**: Use Tailwind CSS classes to ensure all components are responsive and adapt to different screen sizes. 5. **Testing**: Conduct thorough testing across different devices and browsers to ensure functionality and responsiveness. 6. **Deployment**: Choose a suitable hosting platform (e.g., Vercel or Netlify) for deployment, ensuring the app is accessible online. ## USER EXPERIENCE Users will have a seamless interaction with the platform, navigating easily through the company profile, product offerings, and testimonials. The clear call-to-action in the contact section will facilitate inquiries, while the responsive design will ensure usability across devices. The minimalist aesthetic will create an inviting atmosphere, allowing users to focus on the information presented without distraction. ```
Loved by thousands of makers from
From early prototypes to real products, they started here.







































Generate optimized prompts for your vibe coding projects
Generate prompt
Enter a brief description of the app you want to build and get an optimized prompt
Review and use your prompt
Review (and edit if necessary) the generated prompt, then copy it or open it directly in your chosen platform
Get inspired with new ideas
Get AI-generated suggestions to expand your product with features that will surprise your users
Frequently Asked Questions
Everything you need to know about creating better prompts for your Lovable projects
Still have questions?
Can't find what you're looking for? We're here to help!
