Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase and sell Moroccan Nila powder. The primary goal is to provide an engaging and informative experience for visitors through a clean, minimalist design that highlights product benefits, images, and videos. The landing page will facilitate easy navigation and encourage conversions through strategically placed calls to action.

## CORE FEATURES
1. **Hero Section**: A visually striking introduction that features high-quality images or videos of Moroccan Nila powder, accompanied by a compelling tagline and a prominent call-to-action button directing users to purchase or learn more.
2. **Product Benefits**: A section detailing the benefits of Moroccan Nila powder, using engaging visuals and concise text to inform potential customers about its uses and advantages.
3. **Gallery**: A curated gallery showcasing high-quality images and videos of the product in use, highlighting its natural qualities and versatility.
4. **Customer Testimonials**: A section featuring reviews and feedback from satisfied customers to build trust and credibility.
5. **FAQs**: A frequently asked questions section to address common inquiries and concerns potential buyers may have.
6. **Contact Form**: A simple contact form for users to reach out with questions or comments, enhancing customer engagement and support.

## 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-page format with distinct sections for the hero, product benefits, gallery, testimonials, FAQs, and contact form, ensuring a smooth scrolling experience for users.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Create a new React project with TypeScript using Create React App.
2. **Install Dependencies**: Install Tailwind CSS and set up shadcn/ui for UI components.
3. **Create Layout Structure**: Develop the main layout including the hero section, product benefits, gallery, testimonials, FAQs, and contact form.
4. **Implement Hero Section**: Add images/videos and a call-to-action button.
5. **Develop Product Benefits Section**: Write content and style it with Tailwind CSS.
6. **Create Gallery**: Integrate images and videos in a visually appealing grid format.
7. **Add Testimonials Section**: Collect and display customer reviews.
8. **Implement FAQs Section**: Use accordion-style elements for questions and answers.
9. **Build Contact Form**: Set up a simple form with fields for name, email, and message.
10. **Test Responsiveness**: Ensure the landing page is fully responsive across all devices.

## USER EXPERIENCE
Users will be greeted by a visually appealing hero section that immediately communicates the essence of Moroccan Nila powder. They can easily scroll through the page to learn about the product, view testimonials, and find answers to their questions. The minimalist design ensures that the focus remains on the product, while the clean layout allows for a seamless browsing experience. The contact form provides an easy way for users to engage with the brand, fostering a sense of community and support.