Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page for an occult science website aimed at both Indian and international users. The website will serve as a hub for various services such as horoscopes, pranic healing, reiki, tarot card readings, and remedies based on Vedic science and Lal Kitab. The primary goal is to educate visitors about these practices while encouraging them to engage with the offered services.

## CORE FEATURES
1. **Hero Section**: A captivating hero section that introduces the website’s purpose, featuring a prominent headline, a brief description, and a call-to-action (CTA) button to explore services.
   
2. **Service Offerings**: A section detailing the different services available, such as horoscopes, pranic healing, and tarot card readings, each with a short description and an accompanying illustration or icon.
   
3. **Testimonials**: A carousel or grid layout showcasing user testimonials to build trust and credibility, featuring quotes from satisfied clients who have experienced the services.
   
4. **Educational Resources**: A section with links to articles or blog posts that provide insights into various occult practices and remedies, enhancing user knowledge and engagement.
   
5. **Call-to-Action (CTA)**: Strategically placed CTAs throughout the page that encourage users to book a consultation or sign up for a newsletter, ensuring easy navigation and conversion.
   
6. **Contact Information**: A simple contact form for inquiries, allowing users to reach out directly with questions or requests for services.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - Clean, simple design with plenty of white space to enhance readability and focus on content. Use a minimal color palette to maintain a sophisticated look.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: A single-scroll layout with distinct sections for the hero, services, testimonials, educational resources, and contact information. Each section should be clearly defined with ample spacing.
- **Typography**: Use a modern, sans-serif font for headings (e.g., Montserrat) and a legible serif font for body text (e.g., Merriweather) to create a balanced and inviting reading experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building a dynamic and type-safe user interface.
- **Styling**: Tailwind CSS for utility-first styling, allowing for rapid design iterations and responsive adjustments.
- **UI Components**: Utilize shadcn/ui for pre-designed components that fit the minimalist aesthetic.
- **State Management**: Not strictly necessary for a landing page, but consider using React's built-in state or context for managing form inputs and user interactions.

## IMPLEMENTATION STEPS
1. **Set up the project environment**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create the basic layout structure**: Develop the main layout using React functional components for the hero, services, testimonials, educational resources, and contact sections.
3. **Design the hero section**: Implement the hero section with a striking headline, description, and CTA button.
4. **Build the service offerings section**: Create individual components for each service, ensuring they are visually appealing and informative.
5. **Develop the testimonials section**: Use a carousel or grid layout to display client feedback dynamically.
6. **Add educational resources**: Link to articles or blog content, ensuring it is easy to navigate and visually integrated into the layout.
7. **Implement the contact form**: Create a simple form that collects user inquiries, with validation for inputs.
8. **Styling and responsiveness**: Use Tailwind CSS to style each component and ensure the layout is responsive across different devices.

## USER EXPERIENCE
Users will be greeted by an inviting hero section that clearly communicates the website's purpose. As they scroll, they will encounter a well-structured overview of services, testimonials that build trust, and educational resources to deepen their understanding. The CTAs will be strategically placed to encourage immediate engagement, while the contact form provides a straightforward way for users to reach out for more information. The minimalist design, with ample white space and a light theme, ensures a pleasant browsing experience, making it easy for users to navigate and find the information they seek.