import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

# Como Instalar o Aplicativo Mobile (PWA)

O **Imobiturbo.OS** é desenvolvido com tecnologia de ponta **Progressive Web App (PWA)**. Você tem toda a agilidade e poder de um aplicativo nativo instalado na sua tela inicial, sem consumir a memória do aparelho ou depender de downloads demorados na App Store ou Google Play.

> 💡 **⚡ VANTAGENS DO APP IMOBITURBO PWA**
>
> - **Tela Cheia Nativa**: Roda sem as barras de endereço do navegador.
> - **Leve e Instantâneo**: Ocupa menos de 5MB no seu celular.
> - **Atualização Automática**: Você sempre tem a versão mais recente sem precisar atualizar na loja.


---

## Passo a Passo de Instalação por Sistema

<Tabs>
  <TabItem value="ios" label="🍏 iPhone e iPad (iOS)" default>

> ⚠️ **⚠️ ATENÇÃO: USE O SAFARI NO IOS**
>
> No iPhone/iPad, a Apple só permite a instalação de PWAs através do navegador **Safari**. Se você abrir o link pelo Chrome ou WhatsApp, copie o endereço e abra no Safari.


1. No seu iPhone, abra o navegador **Safari**.
2. Digite o endereço: `https://os.imobiturbo.com.br` e acesse sua conta.
3. No rodapé do Safari, toque no botão de **Compartilhar** (ícone de um quadrado com uma seta apontando para cima).
4. Role as opções para cima e toque em **Adicionar à Tela de Início** (ícone `+`).

![Instalação do PWA no iOS Safari](/img/guias/mobile/01-pwa-instalacao-ios.png)

5. Confirme o nome do aplicativo (*Imobiturbo.OS*) e toque em <kbd>Adicionar</kbd> no canto superior direito.
6. Pronto! O ícone oficial aparecerá na tela de início do seu iPhone.

  </TabItem>
  <TabItem value="android" label="🤖 Android (Chrome / Samsung Internet)">

1. No seu smartphone Android, abra o navegador **Google Chrome**.
2. Acesse o endereço: `https://os.imobiturbo.com.br` e faça login na sua conta.
3. Toque no ícone de **3 pontinhos** no canto superior direito do navegador.
4. Selecione a opção **Instalar aplicativo** (ou *Adicionar à tela inicial*).
5. Na janela de confirmação, toque em <kbd>Instalar</kbd>.
6. Em poucos segundos o aplicativo estará disponível na sua gaveta de apps e tela principal.

  </TabItem>
</Tabs>

---

## Como é a Experiência no Celular

Ao abrir o app pelo ícone da tela inicial:
- A navegação é adaptada para uso com uma só mão com barra inferior fixa: **Inbox**, **Kanban**, **Contatos** e **Configurações**.
- Permite ouvir áudios de clientes no viva-voz ou auricular e gravar respostas instantâneas.
- Acompanhamento em tempo real das notificações de novos leads.

![Navegação Mobile no Smartphone](/img/guias/mobile/02-pwa-mobile-nav.png)

---

## Requisitos e Permissões Recomendadas

| Recurso | Finalidade | Como Permitir |
|---|---|---|
| **Notificações Push** | Avisar quando um novo lead mandar mensagem | Ao abrir o app pela 1ª vez, clique em **Permitir** no aviso do navegador |
| **Microfone** | Gravar áudios de resposta para clientes na Inbox | Autorize o uso do microfone na primeira gravação |
| **Câmera** | Ler QR Codes e enviar fotos de imóveis | Autorize o acesso à câmera e galeria |