Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a landing page for "Zhyar.perfumes", a luxury perfume brand. The website will showcase the brand's offerings in a clean and minimalist style, focusing on the product details and contact information. The design will emphasize a black and white theme with an accent color to enhance the visual appeal and provide a sophisticated user experience.

## CORE FEATURES
1. **Hero Section**: A captivating introduction to Zhyar.perfumes with a striking image of the perfume, a brand tagline, and a prominent call-to-action (CTA) button.
2. **Product Showcase**: A section displaying featured perfumes with images, brief descriptions, and prices in both Iraqi dinar and US dollars.
3. **About Us**: A concise description of the brand's philosophy, values, and the story behind Zhyar.perfumes.
4. **Testimonials**: Customer reviews highlighting the luxury experience and quality of the perfumes.
5. **Contact Section**: A dedicated area where users can find all contact details, including social media links and a contact form for inquiries.

## 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 single-column structure with sections stacked vertically, allowing for easy scrolling. The hero section will be at the top, followed by product showcase, about us, testimonials, and contact details.

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

## IMPLEMENTATION STEPS
1. **Set up the Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop reusable components for the header, footer, and sections (Hero, Products, About, Testimonials, Contact).
3. **Implement Hero Section**: Design the hero section with a striking image, tagline, and CTA button styled with Tailwind CSS.
4. **Build Product Showcase**: Create a grid layout for displaying the perfumes, ensuring each product card has an image, description, and price.
5. **Add About Us Section**: Write and style the content that conveys the brand’s story and values.
6. **Develop Testimonials Section**: Collect and display customer reviews in an engaging format.
7. **Design Contact Section**: Implement the contact details and a simple form for inquiries.
8. **Ensure Responsiveness**: Test and adjust the layout on various devices to ensure a seamless user experience.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that captures the essence of Zhyar.perfumes. They will easily navigate through the product showcase, learning about the perfumes available, and will find a seamless transition to the about us and testimonials sections. The contact section will provide users with all necessary details, allowing them to reach out effortlessly. The minimalist design will ensure that the focus remains on the luxury aspect of the brand, providing a sophisticated and enjoyable browsing experience.