refactor(ui): remove product showcase cards from homepage and services page

Remove promotional cards for SysSiteCMS, SysCMS, and SysVector from the
main website views. Add .playwright-mcp directory for browser testing
configuration and automation setup.
This commit is contained in:
marco
2026-09-07 19:39:13 -03:00
parent 38295e7e88
commit 11842718d2
3 changed files with 3 additions and 222 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 MiB

@@ -152,40 +152,6 @@
</div> </div>
<h4 class="h5 fw-bold mb-3">Qualidade Garantida</h4> <h4 class="h5 fw-bold mb-3">Qualidade Garantida</h4>
<p class="text-muted small mb-0">Entrega de projetos com excelência técnica e foco em resultados reais.</p> <p class="text-muted small mb-0">Entrega de projetos com excelência técnica e foco em resultados reais.</p>
</div>
</div>
<div class="col-lg-6 animate-up" style="animation-delay: 0.65s;">
<div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center text-primary me-4">
<i class="bi bi-layers"></i>
</div>
<div>
<h3 class="h3 fw-bold mb-1">SysSiteCMS CMS</h3>
<span class="badge bg-primary px-3 py-2 rounded-pill">Gestão de Conteúdo</span>
</div>
</div>
<p class="text-muted mb-4 fs-5">
Plataforma completa de CMS para gestão de sites institucionais, catálogos de produtos e marketing digital integrado.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Gestão de Produtos, Serviços e Galerias</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Marketing: Banners, FAQ e Email Marketing</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Central de Downloads e Suporte Técnico</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Análise de Visitantes e SEO Avançado</li>
</ul>
<div class="d-flex gap-3 flex-wrap">
<a href="https://syssite.syspanel.com.br" target="_blank" class="btn btn-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysSiteCMS
</a>
<a href="https://wa.me/{{ preg_replace('/\D/', '', $company->phone) }}?text=Olá! Gostaria de saber mais sobre as funcionalidades do SysSiteCMS CMS" target="_blank" class="btn btn-outline-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-whatsapp me-2"></i>WhatsApp
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -338,29 +304,6 @@
</div> </div>
<div class="row g-4"> <div class="row g-4">
<div class="col-lg-4 animate-up" style="animation-delay: 0.1s;">
<div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-4 text-center">
<div class="feature-icon bg-info bg-opacity-10 rounded-circle d-inline-flex align-items-center justify-content-center text-info mb-4">
<i class="bi bi-boxes"></i>
</div>
<h3 class="h4 fw-bold mb-3">SysFramework</h3>
<p class="text-muted mb-4">
Framework PHP moderno com arquitetura MVC modular, segurança robusta e ferramenta CLI potente.
</p>
<ul class="list-unstyled mb-4 text-start mx-auto" style="max-width: 200px;">
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Proteção CSRF, XSS</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>MVC Modular</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Acesso Robusto</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>SysCli Integrado</li>
</ul>
<a href="https://sysframework.syspanel.com.br" target="_blank" class="btn btn-info rounded-pill fw-bold w-100 py-2">
<i class="bi bi-box-arrow-up-right me-2"></i>Explorar
</a>
</div>
</div>
</div>
<div class="col-lg-4 animate-up" style="animation-delay: 0.2s;"> <div class="col-lg-4 animate-up" style="animation-delay: 0.2s;">
<div class="card border-0 shadow-lg h-100 service-card"> <div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-4 text-center"> <div class="card-body p-4 text-center">
@@ -383,29 +326,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-4 animate-up" style="animation-delay: 0.3s;">
<div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-4 text-center">
<div class="feature-icon bg-warning bg-opacity-10 rounded-circle d-inline-flex align-items-center justify-content-center text-warning mb-4">
<i class="bi bi-git"></i>
</div>
<h3 class="h4 fw-bold mb-3">SysVector</h3>
<p class="text-muted mb-4">
Framework PHP moderno com Bootstrap 5.3, Alpine.js e templates Twig para desenvolvimento ultra rápido.
</p>
<ul class="list-unstyled mb-4 text-start mx-auto" style="max-width: 200px;">
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Bootstrap 5.3</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Alpine.js</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Templates Twig</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Modernidade</li>
</ul>
<a href="https://sysvector.syspanel.com.br" target="_blank" class="btn btn-warning rounded-pill fw-bold w-100 py-2">
<i class="bi bi-box-arrow-up-right me-2"></i>Explorar
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -414,10 +334,10 @@
<div class="container"> <div class="container">
<div class="text-center mb-5 animate-up"> <div class="text-center mb-5 animate-up">
<span class="badge bg-success bg-opacity-10 text-success px-4 py-2 rounded-pill fw-bold text-uppercase mb-3"> <span class="badge bg-success bg-opacity-10 text-success px-4 py-2 rounded-pill fw-bold text-uppercase mb-3">
<i class="bi bi-hdd-network me-2"></i>Hospedagem e CMS <i class="bi bi-hdd-network me-2"></i>Hospedagem
</span> </span>
<h2 class="display-4 fw-bold">Infraestrutura e <span class="gradient-text">Gestão</span></h2> <h2 class="display-4 fw-bold">Infraestrutura <span class="gradient-text">Profissional</span></h2>
<p class="lead text-muted">Soluções completas de hospedagem profissional e sistemas de gerenciamento de conteúdo</p> <p class="lead text-muted">Soluções completas de hospedagem profissional para sua aplicação web</p>
</div> </div>
<div class="row g-4"> <div class="row g-4">
@@ -453,39 +373,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-6 animate-up" style="animation-delay: 0.2s;">
<div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center text-primary me-4">
<i class="bi bi-newspaper"></i>
</div>
<div>
<h3 class="h3 fw-bold mb-1">SysCMS</h3>
<span class="badge bg-primary px-3 py-2 rounded-pill">Gestão de Conteúdo</span>
</div>
</div>
<p class="text-muted mb-4 fs-5">
Sistema de gerenciamento de conteúdo potente com suporte multi-idioma, SEO avançado e controle de acesso granular para sites modernos.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Arquitetura modular expansível</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Suporte nativo a 5 idiomas</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Otimização SEO avançada</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Controle de acesso granular</li>
</ul>
<div class="d-flex gap-3 flex-wrap">
<a href="https://syscms.syspanel.com.br" target="_blank" class="btn btn-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysCMS
</a>
<a href="https://wa.me/{{ preg_replace('/\D/', '', $company->phone) }}?text=Olá! Gostaria de saber mais sobre o SysCMS" target="_blank" class="btn btn-outline-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-whatsapp me-2"></i>WhatsApp
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
@@ -770,39 +657,6 @@
</div> </div>
</div> </div>
</div> </div>
<div class="col-lg-6 animate-up" style="animation-delay: 0.65s;">
<div class="card border-0 shadow-lg h-100 service-card">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center text-primary me-4">
<i class="bi bi-layers"></i>
</div>
<div>
<h3 class="h3 fw-bold mb-1">SysSiteCMS CMS</h3>
<span class="badge bg-primary px-3 py-2 rounded-pill">Gestão de Conteúdo</span>
</div>
</div>
<p class="text-muted mb-4 fs-5">
Plataforma completa de CMS para gestão de sites institucionais, catálogos de produtos e marketing digital integrado.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Gestão de Produtos, Serviços e Galerias</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Marketing: Banners, FAQ e Email Marketing</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Central de Downloads e Suporte Técnico</li>
<li class="mb-2"><i class="bi bi-check-circle text-success me-2"></i>Análise de Visitantes e SEO Avançado</li>
</ul>
<div class="d-flex gap-3 flex-wrap">
<a href="https://syssite.syspanel.com.br" target="_blank" class="btn btn-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysSiteCMS
</a>
<a href="https://wa.me/{{ preg_replace('/\D/', '', $company->phone) }}?text=Olá! Gostaria de saber mais sobre as funcionalidades do SysSiteCMS CMS" target="_blank" class="btn btn-outline-primary rounded-pill fw-bold px-4 py-2">
<i class="bi bi-whatsapp me-2"></i>WhatsApp
</a>
</div>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>
-73
View File
@@ -155,30 +155,6 @@
</div> </div>
</div> </div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-lg h-100 service-card transition-all duration-300">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon hero-gradient-alt rounded-circle d-flex align-items-center justify-content-center text-white me-4 shadow">
<i class="bi bi-newspaper"></i>
</div>
<h3 class="h4 fw-bold mb-0">SysCMS</h3>
</div>
<p class="text-muted mb-4">
Sistema de gerenciamento de conteúdo potente com suporte multi-idioma, SEO avançado e controle de acesso granular.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Arquitetura modular expansível</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Suporte nativo a 5 idiomas</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Editor intuitivo e SEO otimizado</li>
</ul>
<a href="https://syscms.syspanel.com.br" target="_blank" class="btn btn-danger rounded-pill fw-bold w-100">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysCMS
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6"> <div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-lg h-100 service-card transition-all duration-300"> <div class="card border-0 shadow-lg h-100 service-card transition-all duration-300">
<div class="card-body p-5"> <div class="card-body p-5">
@@ -201,55 +177,6 @@
</a> </a>
</div> </div>
</div> </div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-lg h-100 service-card transition-all duration-300">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon bg-warning rounded-circle d-flex align-items-center justify-content-center text-white me-4 shadow">
<i class="bi bi-rocket"></i>
</div>
<h3 class="h4 fw-bold mb-0">SysVector</h3>
</div>
<p class="text-muted mb-4">
Framework PHP moderno com Bootstrap 5.3, Alpine.js e templates Twig para desenvolvimento web rápido e eficiente.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Bootstrap 5.3 completo</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Componentes Alpine.js</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Exemplos CRUD Twig</li>
</ul>
<a href="https://sysvector.syspanel.com.br" target="_blank" class="btn btn-warning rounded-pill fw-bold w-100">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysVector
</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6">
<div class="card border-0 shadow-lg h-100 service-card transition-all duration-300">
<div class="card-body p-5">
<div class="d-flex align-items-center mb-4">
<div class="feature-icon bg-dark rounded-circle d-flex align-items-center justify-content-center text-white me-4 shadow">
<i class="bi bi-diagram-2"></i>
</div>
<h3 class="h4 fw-bold mb-0">SysMVC</h3>
</div>
<p class="text-muted mb-4">
Framework PHP poderoso e flexível para desenvolvimento de aplicações web com arquitetura MVC profissional.
</p>
<ul class="list-unstyled mb-4">
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Arquitetura MVC robusta</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Flexibilidade total</li>
<li class="mb-2"><i class="bi bi-check-lg text-success me-2"></i>Ideal para projetos complexos</li>
</ul>
<a href="https://sysmvc.syspanel.com.br" target="_blank" class="btn btn-dark rounded-pill fw-bold w-100">
<i class="bi bi-box-arrow-up-right me-2"></i>Acessar SysMVC
</a>
</div>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>