Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to promote tarot and oracle reading services via WhatsApp. The primary purpose is to attract potential clients by offering engaging content about various esoteric services while facilitating easy communication through WhatsApp.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a clear call-to-action (CTA) inviting visitors to contact via WhatsApp for a free initial question.
2. **Service Descriptions**: Sections detailing various services offered, such as tarot, cartomancy, runes, and numerology. Each service will include a brief description and relevant imagery.
3. **Testimonials**: A visually appealing carousel of client feedback, accompanied by random images, to build trust and credibility.
4. **Promotional Section**: Highlight current promotions and special offers to encourage immediate contact.
5. **Contact Information**: Clearly displayed WhatsApp number for easy access, along with options for personal consultations.
6. **Configurable Content**: An admin-friendly interface that allows for easy updates to text and images, ensuring the content remains fresh and relevant.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space, minimal color palette, and a strong focus on typography.
- **Color Mode**: Light theme with dark text on light backgrounds.
- **Layout**: 
  - A full-width hero section with a background image related to tarot.
  - Two-column layout for service descriptions, with text on one side and images on the other.
  - A grid layout for testimonials to ensure a visually balanced presentation.
  - A prominent promotional banner below the services.
  - A footer with contact information and social media links.
- **Typography**: 
  - Headings: Bold sans-serif font for clear visibility.
  - Body text: A clean serif font for easy reading.
  - Emphasis on hierarchy with varying font sizes and weights.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for robust and scalable development.
- **Styling**: Tailwind CSS for rapid styling and responsive design.
- **UI Components**: Utilizing shadcn/ui for consistent and modern UI components.
- **State Management**: Not necessary due to the landing page's static nature, but consider React Context for future configurability if needed.

## IMPLEMENTATION STEPS
1. **Set Up Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Layout Structure**:
   - Build the hero section with a background image and a CTA button.
   - Develop service sections using a responsive grid layout.
   - Implement a testimonial carousel using a library like Swiper.js.
3. **Add Configurable Content**:
   - Use React state or context to manage the content dynamically.
   - Ensure images and text can be updated easily from a central location.
4. **Integrate Contact Functionality**:
   - Format the WhatsApp link for easy access.
   - Add a click-to-call feature for mobile users.
5. **Style Components**: Utilize Tailwind CSS to ensure a consistent minimalist design across all components.
6. **Testing and Deployment**: Test the responsiveness and functionality on various devices and deploy the landing page on a suitable platform.

## USER EXPERIENCE
Visitors will be greeted by a striking hero section that captures their attention immediately. As they scroll down, they will find easily digestible information about the different reading services, complemented by an inviting layout and client testimonials that foster trust. The prominent WhatsApp contact button ensures that potential clients can easily reach out for their free question, enhancing the overall user experience and encouraging conversions. The configurable content feature allows for future updates without the need for extensive coding, ensuring the site remains relevant and engaging.