Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
The Seamless Boutique Studio is a landing page designed to present a high-end, artistic web experience for non-technical small business owners. It aims to remove barriers through seamless design and intimate service, encouraging visitors to engage and convert without feeling overwhelmed by technology.

## CORE FEATURES
1. **Hero Section with Integrated Intake Form**: A visually immersive hero area featuring a lead capture form, designed to attract immediate attention and facilitate conversions.
2. **Seamless Scrolling Experience**: A continuous vertical flow with no hard edges or section dividers, providing a smooth user journey that mimics the artistic service offered.
3. **Dynamic Visual Content**: High-impact imagery with soft edges that blend into the background, creating an engaging and cohesive aesthetic.
4. **Three-Step Journey Illustration**: A clear depiction of the process (Introduction, Design Direction, Technical Setup) that guides users through what to expect, enhancing understanding and comfort.
5. **Transparent Pricing and FAQs**: An informative section that outlines costs and addresses common concerns, building trust and clarity for potential clients.
6. **Micro-Animations**: Subtle animations that enhance the user experience without distracting from the main content, adding a layer of sophistication.

## 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 follows a continuous vertical flow without sections, featuring a soft gradient background that evolves as users scroll through the content.

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

## IMPLEMENTATION STEPS
1. **Set Up Development Environment**: Initialize a new React project with TypeScript and install Tailwind CSS.
2. **Create Main Layout**: Build a continuous scrolling layout component that incorporates a gradient background.
3. **Design Hero Section**: Implement the hero area with a lead capture form integrated into the visuals, using high-impact imagery.
4. **Develop Three-Step Journey**: Create a section that outlines the process in a visually appealing manner, ensuring clarity and engagement.
5. **Add Pricing and FAQ Section**: Design a transparent pricing table and an FAQ section that addresses common concerns effectively.
6. **Implement Micro-Animations**: Add subtle animations to background elements and transitions to enhance the overall user experience.
7. **Testing and Optimization**: Ensure the landing page is responsive and functions well across different devices and screen sizes.

## USER EXPERIENCE
The user journey begins with an engaging hero section that captures attention and encourages interaction through the intake form. As users scroll down, they experience a seamless transition through the content, supported by dynamic visuals and clear, reassuring language. The three-step journey provides a roadmap, while the transparent pricing and FAQ sections build trust. Overall, the design emphasizes an artistic yet professional approach, fostering a sense of collaboration and ease for non-technical users.