Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project involves creating a landing page for "Bravarska Radionica Polamalu," a locksmith business. The primary purpose of this website is to attract potential customers by showcasing the services offered, providing contact information, and establishing a professional online presence. The design will emphasize visual impact with 3D elements and animations while maintaining a minimalist aesthetic.

## CORE FEATURES
1. **Hero Section**: A visually striking hero area with an engaging headline and a call-to-action button that encourages users to contact the locksmith service.
2. **Services Overview**: A section highlighting key services offered by the locksmith, including emergency lockout services, lock repairs, and installations, with brief descriptions.
3. **Testimonials**: A carousel of customer testimonials to build trust and credibility within the community.
4. **Contact Information**: A dedicated contact area with the business's address, phone number, and an embedded Google Map for easy navigation.
5. **Animated Elements**: Subtle animations in the background and transitions to enhance visual engagement without overwhelming the user experience.

## 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**: A single-page layout that smoothly scrolls through sections, featuring a top navigation bar that anchors to different parts of the page.

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

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Components**: Develop components for the hero section, services overview, testimonials, and contact information.
3. **Implement Navigation**: Add a top navigation bar that links to different sections of the page.
4. **Design Layout**: Use Tailwind CSS to create a responsive layout with appropriate spacings, margins, and typography.
5. **Add Animations**: Implement subtle animations using CSS for transitions between sections and for button hover effects.
6. **Test Responsiveness**: Ensure the landing page is fully responsive and looks good on various devices and screen sizes.

## USER EXPERIENCE
Users will land on a visually captivating hero section that immediately communicates the locksmith's services. The navigation bar allows easy access to different sections. As users scroll, they will encounter the services offered, followed by testimonials that validate the business's reputation. The contact area, featuring an embedded map, encourages users to reach out. All elements will be designed to ensure a smooth and engaging user experience, with animations that enhance rather than distract from the content.