Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
This project is a landing page designed to impress visitors with its premium feel, stunning style, and smooth animations. The primary goal is to create an engaging, visually appealing experience that showcases the brand effectively and encourages user interaction through calls-to-action.

## CORE FEATURES
1. **Hero Section**: A captivating introduction featuring a bold headline, subheadline, and a strong call-to-action button that invites users to explore further.
2. **Feature Highlights**: A visually engaging carousel that showcases key features of the service or product, using animations to transition smoothly between slides.
3. **Testimonials Section**: A section dedicated to customer reviews and testimonials, enhancing credibility with animated transitions and a clean layout.
4. **Contact Form**: A simple yet elegant contact form that allows users to get in touch, complete with smooth input animations and clear submission feedback.
5. **Animated Call-to-Action**: Strategically placed CTAs throughout the page that encourage users to take action, enhanced with hover animations for better engagement.

## 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 layout is structured with a full-width hero section at the top, followed by a horizontally scrollable feature carousel, a testimonials section with alternating layouts for visual interest, and a contact form at the bottom. Responsive design ensures optimal viewing on all devices.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript.
- **Styling**: Tailwind CSS.
- **UI Components**: shadcn/ui.
- **State Management**: Not specified, but consider using React Context or Zustand for managing form states if needed.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Install Dependencies**: Add necessary libraries such as shadcn/ui for UI components and any animation libraries (e.g., Framer Motion).
3. **Create Components**: Develop components for the Hero section, Feature carousel, Testimonials, Contact Form, and CTA buttons.
4. **Design Layout**: Use Tailwind CSS to structure the layout according to the design specifications, ensuring responsiveness.
5. **Implement Animations**: Add smooth transitions and animations to elements, especially for the carousel and button hovers.
6. **Testing**: Ensure all features work correctly on different devices and browsers, focusing on user experience.
7. **Deployment**: Choose a hosting platform (like Vercel or Netlify) to deploy the landing page.

## USER EXPERIENCE
Key user interactions include smooth scrolling through sections, engaging animations that draw attention to important elements, and a responsive design that adapts to various screen sizes. The contact form provides instant feedback upon submission, enhancing user satisfaction. The overall focus is on creating an effortless and enjoyable experience that encourages users to engage with the content and take action.