File size: 7,551 Bytes
fe8ecb4
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Termo de Vistoria - Contrato de Locação Residencial</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap" rel="stylesheet">
    <style>
        body {
            font-family: 'Montserrat', sans-serif;
            background-color: #f8fafc;
        }
        .header-border {
            border-bottom: 3px solid #3b82f6;
        }
        .signature-line {
            border-bottom: 1px solid #000;
            width: 70%;
            margin: 0 auto;
        }
        @media print {
            body {
                background-color: white;
            }
            .page-break {
                page-break-after: always;
            }
        }
    </style>
</head>
<body class="bg-gray-50 text-gray-800">
    <div class="max-w-4xl mx-auto p-8 bg-white shadow-lg my-10">
        <!-- Header -->
        <div class="text-center mb-8">
            <h1 class="text-3xl font-bold text-blue-600 mb-2">TERMO DE VISTORIA</h1>
            <p class="text-lg text-gray-600">Anexo ao Contrato de Locação Residencial</p>
            <div class="header-border w-32 mx-auto mt-4"></div>
        </div>

        <!-- Property Info -->
        <div class="mb-8">
            <h2 class="text-xl font-semibold text-blue-700 mb-4">IMÓVEL</h2>
            <div class="bg-blue-50 p-4 rounded-lg">
                <p class="font-medium">Apartamento à Av. Gov. Fernando Costa, 127 – ap. 65, Ponta da Praia, Santos / SP – CEP 11030-181</p>
                <p class="font-medium">1 (uma) vaga de garagem</p>
            </div>
        </div>

        <!-- Parties Info -->
        <div class="grid grid-cols-1 md:grid-cols-2 gap-6 mb-8">
            <div class="bg-gray-50 p-4 rounded-lg">
                <h3 class="font-semibold text-blue-700 mb-2">LOCADORA</h3>
                <p>MARCELO VICENTE SOCIEDADE INDIVIDUAL DE ADVOCACIA</p>
            </div>
            <div class="bg-gray-50 p-4 rounded-lg">
                <h3 class="font-semibold text-blue-700 mb-2">LOCATÁRIA</h3>
                <p>MARCIA DE COLLA MOREIRA</p>
            </div>
        </div>

        <!-- Clauses -->
        <div class="space-y-6 mb-8">
            <div>
                <p class="text-justify mb-4"><span class="font-semibold">1.</span> A LOCATÁRIA, na presença da LOCADORA, afirma que recebe o imóvel nas condições e com os elementos descritos neste termo e conforme fotos anexadas:</p>
                <div class="ml-6 space-y-3">
                    <p class="text-justify"><span class="font-semibold">a.</span> Imóvel recém reformado, em excelente estado de conservação, pintado nas paredes na cor cinza "Nevoa da Manhã", tetos e portas brancas; portas do guarda-roupa do quarto, porta do armário do corredor e porta do quarto na cor verde; janela do quarto na cor branca; porta entre a sala e o corredor na cor branca;</p>
                    <p class="text-justify"><span class="font-semibold">b.</span> Elementos fornecidos em comodato: 4 lâmpadas eletrônicas com ventiladores integrados acompanhados de 2 controles remotos; 1 aparelho de ar condicionado Split com controle remoto; 1 aquecedor de água de torneira na cozinha; 1 depurador de ar; 1 chuveiro elétrico; 1 espelho no guarda-roupa.</p>
                </div>
            </div>

            <div>
                <p class="text-justify"><span class="font-semibold">2.</span> A LOCATÁRIA declara neste ato que tanto o imóvel quanto todos os elementos descritos neste termo estão em perfeito estado de conservação, utilização e funcionamento, cabendo a ela zelar pela sua conservação e manutenção, não ficando a LOCADORA responsável por sua conservação e manutenção durante o tempo do contrato, devendo a LOCATÁRIA devolver nas mesmas condições em que os recebeu quando do término do contrato mesmo se vigendo por tempo indeterminado.</p>
            </div>

            <div>
                <p class="text-justify"><span class="font-semibold">3.</span> A LOCATÁRIA recebe neste ato, também em comodato, 2 chaves "tetra" para acesso a porta do apartamento; 1 controle remoto para acesso à garagem e 1 tag para acesso ao condomínio.</p>
            </div>
        </div>

        <!-- Signature and Date -->
        <div class="mt-16">
            <p class="text-center mb-12">Santos, 01 de maio de 2025.</p>
            
            <div class="text-center">
                <div class="signature-line mb-2"></div>
                <p>MARCIA DE COLLA MOREIRA</p>
                <p class="text-sm font-medium mt-1">LOCATÁRIA</p>
            </div>
        </div>

        <!-- Footer Note -->
        <div class="mt-12 text-xs text-gray-500 text-center">
            <p>Documento gerado em 01/05/2025 - Válido sem reconhecimento de firma</p>
        </div>
    </div>

    <!-- Second Page for Photos -->
    <div class="max-w-4xl mx-auto p-8 bg-white shadow-lg my-10 page-break">
        <h2 class="text-2xl font-bold text-blue-600 mb-6 text-center">ANEXO FOTOGRÁFICO</h2>
        
        <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-8">
            <!-- Photo placeholders -->
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 1 - Vista da sala]
            </div>
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 2 - Quarto]
            </div>
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 3 - Cozinha]
            </div>
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 4 - Banheiro]
            </div>
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 5 - Área de serviço]
            </div>
            <div class="border-2 border-dashed border-gray-300 h-64 flex items-center justify-center text-gray-400">
                [FOTO 6 - Garagem]
            </div>
        </div>

        <div class="text-xs text-gray-500 text-center mt-8">
            <p>Fotos tiradas em 01/05/2025 como comprovante do estado do imóvel no ato da vistoria</p>
        </div>
    </div>

    <script>
        // Print functionality can be added if needed
        document.addEventListener('DOMContentLoaded', function() {
            // You could add a print button if desired
            // window.print();
        });
    </script>
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=maralvic/cont" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
</html>