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

# home

export function openSearch() {
  document.getElementById('search-bar-entry').click();
}

<div className="relative w-full flex items-center justify-center" style={{ height: '20rem', overflow: 'hidden'}}>
  <div className="absolute inset-0 bg-primary dark:bg-primary-light" style={{opacity: 0.05 }} />

  <div style={{ position: 'absolute', textAlign: 'center', padding: '0 1rem' }}>
    <div
      className="text-gray-900 dark:text-gray-200"
      style={{
fontWeight: '600',
fontSize: '28px',
margin: '0',
}}
    >
      What can we help you with?
    </div>

    <div className="flex items-center justify-center">
      <button
        type="button"
        className="hidden w-full lg:flex items-center text-sm leading-6 rounded-lg py-1.5 pl-2.5 pr-3 shadow-sm text-gray-400 dark:text-white/50 bg-background-light dark:bg-background-dark dark:brightness-[1.1] dark:ring-1 dark:hover:brightness-[1.25] ring-1 ring-gray-400/20 hover:ring-gray-600/25 dark:ring-gray-600/30 dark:hover:ring-gray-500/30 focus:outline-primary"
        id="home-search-entry"
        style={{
  marginTop: '2rem',
  maxWidth: '28rem',
}}
        onClick={openSearch}
      >
        <svg
          className="h-4 w-4 ml-1.5 mr-3 flex-none bg-gray-500 hover:bg-gray-600 dark:bg-white/50 dark:hover:bg-white/70"
          style={{
    maskImage: 'url("https://mintlify.b-cdn.net/v6.5.1/solid/magnifying-glass.svg")',
    maskRepeat: 'no-repeat',
    maskPosition: 'center center',
  }}
        />

        Search the Help Center...
      </button>
    </div>
  </div>
</div>

<div
  style={{
marginTop: '2rem',
marginBottom: '8rem',
maxWidth: '70rem',
marginLeft: 'auto',
marginRight: 'auto',
paddingLeft: '1.25rem',
paddingRight: '1.25rem',
}}
>
  <CardGroup cols={3}>
    <Card title="Property Manager" icon="user-tie-hair" iconType="duotone" href="/s/topic/0TO5e000000h9wqGAA/">
      * [Getting Started with Latchel](/s/topic/0TO5e000000h9wqGAA/Getting-Started)
      * [Dashboard Overview](/s/topic/0TO5e000000h9wqGAA/Dashboard-2-0)
      * [Account Settings](/s/topic/0TO5e000000h9wqGAA/Account-Settings-Overview)
      * [Data Management & Configurations](/s/topic/0TO5e000000h9wqGAA/Data-Management-Configurations)
      * [Latchel Analytics](/s/topic/0TO5e000000h9wqGAA/Latchel-Analytics-Overview)
      * [Contact Rotation](/s/topic/0TO5e000000h9wqGAA/on-call-rotation-getting-started)
      * [Integrations](/s/topic/0TO5e000000h9wqGAA/Comprehensive-Integration-Guides)
      * [Projects, Inspections, & Recurring Work Orders](/s/topic/0TO5e000000h9wqGAA/Projects-Inspections-Overview)
      * [Resident Benefits Guides](/s/topic/0TO5e000000h9wqGAA/Resident-Benefits-Guides)
      * [Invoice & Payments](/s/topic/0TO5e000000h9wqGAA/Invoice-and-Payments)
      * [Communications & Notifications](/s/topic/0TO5e000000h9wqGAA/Communication-Notification-Settings-Overview)
      * [Work Order Management](/s/topic/0TO5e000000h9wqGAA/Comprehensive-Work-Order-Guide-New-Experience)
      * [Emergency & Escalation Settings](/s/topic/0TO5e000000h9wqGAA/Emergency-Escalation-Settings-Overview)
      * [Preferred Service Provider Settings](/s/topic/0TO5e000000h9wqGAA/Preferred-Service-Providers-guides-overview)
      * [Task Management](/s/topic/0TO5e000000h9wqGAA/Task-Management-Overview)
      * [Users](/s/topic/0TO5e000000h9wqGAA/User-Management-Overview)
      * [Files & Reports](/s/topic/0TO5e000000h9wqGAA/Files-Reports-Overview)
    </Card>

    <Card title="Resident" icon="house-user" iconType="duotone" href="/s/topic/0TO5e000000h9wrGAA/">
      * [Resident Dashboard Overview](/s/topic/0TO5e000000h9wrGAA/Resident-Dashboard-Overview)
      * [Maintenance Request Guides](/s/topic/0TO5e000000h9wrGAA/Maintenance-Request-Guides-Overview)
      * [Resident Benefits Guides](/s/topic/0TO5e000000h9wrGAA/Resident-Benefits-Guides-Overview)
      * [Comprehensive Resident Help Guides](/s/topic/0TO5e000000h9wrGAA/Comprehensive-Resident-Help-Guides)
    </Card>

    <Card title="Service Provider" icon="truck-plow" iconType="duotone" href="/s/topic/0TO5e000000h9wpGAA/">
      * [Getting Started](/s/topic/0TO5e000000h9wpGAA/Get-Started-Service-Provider)
      * [Managing Your Account](/s/topic/0TO5e000000h9wpGAA/Managing-Your-Account-Service-Provider)
      * [Work Order Management](/s/topic/0TO5e000000h9wpGAA/Work-Order-Management-Service-Providers)
      * [Estimates, Invoicing & Documentation](/s/topic/0TO5e000000h9wpGAA/Estimates-Invoicing-Documentation-Service-Provider)
      * [Comprehensive Service Provider Help Guides](/s/topic/0TO5e000000h9wpGAA/Comprehensive-Service-Provider-Guides)
    </Card>
  </CardGroup>
</div>