Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for Cabeleireira Cristiana, a hair salon located in Ribeira Grande, Portugal. The purpose of the website is to provide essential information about the salon, including services offered, opening hours, and contact details, while maintaining an immersive 3D dynamic experience that is visually appealing on both desktop and mobile devices.

## CORE FEATURES
1. **Hero Section**: A captivating hero area with an enticing image of the salon, showcasing its atmosphere, and a brief welcome message.
2. **Services Offered**: A section that outlines the various hair services available, complete with descriptions and pricing.
3. **Opening Hours**: A clear display of operating hours, highlighting which days the salon is open, ensuring customers know when to visit.
4. **Contact Information**: A dedicated area featuring the salon's address, phone number, and social media links (Instagram and TikTok) for easy access and connection.
5. **Call to Action**: A prominent button for booking appointments or consultations, encouraging user interaction.
6. **Testimonials Section**: A space for customer reviews and feedback to build trust and credibility.

## 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 with sections stacked vertically, ensuring a smooth scroll experience. The hero section will be at the top, followed by services, hours, testimonials, and a contact section.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: shadcn/ui
- **State Management**: Not required for this static page but can be integrated if dynamic features are added later.

## IMPLEMENTATION STEPS
1. **Setup the Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Components**: Build the main components for the hero section, services, opening hours, testimonials, and contact information.
3. **Styling**: Use Tailwind CSS to apply the minimalist design, ensuring responsiveness for mobile devices.
4. **Typography**: Integrate Google Fonts to include the Inter font for all text elements.
5. **Color Application**: Utilize the primary color (#1978E5) for all buttons, links, and highlights throughout the site.
6. **Content Integration**: Fill in the content for each section based on the business information provided.
7. **Testing**: Conduct thorough testing on both desktop and mobile devices to ensure a seamless user experience.

## USER EXPERIENCE
Users will be greeted with a visually striking hero section that draws them in. As they scroll down, they will easily navigate through the services offered, check the opening hours, and read customer testimonials. Contact information will be readily available, encouraging potential clients to reach out or book an appointment. The minimalist design will ensure that the focus remains on the content, creating an inviting and user-friendly experience.