Lovable Prompt Creator - AI Prompt Generator

## APPLICATION OVERVIEW
Create a web application landing page dedicated to personalized hypnosis services. The primary goal is to establish a profound emotional connection with visitors while facilitating direct sales of the service through a single-column, vertically scrolling format.

## CORE FEATURES
1. **Hero Section**: A captivating emotional introduction with a short, introspective headline and a clear call-to-action button.
2. **Existential Question**: A thought-provoking, centered question that draws visitors into the theme of mind and identity, enhancing engagement.
3. **Image + Text Explanation**: An evocative image paired with an intimate description of hypnosis, using conversational language to connect with the audience.
4. **Hypnosis Experience Description**: Divided text blocks explaining the sensory feelings and internal transformations experienced during hypnosis.
5. **Personal Story**: A first-person narrative detailing the motivation behind the service, fostering a genuine human connection.
6. **Testimonials Section**: A collection of 3 to 5 brief, emotionally-focused testimonials from users, emphasizing feelings rather than exaggerated results.

## DESIGN SPECIFICATIONS
- **Visual Style**: Minimalist, introspective, elegant, and nocturnal aesthetics with a focus on calmness and depth.
- **Color Mode**: Deep black background (#000000 or #0A0A0A) with soft white (#FFFFFF or #F5F5F5) for main text; light gray (#BEBEBE or #CFCFCF) for secondary text; muted beige or soft gold for accents.
- **Layout**: Single-column structure with continuous vertical scrolling. Ample negative space between sections creates a feeling of calmness, without visible boxes or borders.
- **Typography**: 
  - **Headings (H1-H3)**: Elegant serif font (e.g., Playfair Display, Libre Baskerville) in normal or semi-bold weight.
  - **Paragraph Text**: Clean sans-serif font (e.g., Inter, Helvetica, Open Sans) with generous line spacing and a maximum of 2 lines per paragraph.

## TECHNICAL REQUIREMENTS
- **Framework**: React with TypeScript
- **Styling**: Tailwind CSS for responsive design and utility-first styling.
- **UI Components**: Utilize shadcn/ui for accessible and customizable UI components.
- **State Management**: Context API or Redux as needed for managing state effectively.

## IMPLEMENTATION STEPS
1. **Setup Project**: Initialize a new React project with TypeScript and install Tailwind CSS and shadcn/ui.
2. **Create Layout Components**: Develop a layout component that includes the main structure for the hero, sections, and footer.
3. **Build Hero Section**: Implement the hero section with centered text and call-to-action buttons styled according to the specified color scheme.
4. **Add Sections**: Sequentially create each section (existential question, image + text, experience description, story, testimonials, FAQs, and final CTA) while ensuring all typography and design specifications are met.
5. **Responsive Design**: Ensure the layout is fully responsive, adapting to various screen sizes with appropriate spacing and typography adjustments.
6. **Testing and Optimization**: Conduct user testing to refine user interactions and overall experience, ensuring smooth scrolling and emotional engagement.

## USER EXPERIENCE
The landing page should feel like an internal journey, providing a safe space for users to explore the service. Key interactions include smooth scrolling through emotionally curated sections, engaging with thought-provoking questions, and easy navigation to the call-to-action buttons without feeling pressured. The overall experience should invite users to continue exploring the content naturally, leading to a conversion without an artificial sense of urgency.