Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a professional, single-page Arabic website for "فوز للتزيين النسائي", a women's beauty salon in Riyadh. The website aims to establish a strong online presence and facilitate WhatsApp bookings for beauty, hair, and nail services.

## CORE FEATURES
1. **Hero Section**: Engaging full-width background with a compelling headline and call-to-action buttons for instant WhatsApp booking and service overview.
2. **Statistics Bar**: Highlights salon ratings and service hours with visually appealing icons.
3. **About Section**: Describes the salon's mission and services, complemented by an inviting image and feature badges.
4. **Services Grid**: Displays a variety of beauty services with descriptions and booking options, enhancing user engagement.
5. **Customer Reviews**: Showcases testimonials and ratings to build trust and credibility with potential clients.
6. **Contact & Location**: Integrated Google Maps for easy navigation, along with contact details and a floating WhatsApp button for instant communication.

## 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 follow a vertical structure, with each section clearly defined and spaced out for easy navigation and readability.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS
- **UI Components**: Lucide React icons for a clean iconography approach
- **State Management**: Not specified; local state management may be sufficient for this landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Global Styles**: Import the Inter font from Google Fonts and set up Tailwind CSS for styling.
3. **Build the Hero Section**: Implement the full-width background image, overlay, and text elements with appropriate CTA buttons.
4. **Develop the Statistics Bar**: Create a horizontal bar with icons and stats, styled with the primary color.
5. **Construct the About Section**: Add the section title, description, image, and feature badges with icons.
6. **Design the Services Section**: Create a grid layout displaying all services with descriptions and WhatsApp booking buttons.
7. **Add Customer Reviews Section**: Display testimonials in a visually appealing format with star ratings.
8. **Integrate Google Maps**: Embed a Google Maps iframe for the salon's location and contact details.
9. **Implement Footer**: Include salon branding, quick links, and social media icons without any attribution.
10. **Test Responsiveness**: Ensure the website is fully responsive, especially for mobile devices.

## USER EXPERIENCE
The website's design will facilitate easy navigation through smooth scrolling between sections. Users can quickly access service details, read customer reviews, and initiate WhatsApp bookings with prominent buttons. The overall aesthetic will evoke feelings of luxury and trust, appealing to the target audience of women seeking beauty services in Riyadh. The mobile-first approach ensures an optimal experience on smaller screens while maintaining functionality on larger devices.