Designen ska kännas: lyxig men välkomnande modern och minimalistisk inspirerad av beige, vit, nude, guld och soft black mycket smooth animationer...
Generated Prompt
```markdown ## APPLICATION OVERVIEW This project is a landing page for OSHA’s, a modern beauty studio located in Gävle, Sweden. The primary goal is to showcase the studio's luxurious beauty and wellness services, providing users with an engaging visual experience that encourages bookings. ## CORE FEATURES 1. **Hero Section**: A large cinematic hero video or image with the text "Luxury Beauty & Wellness in Gävle" and prominent CTA buttons for booking appointments and viewing services. 2. **About OSHA’s**: A premium presentation section that introduces the studio, emphasizing its focus on beauty, self-care, and confidence in an exclusive environment. 3. **Services Cards**: Modern cards for each service offered, including Makeup Artist, Hair Styling, Facial Treatments, Spa & Relax, Friskvård, and Beauty Courses, each featuring icons, brief descriptions, and CTA buttons. 4. **Testimonials Carousel**: A modern carousel displaying customer reviews, highlighting the studio's ratings and positive feedback to build trust and credibility. 5. **Gallery**: An Instagram-style masonry grid showcasing various aspects of the studio and services, including makeup, hair styling, and the spa environment, using soft shadows and rounded corners. 6. **Booking CTA**: A clear call-to-action section encouraging users to "Book Your Glow-Up," linked to the booking platform. ## 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 should be structured with a full-width hero section at the top, followed by the about section, services cards in a grid layout, testimonials in a carousel, the gallery in a masonry grid, and a prominent booking CTA at the bottom. ## TECHNICAL REQUIREMENTS - **Framework**: React with TypeScript - **Styling**: Tailwind CSS - **UI Components**: shadcn/ui - **State Management**: Not specified; consider using React's built-in state for simple interactions. ## IMPLEMENTATION STEPS 1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui. 2. **Create Layout**: Implement the main layout structure with a header and footer, ensuring responsiveness. 3. **Add Hero Section**: Integrate a video or image for the hero section with the specified text and CTA buttons. 4. **Develop About Section**: Write and style the about section, ensuring it reflects the premium feel. 5. **Create Services Cards**: Design and implement the services cards with hover effects and necessary content. 6. **Implement Testimonials Carousel**: Set up a carousel for testimonials that can be easily updated with user reviews. 7. **Build Gallery Section**: Create a masonry grid layout for the gallery, using soft shadows and rounded corners for aesthetics. 8. **Add Booking CTA**: Ensure the booking section is prominent and linked correctly to the booking platform. 9. **Optimize for SEO**: Implement SEO best practices for better visibility. 10. **Test Responsiveness**: Ensure the site is fully responsive across all devices. ## USER EXPERIENCE Users will be greeted with an engaging hero section that captivates their attention. The navigation will be smooth, with animations enhancing the experience as users scroll through the site. Each section will provide valuable information, leading users seamlessly towards booking an appointment, ultimately creating an inviting and luxurious digital presence that reflects the studio's brand. ```
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!
