CloverTermsofUse/privacyPolicy.html at develop · likesistemas/CloverTermsofUse · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EiChefe Garçom - Informações e Privacidade</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

        body {
            font-family: 'Inter', sans-serif;
            background-color: #f8fafc;
            color: #1e293b;
        }

        .section-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.1);
            padding: 2rem;
            margin-bottom: 2rem;
            border: 1px solid #e2e8f0;
        }

        .accent-border {
            border-left: 4px solid #2563eb;
        }

        h1, h2, h3 {
            color: #0f172a;
        }
    </style>
</head>
<body class="antialiased">

    <header class="bg-white border-b border-slate-200 py-12 px-4 mb-8">
        <div class="max-w-4xl mx-auto text-center">
            <h1 class="text-4xl font-extrabold tracking-tight mb-4">EiChefe Garçom</h1>
            <p class="text-xl text-slate-600 font-medium">
                Atendimento e pagamentos na mesa: a extensão do eichefe-gestão na sua Clover.
            </p>
        </div>
    </header>

    <main class="max-w-4xl mx-auto px-4 pb-20">

        <!-- Benefícios para o Lojista -->
        <section class="section-card accent-border">
            <h2 class="text-2xl font-bold mb-6">Benefícios para o Lojista</h2>
            <div class="grid gap-6 md:grid-cols-2">
                <div>
                    <h3 class="font-bold text-blue-700 mb-1">Experiência Full-Service na Mesa</h3>
                    <p class="text-slate-600 text-sm leading-relaxed">Atendimento do início ao fim sem interrupções. O garçom lança pedidos e processa pagamentos sem deslocamento ao balcão.</p>
                </div>
                <div>
                    <h3 class="font-bold text-blue-700 mb-1">Flexibilidade Total de Pagamento</h3>
                    <p class="text-slate-600 text-sm leading-relaxed">Suporte a diversas modalidades, incluindo PIX e cartões, integrada à tecnologia Clover.</p>
                </div>
                <div>
                    <h3 class="font-bold text-blue-700 mb-1">Divisão de Contas Simplificada</h3>
                    <p class="text-slate-600 text-sm leading-relaxed">Ferramenta nativa para dividir o valor da conta entre os clientes diretamente na mesa, agilizando o fechamento.</p>
                </div>
                <div>
                    <h3 class="font-bold text-blue-700 mb-1">Aumento na Rotatividade</h3>
                    <p class="text-slate-600 text-sm leading-relaxed">A mesa é liberada instantaneamente no sistema ao finalizar o ciclo, otimizando o fluxo do estabelecimento.</p>
                </div>
            </div>
        </section>

        <!-- Descrição do App -->
        <section class="section-card">
            <h2 class="text-2xl font-bold mb-4">Sobre o Aplicativo</h2>
            <p class="text-slate-600 leading-relaxed mb-6">
                O eichefe-garçom é a solução de mobilidade definitiva para o seu estabelecimento, atuando como uma extensão poderosa do sistema eichefe-gestão diretamente nos terminais Clover. Com ele, o garçom deixa de ser um mero anotador de pedidos para se tornar um terminal de atendimento completo e autônomo.
            </p>

            <h3 class="font-bold text-lg mb-3">Funcionalidades Principais:</h3>
            <ul class="space-y-3">
                <li class="flex items-start">
                    <span class="font-bold mr-2 text-blue-600">•</span>
                    <span class="text-slate-600"><strong>Gestão Versátil de Pedidos:</strong> Mesas, comandas individuais ou balcão.</span>
                </li>
                <li class="flex items-start">
                    <span class="font-bold mr-2 text-blue-600">•</span>
                    <span class="text-slate-600"><strong>Personalização e CRM:</strong> Cadastro e busca de clientes para atendimento personalizado.</span>
                </li>
                <li class="flex items-start">
                    <span class="font-bold mr-2 text-blue-600">•</span>
                    <span class="text-slate-600"><strong>Autonomia Operacional:</strong> Cancelamentos de itens e impressão de pré-conta na palma da mão.</span>
                </li>
                <li class="flex items-start">
                    <span class="font-bold mr-2 text-blue-600">•</span>
                    <span class="text-slate-600"><strong>Ciclo de Venda Completo:</strong> Pagamento processado na própria maquininha onde o pedido foi tirado.</span>
                </li>
            </ul>
        </section>

        <!-- Política de Privacidade -->
        <section class="section-card bg-slate-50">
            <h2 class="text-2xl font-bold mb-2">Política de Privacidade</h2>
            <p class="text-slate-500 text-sm mb-6 italic">Última atualização: Abril de 2026</p>

            <div class="space-y-6 text-slate-600">
                <p>A Like Sistemas valoriza a privacidade e descreve aqui como trata os dados na integração eichefe-garçom e Clover.</p>

                <div>
                    <h3 class="font-bold text-slate-800 mb-2">Coleta de Informações</h3>
                    <ul class="list-disc pl-5 space-y-2">
                        <li><strong>Dados de Pedidos:</strong> Itens consumidos, observações e valores operacionais.</li>
                        <li><strong>Dados de Clientes:</strong> Nomes fornecidos pelo operador para identificação.</li>
                        <li><strong>Informações de Pagamento:</strong> Dados sensíveis são processados exclusivamente pelo hardware da Clover.</li>
                    </ul>
                </div>

                <div>
                    <h3 class="font-bold text-slate-800 mb-2">Uso e Compartilhamento</h3>
                    <p>As informações são usadas apenas para sincronizar pedidos e facilitar pagamentos. Não vendemos dados a terceiros; as transações são compartilhadas apenas com a Clover para fins financeiros.</p>
                </div>
            </div>
        </section>

        <!-- Permissões -->
        <section class="section-card">
            <h2 class="text-2xl font-bold mb-4">Permissões e Justificativas</h2>
            <div class="overflow-hidden border border-slate-200 rounded-lg">
                <table class="min-w-full divide-y divide-slate-200">
                    <thead class="bg-slate-50">
                        <tr>
                            <th class="px-6 py-3 text-left text-xs font-semibold text-slate-500 uppercase">Recurso</th>
                            <th class="px-6 py-3 text-left text-xs font-semibold text-slate-500 uppercase">Justificativa</th>
                        </tr>
                    </thead>
                    <tbody class="bg-white divide-y divide-slate-200">
                        <tr>
                            <td class="px-6 py-4 font-medium text-slate-900">Câmera</td>
                            <td class="px-6 py-4 text-slate-600 text-sm">Leitura de QR Codes em mesas e cartões para identificação ágil.</td>
                        </tr>
                        <tr>
                            <td class="px-6 py-4 font-medium text-slate-900">Armazenamento</td>
                            <td class="px-6 py-4 text-slate-600 text-sm">Cache de imagens do cardápio e logs para garantir a fluidez do app.</td>
                        </tr>
                        <tr>
                            <td class="px-6 py-4 font-medium text-slate-900">Notificações</td>
                            <td class="px-6 py-4 text-slate-600 text-sm">O aplicativo não utiliza o envio de notificações externas.</td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <!-- Suporte -->
        <section class="text-center mt-12">
            <h2 class="text-xl font-bold mb-4">Informações de Suporte</h2>
            <div class="space-y-2">
                <p class="text-slate-600">E-mail: <a href="mailto:suporte@eichefe.com.br" class="text-blue-600 font-medium hover:underline">suporte@eichefe.com.br</a></p>
                <p class="text-slate-600">Site oficial: <a href="https://eichefe.com.br" target="_blank" class="text-blue-600 font-medium hover:underline">EiChefe</a></p>
            </div>
        </section>

    </main>

</body>
</html>