Chce zbudowac strone dla warsztatu odkrywamy lubuskie w gorzowie ktory specjalizuje sie w klimatyzacji
Generated Prompt
## APPLICATION OVERVIEW Create a landing page for "Odkrywamy Lubuskie," a workshop in Gorzów specializing in air conditioning services. The page will serve as a marketing tool to promote the workshop, showcasing its services, expertise, and contact information in a clean and user-friendly manner. ## CORE FEATURES 1. **Hero Section**: An engaging hero section with a bold headline, a brief introduction to the workshop, and a call-to-action button encouraging visitors to book a consultation or learn more. 2. **Services Overview**: A section highlighting the key services offered, such as air conditioning installation, maintenance, and repair, each with a brief description and visual icons. 3. **About Us**: A concise section detailing the workshop's background, expertise, and commitment to quality service, helping to build trust with potential customers. 4. **Testimonials**: A carousel or grid layout showcasing customer testimonials to establish credibility and encourage new clients to choose the workshop. 5. **Contact Information**: A dedicated section with contact details, including phone number, email, and a simple contact form for inquiries. 6. **CTA Section**: A prominent call-to-action area encouraging visitors to schedule an appointment or request a quote, reinforcing the primary goal of conversion. ## 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 be structured in a single-column format for mobile-first design, with sections stacked vertically for easy scrolling. Key sections will include a hero area at the top, followed by services, about us, testimonials, contact information, and a strong CTA at the bottom. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript. - **Styling**: Tailwind CSS for responsive and utility-first styling. - **UI Components**: shadcn/ui for building intuitive components. - **State Management**: Not required for this simple landing page. ## IMPLEMENTATION STEPS 1. **Set Up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS. 2. **Create the Layout**: Develop the main layout using a single-page structure with sections for hero, services, about us, testimonials, contact, and CTA. 3. **Implement Hero Section**: Design the hero section with a background image or color, headline, and CTA button styled with the primary color. 4. **Services Overview**: Create a grid or list format to display services, making use of icons and brief descriptions. 5. **About Us Section**: Add text content highlighting the workshop's story and values. 6. **Testimonials Section**: Implement a carousel or grid for customer testimonials, ensuring readability and visual appeal. 7. **Contact Information**: Design a contact form with fields for name, email, and message, styled with a consistent look. 8. **CTA Section**: Conclude with a strong call-to-action, ensuring it stands out and encourages user engagement. 9. **Testing and Deployment**: Conduct thorough testing for responsiveness and usability, then deploy the website using a suitable hosting service. ## USER EXPERIENCE Users will experience a seamless journey as they land on the page, immediately greeted by the hero section that captures their interest. They can easily navigate through services, learn about the workshop, read testimonials, and find contact information without any distractions. The minimalistic design ensures that the focus remains on the content, leading to higher conversion rates through clear CTAs and user-friendly navigation.
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!
