Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is for a minimalist landing page focused on showcasing a logo with a glowing effect. The primary purpose is to create an engaging visual experience where the logos are animated to slide from left to right, enhancing the overall aesthetic appeal and drawing attention to the brand identity.

## CORE FEATURES
1. **Logo Display**: A section dedicated to displaying the logo with a glowing effect that enhances visibility and brand recognition.
2. **Animation**: All logos will have a smooth animation transition from left to right, creating an engaging experience for visitors.
3. **Responsive Design**: The landing page will adapt seamlessly across different devices, ensuring a consistent user experience.
4. **Call to Action (CTA)**: A prominent CTA section encouraging users to engage with the brand, whether it’s signing up, learning more, or contacting for more information.
5. **Contact Section**: A simple form or contact information that allows users to reach out for inquiries.

## 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**: A single-column layout featuring a hero section with the logo, followed by the animated logo section, a CTA section, and a contact section at the bottom.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS for utility-first CSS styling.
- **UI Components**: shadcn/ui for pre-built UI components.
- **State Management**: Not required for this static landing page.

## IMPLEMENTATION STEPS
1. **Set Up Project**: Initialize a new React project using TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Main Components**:
   - Develop a `Hero` component for the initial logo display.
   - Create an `AnimatedLogo` component that handles the left-to-right animation of logos.
   - Implement a `CTA` component for user engagement.
   - Set up a `Contact` component for user inquiries.
3. **Add Styling**: Use Tailwind CSS to apply the minimalist design principles, ensuring ample whitespace and a clean layout.
4. **Implement Animation**: Use CSS animations or libraries like Framer Motion to create the left-to-right logo movement.
5. **Test Responsiveness**: Ensure the layout adapts to various screen sizes and devices, adjusting styles as necessary.
6. **Deploy**: Once completed, deploy the landing page to a hosting provider for public access.

## USER EXPERIENCE
Key user interactions will revolve around the logo animations that capture attention immediately upon entering the page. Users can easily identify the brand with the glowing logo effect. The CTA invites users to take action, while the contact section provides a straightforward method for inquiries. The overall minimalist design ensures that users are not overwhelmed, allowing for a pleasant browsing experience.