Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The project is a visually appealing landing page designed to showcase images in a dynamic and engaging manner. It will utilize a carousel feature to display images with unique movement effects and 3D transitions, creating an attractive and memorable user experience.

## CORE FEATURES
1. **Image Carousel**: A responsive carousel that showcases images with smooth transitions and 3D effects, allowing users to navigate through images easily.
2. **Dynamic Effects**: Implement various movement effects for images to enhance visual interest and engagement.
3. **Call to Action (CTA)**: Prominent buttons encouraging users to take specific actions, such as signing up or learning more.
4. **Responsive Design**: Ensure the landing page is fully functional and visually appealing across devices, from desktops to mobiles.
5. **Contact Section**: A simple form for users to reach out or subscribe, integrated with a backend service for submissions.

## 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 main layout will consist of a full-width hero section at the top, followed by the image carousel, features section, and a contact form at the bottom, ensuring a clear flow and easy navigation.

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

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using Create React App with TypeScript.
2. **Install Dependencies**: Install Tailwind CSS and shadcn/ui for styling and UI components.
3. **Create Components**:
   - **Hero Section**: Include a catchy headline and a background image.
   - **Image Carousel**: Utilize a library or custom code to implement the carousel with dynamic effects.
   - **Features Section**: Create a grid layout to display key features with icons and descriptions.
   - **Contact Form**: Build a simple form to collect user information and integrate it with a backend.
4. **Styling**: Apply Tailwind CSS classes according to the design specifications, ensuring a minimalist aesthetic.
5. **Testing**: Ensure the landing page is responsive and functions properly across different devices and browsers.

## USER EXPERIENCE
Key interactions will include smoothly transitioning through the image carousel, clicking on CTA buttons that lead to specific actions, and filling out the contact form. The overall experience should be intuitive, with a focus on visual engagement and ease of use. The minimalist design will help users focus on the content without distractions. 

This prompt outlines a comprehensive plan to create a functional and visually appealing landing page that captures the user's vision while adhering to best practices in design and development.