Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page titled "Multifragancias RD" designed to showcase a variety of Arabic perfumes. The primary purpose is to attract visitors and capture their email addresses while providing easy access to customer support via a WhatsApp chat button. The design will be modern and attractive, featuring a simple image carousel of perfumes and a clean layout to enhance user engagement.

## CORE FEATURES
1. **Hero Section**: A visually appealing hero image area with the title "Multifragancias RD" prominently displayed.
2. **Image Carousel**: A rotating slideshow showcasing various Arabic perfume brands with high-quality images.
3. **Email Capture Form**: A straightforward form for visitors to enter their email addresses for updates and promotions.
4. **WhatsApp Chat Button**: A floating button that allows users to initiate a chat with customer support at the number 829-645-3023.
5. **Simple Animation**: Subtle animations for transitions and interactions to enhance the visual experience without overwhelming the user.
6. **Responsive Design**: Ensuring the landing page adapts seamlessly to different screen sizes for optimal viewing on mobile and desktop devices.

## 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 feature a full-width hero section at the top, followed by the image carousel, email capture form, and the WhatsApp chat button positioned at the bottom right corner for easy access.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout**: Set up the main layout structure with a hero section, image carousel, email capture form, and chat button using Tailwind CSS for styling.
3. **Integrate Image Carousel**: Implement the image carousel component to display various Arabic perfumes.
4. **Email Capture Form**: Create a form component that captures user email addresses and integrates with a backend service if required.
5. **WhatsApp Button**: Add a button that opens the WhatsApp chat when clicked, linking to the specified phone number.
6. **Add Animations**: Implement simple CSS animations for transitions between sections and for button interactions.
7. **Testing**: Ensure the landing page is responsive and functions correctly across different devices and browsers.

## USER EXPERIENCE
Visitors will land on the page and immediately see the attractive hero section with the title. As they scroll down, they can view the rotating carousel of perfumes. The email capture form will be easily accessible, encouraging users to sign up for updates. The WhatsApp chat button will allow instant communication with customer support, enhancing user engagement and satisfaction. The overall experience will be smooth and visually appealing, promoting interaction and conversion.