Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to showcase Alight Motion's 3D graphics video animation capabilities. The primary purpose is to highlight the features of the application, including payment gateways such as Cash App, Chime, and PayPal, while providing a clear call-to-action for potential users.

## CORE FEATURES
1. **Hero Section**: A captivating introduction with a high-quality background video or image showcasing 3D animations, accompanied by a concise tagline and a prominent call-to-action button.
   
2. **Features Overview**: A section detailing the key features of Alight Motion, such as realistic HD 8K rendering, user-friendly interface, and various animation tools. Each feature will be accompanied by an illustrative icon or image.

3. **Payment Gateway Integration**: Information about the seamless integration of Cash App, Chime, and PayPal as payment methods, with visual representations to enhance understanding.

4. **Testimonials**: A section featuring user testimonials that highlight the benefits and effectiveness of using Alight Motion, contributing to trust and credibility.

5. **Voice Over Scripts**: A showcase of available A-Z voice-over scripts for users looking to enhance their video content.

6. **Contact Section**: A simple form allowing users to reach out for more information or support, ensuring easy access to assistance.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist - The design will be clean and simple, focusing on ample white space and a minimal color palette to enhance readability.
- **Color Mode**: Light theme with dark text on light backgrounds to ensure high contrast and readability.
- **Layout**: The layout will follow a single-column format with sections stacked vertically, allowing for easy navigation and focus on content.
- **Typography**: Use modern sans-serif fonts such as 'Roboto' or 'Open Sans' for clear readability. Headings will be bold and larger, while body text will be regular weight for a comfortable reading experience.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript for building the user interface.
- **Styling**: Tailwind CSS for utility-first styling, ensuring a responsive design.
- **UI Components**: Utilize shadcn/ui for pre-built components that maintain a consistent and professional appearance.
- **State Management**: Not required for this landing page as it focuses primarily on static content.

## IMPLEMENTATION STEPS
1. **Set Up React Project**: Initialize a new React project with TypeScript and install Tailwind CSS for styling.
2. **Create Component Structure**: Develop individual components for the hero section, features overview, payment integration, testimonials, and contact form.
3. **Design Layout**: Apply Tailwind CSS classes to achieve the minimalist design, ensuring proper spacing and alignment.
4. **Incorporate Images/Videos**: Add high-quality visuals for the hero section and features overview to enhance engagement.
5. **Implement Forms**: Create a functional contact form with fields for user input and a submission button.
6. **Test Responsiveness**: Ensure the layout adapts well to different screen sizes, providing a seamless experience across devices.

## USER EXPERIENCE
Users will be greeted by an engaging hero section that immediately captures attention. As they scroll down, they will encounter visually appealing feature highlights and testimonials that build trust. The easy-to-navigate layout will guide users to the payment options and contact form, facilitating smooth interactions and encouraging them to take action. The minimalist design will enhance their overall experience by keeping distractions to a minimum.