File: /home/onlyfibr/public_html/assinar/termos_de_uso.php
<?php
require_once 'includes/config/config.php'; // Carrega as constantes com os dados da empresa
?>
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Termos de Uso - <?php echo htmlspecialchars(NOME_EMPRESA); ?></title>
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome para ícones -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap" rel="stylesheet">
<!-- CSS personalizado -->
<style>
:root {
--primary-color: #2c3e50;
--secondary-color: #3498db;
--accent-color: #e74c3c;
--success-color: #2ecc71;
--warning-color: #f39c12;
--info-color: #1abc9c;
--light-bg: #f8f9fa;
--dark-bg: #2c3e50;
--text-color: #333;
--text-light: #f8f9fa;
--border-radius: 8px;
--box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
--transition: all 0.3s ease-in-out;
}
body {
font-family: 'Nunito', 'Segoe UI', sans-serif;
color: var(--text-color);
line-height: 1.6;
background-color: #f8f9fa;
padding: 0;
margin: 0;
}
.terms-container {
max-width: 900px;
margin: 0 auto;
padding: 30px;
background-color: #fff;
border-radius: var(--border-radius);
box-shadow: var(--box-shadow);
}
.terms-header {
text-align: center;
margin-bottom: 30px;
padding-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.terms-header h1 {
color: var(--primary-color);
font-weight: 700;
font-size: 2.2rem;
margin-bottom: 10px;
}
.terms-header .company-logo {
max-width: 120px;
margin-bottom: 15px;
}
.terms-header .terms-meta {
color: #6c757d;
font-size: 0.9rem;
}
.terms-section {
margin-bottom: 30px;
animation: fadeIn 0.5s ease-out forwards;
}
.terms-section h2 {
color: var(--primary-color);
font-weight: 700;
font-size: 1.4rem;
padding-bottom: 10px;
border-bottom: 2px solid var(--secondary-color);
margin-bottom: 15px;
display: flex;
align-items: center;
}
.terms-section h2 i {
margin-right: 10px;
color: var(--secondary-color);
}
.terms-section p {
margin-bottom: 15px;
font-size: 1rem;
}
.terms-section ul {
padding-left: 20px;
margin-bottom: 20px;
}
.terms-section ul li {
margin-bottom: 10px;
position: relative;
padding-left: 5px;
}
.terms-section ul li strong {
color: var(--primary-color);
}
.terms-footer {
text-align: center;
margin-top: 40px;
padding-top: 20px;
border-top: 1px solid #eaeaea;
}
.btn-terms {
padding: 10px 25px;
font-weight: 600;
border-radius: var(--border-radius);
text-transform: uppercase;
letter-spacing: 0.5px;
transition: var(--transition);
font-size: 0.9rem;
}
.btn-primary {
background: linear-gradient(135deg, var(--secondary-color), #2980b9);
border: none;
box-shadow: 0 4px 10px rgba(52, 152, 219, 0.3);
}
.btn-primary:hover {
transform: translateY(-3px);
box-shadow: 0 6px 15px rgba(52, 152, 219, 0.4);
background: linear-gradient(135deg, #3498db, #2272a5);
}
.btn-outline-secondary {
border: 2px solid var(--secondary-color);
color: var(--secondary-color);
background: transparent;
}
.btn-outline-secondary:hover {
background-color: var(--secondary-color);
color: white;
transform: translateY(-3px);
}
.terms-navigation {
display: flex;
justify-content: center;
margin-bottom: 30px;
}
.terms-navigation .nav-item {
margin: 0 8px;
}
.terms-navigation .nav-link {
font-weight: 600;
color: var(--primary-color);
border-radius: var(--border-radius);
padding: 8px 16px;
font-size: 0.9rem;
transition: var(--transition);
}
.terms-navigation .nav-link:hover {
background-color: rgba(52, 152, 219, 0.1);
}
.terms-navigation .nav-link.active {
background-color: var(--secondary-color);
color: white;
}
.contact-info {
background-color: var(--light-bg);
border-radius: var(--border-radius);
padding: 20px;
margin-top: 15px;
}
.contact-info li {
display: flex;
align-items: center;
}
.contact-info li i {
color: var(--secondary-color);
margin-right: 10px;
min-width: 20px;
}
/* Animações */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
/* Print-friendly styles */
@media print {
.terms-container {
box-shadow: none;
max-width: 100%;
padding: 0;
}
.terms-footer, .no-print {
display: none;
}
.terms-section {
page-break-inside: avoid;
}
body {
background-color: #fff;
font-size: 12pt;
}
}
/* Responsive adjustments */
@media (max-width: 768px) {
.terms-container {
padding: 20px;
margin: 0;
border-radius: 0;
}
.terms-header h1 {
font-size: 1.8rem;
}
.terms-navigation {
flex-wrap: wrap;
}
.terms-navigation .nav-item {
margin-bottom: 8px;
}
}
</style>
</head>
<body>
<div class="terms-container">
<div class="terms-header">
<!-- <img src="assets/images/logo.png" alt="Logo" class="company-logo"> -->
<h1>Termos de Uso</h1>
<p class="terms-meta">
<span><i class="fas fa-building me-1"></i><?php echo htmlspecialchars(NOME_EMPRESA); ?></span> •
<span><i class="fas fa-calendar-alt me-1"></i>Última atualização: <?php echo date('d/m/Y'); ?></span>
</p>
</div>
<!-- Navegação rápida -->
<nav class="terms-navigation no-print">
<ul class="nav nav-pills">
<li class="nav-item"><a href="#intro" class="nav-link">Introdução</a></li>
<li class="nav-item"><a href="#service" class="nav-link">Serviços</a></li>
<li class="nav-item"><a href="#account" class="nav-link">Conta</a></li>
<li class="nav-item"><a href="#usage" class="nav-link">Uso</a></li>
<li class="nav-item"><a href="#contact" class="nav-link">Contato</a></li>
</ul>
</nav>
<!-- Introdução -->
<div id="intro" class="terms-section">
<p>Bem-vindo(a) ao <?php echo htmlspecialchars(NOME_PORTAL); ?>!</p>
<p>Estes Termos de Uso ("Termos") regem o seu acesso e uso do nosso portal online ("Portal"), disponibilizado por <strong><?php echo htmlspecialchars(NOME_EMPRESA); ?></strong>, inscrita no CNPJ sob o nº <?php echo htmlspecialchars(CNPJ_EMPRESA); ?>, com sede em <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?>, <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>-<?php echo htmlspecialchars(ESTADO_EMPRESA); ?>.</p>
<p>Ao acessar ou usar o Portal, você concorda em cumprir estes Termos e nossa <a href="<?php echo URL_POLITICA_PRIVACIDADE; ?>" target="_blank">Política de Privacidade</a>. Se você não concordar com qualquer parte destes Termos, por favor, não utilize o Portal.</p>
</div>
<!-- Descrição do Serviço -->
<div id="service" class="terms-section">
<h2><i class="fas fa-server"></i>1. Descrição do Serviço</h2>
<p>O Portal tem como objetivo oferecer aos clientes da <?php echo htmlspecialchars(NOME_EMPRESA); ?> um canal de autoatendimento para gerenciar sua conta, visualizar informações contratuais e financeiras, solicitar suporte e acessar outras funcionalidades relacionadas aos serviços de telecomunicações contratados ("Serviços"). As funcionalidades podem incluir consulta de dados, faturas, status, abertura de chamados, solicitações diversas, etc.</p>
<p>A disponibilidade de funcionalidades específicas pode variar.</p>
</div>
<!-- Acesso e Conta -->
<div id="account" class="terms-section">
<h2><i class="fas fa-user-shield"></i>2. Acesso e Conta do Usuário</h2>
<ul>
<li><strong>Elegibilidade:</strong> O acesso ao Portal é destinado exclusivamente a clientes ativos da <?php echo htmlspecialchars(NOME_EMPRESA); ?>.</li>
<li><strong>Login:</strong> O acesso requer identificação via CPF/CNPJ e pode requerer uma senha (conforme definido no acesso). Você é responsável pela confidencialidade de suas credenciais.</li>
<li><strong>Responsabilidade:</strong> Você é responsável por todas as atividades em sua conta. Notifique-nos sobre uso não autorizado.</li>
<li><strong>Veracidade:</strong> Forneça informações verdadeiras, precisas e atualizadas ao usar o Portal.</li>
</ul>
</div>
<!-- Uso Aceitável -->
<div id="usage" class="terms-section">
<h2><i class="fas fa-check-circle"></i>3. Uso Aceitável</h2>
<p>Você concorda em não usar o Portal para fins ilegais, não autorizados, para transmitir material ofensivo ou fraudulento, tentar acesso indevido ou interferir no funcionamento do serviço.</p>
</div>
<!-- Propriedade Intelectual -->
<div class="terms-section">
<h2><i class="fas fa-copyright"></i>4. Propriedade Intelectual</h2>
<p>Todo o conteúdo do Portal é propriedade da <?php echo htmlspecialchars(NOME_EMPRESA); ?> ou de seus licenciadores e protegido por leis de direitos autorais.</p>
</div>
<!-- Isenção de Garantias -->
<div class="terms-section">
<h2><i class="fas fa-exclamation-triangle"></i>5. Isenção de Garantias</h2>
<p>O Portal é fornecido "como está". Não garantimos operação ininterrupta ou livre de erros. O uso é por sua conta e risco. Informações de sistemas de terceiros (como SGP) são fornecidas como disponibilizadas por eles.</p>
</div>
<!-- Limitação de Responsabilidade -->
<div class="terms-section">
<h2><i class="fas fa-gavel"></i>6. Limitação de Responsabilidade</h2>
<p>A <?php echo htmlspecialchars(NOME_EMPRESA); ?> não será responsável por danos diretos ou indiretos resultantes do uso ou incapacidade de usar o Portal.</p>
</div>
<!-- Modificações nos Termos -->
<div class="terms-section">
<h2><i class="fas fa-edit"></i>7. Modificações nos Termos</h2>
<p>Reservamo-nos o direito de modificar estes Termos. Notificaremos sobre alterações significativas. O uso continuado após as alterações implica aceitação.</p>
</div>
<!-- Rescisão -->
<div class="terms-section">
<h2><i class="fas fa-ban"></i>8. Rescisão</h2>
<p>Podemos suspender ou encerrar seu acesso ao Portal a qualquer momento por violação dos Termos ou inatividade da sua conta principal.</p>
</div>
<!-- Lei Aplicável e Foro -->
<div class="terms-section">
<h2><i class="fas fa-balance-scale"></i>9. Lei Aplicável e Foro</h2>
<p>Estes Termos são regidos pelas leis do Brasil. Fica eleito o foro da comarca de <?php echo htmlspecialchars(CIDADE_EMPRESA); ?>, <?php echo htmlspecialchars(ESTADO_EMPRESA); ?>, para dirimir controvérsias.</p>
</div>
<!-- Contato -->
<div id="contact" class="terms-section">
<h2><i class="fas fa-envelope"></i>10. Contato</h2>
<p>Dúvidas sobre estes Termos? Entre em contato:</p>
<div class="contact-info">
<ul class="list-unstyled">
<li><i class="fas fa-envelope"></i> <strong>Email:</strong> <?php echo htmlspecialchars(EMAIL_CONTATO); ?></li>
<li><i class="fas fa-phone"></i> <strong>Telefone:</strong> <?php echo htmlspecialchars(TELEFONE_CONTATO); ?></li>
<li><i class="fas fa-map-marker-alt"></i> <strong>Endereço:</strong> <?php echo htmlspecialchars(ENDERECO_EMPRESA); ?></li>
</ul>
</div>
</div>
<!-- Footer com botões -->
<div class="terms-footer no-print">
<div class="d-flex justify-content-center gap-3">
<button type="button" class="btn btn-terms btn-outline-secondary" onclick="window.print()">
<i class="fas fa-print me-2"></i>Imprimir
</div>
</div>
</div>
<!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Script para scroll suave para âncoras -->
<script>
document.addEventListener('DOMContentLoaded', function() {
// Scroll suave para âncoras
document.querySelectorAll('.nav-link').forEach(anchor => {
anchor.addEventListener('click', function(e) {
e.preventDefault();
// Remove active de todos
document.querySelectorAll('.nav-link').forEach(item => {
item.classList.remove('active');
});
// Adiciona active ao clicado
this.classList.add('active');
// Scroll suave
const targetId = this.getAttribute('href');
const targetElement = document.querySelector(targetId);
window.scrollTo({
top: targetElement.offsetTop - 100,
behavior: 'smooth'
});
});
});
// Marcar seção ativa no scroll
window.addEventListener('scroll', function() {
const sections = document.querySelectorAll('.terms-section');
let currentSection = '';
sections.forEach(section => {
const sectionTop = section.offsetTop - 150;
const sectionHeight = section.offsetHeight;
if (window.pageYOffset >= sectionTop && window.pageYOffset < sectionTop + sectionHeight) {
currentSection = '#' + section.getAttribute('id');
}
});
if (currentSection) {
document.querySelectorAll('.nav-link').forEach(link => {
link.classList.remove('active');
if (link.getAttribute('href') === currentSection) {
link.classList.add('active');
}
});
}
});
});
</script>
</body>
</html>