> ## Documentation Index
> Fetch the complete documentation index at: https://help.homeway.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Introduction

export const openSearch = () => {
  if (typeof document !== 'undefined') {
    document.dispatchEvent(new KeyboardEvent('keydown', {
      key: 'k',
      code: 'KeyK',
      ctrlKey: true,
      metaKey: true,
      bubbles: true
    }));
  }
};

<div className="flex flex-col items-center justify-center py-20 text-center">
  <h1 className="text-4xl font-bold mb-4">
    Homeway Help Center
  </h1>

  <p className="text-lg text-gray-600 dark:text-gray-400 mb-8 max-w-xl">
    Search for help or explore the sidebar to get started.
  </p>

  <div className="w-full max-w-2xl mx-auto mt-8 cursor-text" onClick={openSearch}>
    <div className="relative flex items-center w-full h-12 rounded-lg border border-gray-200 bg-white dark:bg-gray-800 dark:border-gray-700 shadow-sm hover:border-gray-300 dark:hover:border-gray-600 transition-colors px-4 group">
      <div className="flex items-center justify-center w-5 h-5 text-gray-400 dark:text-gray-500 mr-3">
        <svg xmlns="http://www.w3.org/2000/svg" className="w-5 h-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" strokeWidth={2}>
          <path strokeLinecap="round" strokeLinejoin="round" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z" />
        </svg>
      </div>

      <span className="text-gray-400 dark:text-gray-500 text-sm">Search for help...</span>

      <div className="absolute right-4 flex items-center pointer-events-none">
        <span className="text-xs text-gray-400 dark:text-gray-500 border border-gray-200 dark:border-gray-700 rounded px-1.5 py-0.5">⌘K</span>
      </div>
    </div>
  </div>
</div>