Textilreinigung Berisha - premium, modern website for – a Viennese dry cleaning & textile restoration company. The design should feel like a...
Generated Prompt
## APPLICATION OVERVIEW This project is a premium, modern landing page for "Textilreinigung Berisha," a Viennese dry cleaning and textile restoration company. The primary goal is to present the brand as a luxury service provider, showcasing its offerings and encouraging user engagement through a seamless, visually appealing design. ## CORE FEATURES 1. **Hero Section**: Full-screen introduction with a captivating headline, subtext, and two prominent CTA buttons leading to pricing and location sections. 2. **Services Section**: Display of various services offered in a grid format with engaging glassmorphism cards, each featuring icons, titles, descriptions, and links for more details. 3. **Pricing Section**: Transparent pricing information presented in a tabbed layout, ensuring clear and easy navigation through different service categories. 4. **Trust Bar**: A slim section highlighting key service features with icons, reinforcing trust and credibility. 5. **Contact Section**: Direct contact information alongside an easy-to-use contact form for inquiries. 6. **Instagram Feed Section**: A styled mockup of the Instagram feed to enhance brand engagement and social presence. ## 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 consists of a sticky navbar, full-height hero section, followed by distinct sections for services, pricing, trust elements, contact, and an Instagram feed, all designed for smooth scrolling and engaging transitions. ## TECHNICAL REQUIREMENTS - Framework: React with TypeScript - Styling: Tailwind CSS - UI Components: shadcn/ui - State Management: Not required for this static landing page ## IMPLEMENTATION STEPS 1. **Set up the React environment** using Create React App with TypeScript. 2. **Install Tailwind CSS** and configure it within the project to enable utility-first styling. 3. **Create the Navbar Component** with a sticky position, logo, and nav links that shrink on scroll. 4. **Design the Hero Section** with a full viewport height, animated background gradient, and dual CTA buttons. 5. **Build the Services Section** using a grid layout for the glassmorphism cards, integrating icons and hover effects. 6. **Implement the Pricing Section** with a tabbed interface for different service categories, ensuring smooth transitions. 7. **Add the Trust Bar** to showcase service features with icons for visual appeal. 8. **Create the Contact Section**, including a contact form with validation and responsiveness. 9. **Develop the Instagram Feed Section**, using placeholder cards styled to mimic Instagram content. 10. **Finish with the Footer**, ensuring all links and legal information are included. ## USER EXPERIENCE Users will experience a smooth and elegant interaction with a minimalist design that emphasizes service quality. The landing page will guide them through the offerings with clear CTAs, engaging visuals, and easy navigation. The responsive design ensures optimal performance across devices, making it easy for users to find information and contact the business. By following this prompt, the landing page for "Textilreinigung Berisha" will be created to meet the user's vision and functional requirements.
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!
