✏️ 正在编辑: index.php
路径:
/var/www/fidelizedigital.com.br/index.php
提示:
您可以编辑任何文件(包括二进制文件),但请注意不当修改可能导致文件损坏。
<!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fidelize+ - Sistema Inteligente de Fidelização</title> <meta name="description" content="Transforme seus clientes em fãs e aumente o faturamento com o Fidelize+. Sistema completo e acessível de programa de fidelidade para negócios."> <meta name="keywords" content="programa de fidelidade, fidelização de clientes, sistema de pontos, retenção de clientes, marketing de relacionamento"> <link rel="icon" href="assets/images/favicon.png" sizes="32x32" /> <link rel="icon" href="assets/images/favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="assets/images/favicon-180x180.png" /> <meta name="msapplication-TileImage" content="assets/images/favicon-270x270.png" /> <!-- CSS --> <link rel="stylesheet" href="assets/css/styles.css"> <!-- 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=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet"> </head> <body> <!-- Header --> <header class="header"> <div class="container"> <nav class="nav"> <div class="nav-logo"> <img src="assets/images/logo1.png" alt="Fidelize+" class="logo"> </div> <div class="nav-menu"> <a href="#como-funciona" class="nav-link">Como funciona</a> <a href="#beneficios" class="nav-link">Benefícios</a> <a href="#para-quem" class="nav-link">Para quem é</a> <a href="https://conteudo.yuppietech.com.br/e-book-como-montar-programa-fidelidade" target="_blank" class="nav-link">E-book grátis</a> <a href="#contato" class="nav-link">Contato</a> </div> <div class="nav-toggle"> <span></span> <span></span> <span></span> </div> </nav> </div> </header> <!-- Hero Section --> <section class="hero"> <div class="container"> <div class="hero-content"> <h1 class="hero-title"> Transforme seus clientes em <span class="text-green">fãs</span> e aumente o <span class="text-blue">faturamento</span> </h1> <p class="hero-subtitle"> Um sistema inteligente de fidelização para negócios que valorizam cada cliente. </p> <div class="hero-buttons"> <a href="#ebook" class="btn btn-primary"> <i class="fas fa-download"></i> Baixe o E-book Gratuito </a> <a href="#como-funciona" class="btn btn-secondary"> Quero saber mais <i class="fas fa-arrow-right"></i> </a> </div> </div> </div> </section> <!-- O que é o Fidelize+ --> <section id="como-funciona" class="section"> <div class="container"> <h2 class="section-title">O que é o Fidelize+?</h2> <div class="grid-2"> <div class="content"> <p class="text-lg"> O Fidelize+ é uma plataforma simples e eficiente para criar e gerenciar um programa de fidelidade completo para seu negócio. </p> <div class="features-list"> <div class="feature-item"> <i class="fas fa-check-circle text-green"></i> <p>Identifica e classifica seus clientes com base no comportamento de compra</p> </div> <div class="feature-item"> <i class="fas fa-check-circle text-green"></i> <p>Permite definir benefícios personalizados sem comprometer a margem de lucro</p> </div> <div class="feature-item"> <i class="fas fa-check-circle text-green"></i> <p>Automatiza a comunicação com clientes</p> </div> <div class="feature-item"> <i class="fas fa-check-circle text-green"></i> <p>Fornece relatórios claros e intuitivos</p> </div> </div> </div> <div class="card-highlight"> <div class="icon-circle"> <i class="fas fa-bullseye"></i> </div> <h3>Sistema Inteligente</h3> <p>Tecnologia avançada que aprende com o comportamento dos seus clientes para maximizar resultados.</p> </div> </div> </div> </section> <!-- Benefícios --> <section id="beneficios" class="section bg-gray"> <div class="container"> <h2 class="section-title">Benefícios para o seu Negócio</h2> <div class="grid-3"> <div class="benefit-card"> <div class="benefit-icon green"> <i class="fas fa-chart-line"></i> </div> <h3>Aumento da Recorrência</h3> <p>Clientes fidelizados compram com mais frequência, aumentando seu faturamento mensal.</p> </div> <div class="benefit-card"> <div class="benefit-icon blue"> <i class="fas fa-users"></i> </div> <h3>Redução de Cancelamentos</h3> <p>Identifique clientes em risco e aja antes que eles deixem de comprar.</p> </div> <div class="benefit-card"> <div class="benefit-icon purple"> <i class="fas fa-chart-bar"></i> </div> <h3>Retorno Baseado em Dados</h3> <p>Decisões inteligentes baseadas em dados reais do comportamento dos clientes.</p> </div> <div class="benefit-card"> <div class="benefit-icon orange"> <i class="fas fa-comments"></i> </div> <h3>Comunicação Automatizada</h3> <p>Mensagens personalizadas enviadas automaticamente no momento certo.</p> </div> <div class="benefit-card"> <div class="benefit-icon indigo"> <i class="fas fa-file-alt"></i> </div> <h3>Relatórios Intuitivos</h3> <p>Dashboards claros que mostram o desempenho do seu programa de fidelidade.</p> </div> <div class="benefit-card"> <div class="benefit-icon teal"> <i class="fas fa-bullseye"></i> </div> <h3>Segmentação Inteligente</h3> <p>Ofertas personalizadas para cada tipo de cliente, maximizando conversões.</p> </div> </div> </div> </section> <!-- Score de Clientes --> <section id="para-quem" class="section"> <div class="container"> <h2 class="section-title">Como Funciona o Score de Clientes</h2> <p class="section-subtitle"> O Fidelize+ classifica automaticamente seus clientes em 5 perfis distintos, permitindo ações direcionadas para cada grupo. </p> <div class="score-grid"> <div class="score-card vip"> <div class="score-icon"> <i class="fas fa-crown"></i> </div> <div class="score-badge">VIP</div> <h3>Clientes VIP</h3> <p>Clientes frequentes e altamente engajados. Seus melhores compradores.</p> </div> <div class="score-card habitual"> <div class="score-icon"> <i class="fas fa-star"></i> </div> <div class="score-badge">HABITUAL</div> <h3>Habituais</h3> <p>Compram com boa frequência e demonstram lealdade à marca.</p> </div> <div class="score-card esporadico"> <div class="score-icon"> <i class="fas fa-clock"></i> </div> <div class="score-badge">ESPORÁDICO</div> <h3>Esporádicos</h3> <p>Aparecem de vez em quando. Potencial para se tornarem habituais.</p> </div> <div class="score-card risco"> <div class="score-icon"> <i class="fas fa-exclamation-triangle"></i> </div> <div class="score-badge">EM RISCO</div> <h3>Em Risco</h3> <p>Há tempo sem comprar. Precisam de atenção especial para retornar.</p> </div> <div class="score-card perdido"> <div class="score-icon"> <i class="fas fa-user-times"></i> </div> <div class="score-badge">PERDIDO</div> <h3>Perdidos</h3> <p>Clientes inativos que precisam de campanhas de reativação.</p> </div> </div> </div> </section> <!-- Exemplo de Cálculo --> <!-- <section class="section bg-gray"> <div class="container"> <h2 class="section-title">Exemplo de Cálculo de Benefício</h2> <div class="calc-card"> <div class="calc-header"> <h3>Como Calcular o Valor Ideal do Benefício</h3> <p>Sem comprometer sua margem de lucro</p> </div> <div class="calc-values"> <div class="calc-item"> <div class="calc-number blue">60%</div> <p>Margem de Lucro</p> </div> <div class="calc-item"> <div class="calc-number green">3%</div> <p>Retorno Esperado</p> </div> <div class="calc-item"> <div class="calc-number purple">R$ 100</div> <p>Valor Médio por Cliente</p> </div> </div> <div class="calc-result"> <h4>Resultado do Cálculo</h4> <p>Com esses parâmetros, você pode oferecer até <strong class="text-green">R$ 1,80</strong> de benefício por compra, mantendo sua margem segura e incentivando a fidelidade.</p> <div class="calc-formula"> <p>Fórmula: (Margem × Retorno Esperado) × Valor Médio = Benefício Máximo</p> </div> </div> </div> </div> </section> --> <!-- E-book Gratuito --> <section id="ebook" class="section ebook-section"> <div class="container"> <div class="grid-2"> <div class="ebook-content"> <h2>Fale Conosco</h2> <h3>Faremos uma análise junto a você de como utilizar um programa fidelidade em seu negócio.</h3> <div class="ebook-features"> <div class="ebook-feature"> <i class="fas fa-check-circle"></i> <p>Use dados para segmentar seus clientes</p> </div> <div class="ebook-feature"> <i class="fas fa-check-circle"></i> <p>Aumente a margem sem perder vendas</p> </div> <div class="ebook-feature"> <i class="fas fa-check-circle"></i> <p>Estratégias comprovadas de retenção</p> </div> </div> </div> <div class="form-container"> <div class="form-card"> <h3>Fale Conosco</h3> <p>Preencha os dados abaixo e entraremos em contato com você.</p> <?php $message = ''; if ($_SERVER['REQUEST_METHOD'] === 'POST') { require_once 'src/contact_send.php'; $result = contactForm($_POST); if ($result == 1) { $message = '<div class="alert alert-success">Obrigado pelo interesse! Em breve entraremos em contato.</div>'; } else { $message = '<div class="alert alert-error">Por favor, preencha todos os campos obrigatórios.</div>'; } } echo $message; ?> <form method="POST" action="#ebook" class="form"> <div class="form-group"> <label for="name">Nome *</label> <input type="text" id="name" name="name" required placeholder="Seu nome completo"> </div> <div class="form-group"> <label for="email">E-mail *</label> <input type="email" id="email" name="email" required placeholder="seu@email.com"> </div> <div class="form-group"> <label for="whatsapp">WhatsApp *</label> <input type="tel" id="whatsapp" name="whatsapp" required placeholder="(11) 99999-9999"> </div> <div class="form-group"> <label for="business">Nome do negócio (opcional)</label> <input type="text" id="business" name="business" placeholder="Nome da sua empresa"> </div> <button type="submit" class="btn btn-primary btn-full"> <i class="fa-solid fa-paper-plane"></i> Enviar </button> </form> </div> </div> </div> </div> </section> <!-- FAQ --> <section class="section"> <div class="container"> <h2 class="section-title">Dúvidas Frequentes</h2> <div class="faq-container"> <div class="faq-item"> <div class="faq-question"> <h3>O Fidelize+ serve para qualquer tipo de negócio?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Sim! O Fidelize+ foi desenvolvido para atender desde pequenos comércios até grandes redes. Funciona perfeitamente para restaurantes, lojas, salões de beleza, academias, farmácias e qualquer negócio que tenha clientes recorrentes.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>Posso criar regras diferentes para cada tipo de cliente?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Absolutamente! O sistema permite criar benefícios personalizados para cada perfil de cliente (VIP, Habitual, Esporádico, etc.). Você pode definir diferentes percentuais de desconto, brindes especiais ou condições exclusivas.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>É difícil de usar?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Não! O Fidelize+ foi desenvolvido pensando na simplicidade. A interface é intuitiva e você não precisa de conhecimentos técnicos. Além disso, oferecemos treinamento completo e suporte durante toda a implementação.</p> </div> </div> <div class="faq-item"> <div class="faq-question"> <h3>Tem suporte técnico?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Sim! Oferecemos suporte técnico completo via WhatsApp, e-mail e telefone. Nossa equipe está sempre disponível para ajudar com dúvidas, configurações e otimizações do seu programa de fidelidade.</p> </div> </div> <!-- <div class="faq-item"> <div class="faq-question"> <h3>Posso testar antes de contratar?</h3> <i class="fas fa-chevron-down"></i> </div> <div class="faq-answer"> <p>Claro! Oferecemos um período de teste gratuito para que você possa conhecer todas as funcionalidades do Fidelize+ e ver os resultados no seu negócio antes de tomar a decisão final.</p> </div> </div> --> </div> </div> </section> <!-- Rodapé --> <footer id="contato" class="footer"> <div class="container"> <div class="footer-grid"> <div class="footer-section"> <img src="assets/images/logo_footer.png" alt="Fidelize+" class="footer-logo"> <p>Sistema inteligente de fidelização para negócios que valorizam cada cliente.</p> </div> <div class="footer-section"> <h4>Contato</h4> <div class="contact-item"> <i class="fas fa-phone"></i> <span>(83) 3507-0700</span> </div> <div class="contact-item"> <i class="fas fa-envelope"></i> <span>comercial@yuppietech.com.br</span> </div> </div> <div class="footer-section"> <h4>Links Úteis</h4> <a href="#como-funciona">Como funciona</a> <a href="#beneficios">Benefícios</a> <a href="#ebook">E-book gratuito</a> </div> <div class="footer-section"> <h4>Legal</h4> <a href="#">Política de Privacidade</a> <a href="#">Termos de Uso</a> </div> </div> <div class="footer-bottom"> <p>© 2025 Fidelize+. Todos os direitos reservados.</p> </div> </div> </footer> <!-- WhatsApp Button --> <div class="whatsapp-float"> <a href="https://wa.me/558335070700" target="_blank" class="whatsapp-btn"> <i class="fab fa-whatsapp"></i> </a> </div> <!-- JavaScript --> <script src="assets/js/script.js"></script> </body> </html>
💾 保存文件
← 返回文件管理器