File: //home/artinside/www/sabbry/themes/web/home.php
<?php $v->layout("_theme");
?>
<!-- Slider
============================================= -->
<div id="slider" class="slider-element min-vh-0 bg-contrast-300">
<div class="container">
<div class="row justify-content-between align-items-center">
<div class="col-lg-6 col-xxl-5 py-5 py-lg-6 my-lg-5 text-center text-lg-start">
<span class="badge rounded-pill text-bg-primary px-3 py-2 mb-2 fw-normal">Tecnologia & Inovação</span>
<h1 class="display-4 fw-bolder ls-n-1">Otimize a sua <span class="text-primary">produção</span> de
embalagens!</h1>
<p class="lead fw-normal mb-5">Oferecemos as melhores tecnologias em máquinas, peças e assistência
técnica para abastecer as indústrias gráficas.</p>
<a href="<?= url("sobre")?>" class="button button-large px-lg-5 py-lg-3 rounded-pill m-0 mb-4"><i
class="fa-solid fa-star"></i>Saiba Mais</a>
<a href="<?= url("contato")?>"
class="button button-large px-lg-5 py-lg-3 button-dark button-border button-black border-contrast-500 rounded-pill ms-1 mb-4"><i
class="fa-solid fa-headset"></i>Fale Conosco</a>
</div>
<div class="col-lg-6 col-xxl-7">
<img src="<?=url("images/banner1.png")?>" alt="..">
</div>
</div>
</div>
</div><!-- #slider end -->
<section id="content">
<div class="content-wrap py-0"">
<div id="section-services" class="page-section mb-0">
<div class="container mb-0">
<div class="row justify-content-center mt-lg-6 mt-5">
<div class="col-lg-12">
<!-- Section Featured Boxes
============================================= -->
<div class="row align-items-stretch g-4">
<div class="col-12 mb-6 mt-0">
<div class="card rounded-xxl bg-primary dark border-0">
<div class="card-body p-5">
<div class="row gy-5">
<div class="col-lg-3">
<span
class="badge rounded-pill bg-light bg-opacity-20 px-3 py-2 fw-normal">01</span>
<h4 class="mt-4 mb-2 fs-5 fw-bold"> Parceria Estratégica</h4>
<p class="mb-0">Ajudamos empresas a atingirem o potencial máximo de suas
operações.</p>
</div>
<div class="col-lg-3">
<span
class="badge rounded-pill bg-light bg-opacity-20 px-3 py-2 fw-normal">02</span>
<h4 class="mt-4 mb-2 fs-5 fw-bold"> Custo/Benefício</h4>
<p class="mb-0">Oferecemos as melhores soluções e tecnologias com
qualidade e preço justo.</p>
</div>
<div class="col-lg-3">
<span
class="badge rounded-pill bg-light bg-opacity-20 px-3 py-2 fw-normal">03</span>
<h4 class="mt-4 mb-2 fs-5 fw-bold">Variedade</h4>
<p class="mb-0">Disponibilizamos uma ampla variedade de máquinas e peças
para a indústria gráfica.</p>
</div>
<div class="col-lg-3">
<span
class="badge rounded-pill bg-light bg-opacity-20 px-3 py-2 fw-normal">04</span>
<h4 class="mt-4 mb-2 fs-5 fw-bold">Proatividade</h4>
<p class="mb-0">Somos flexíveis e ágeis para solucionar todos os
problemas dos nossos clientes.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-5 mt">
<div class="d-flex p-5 position-relative flex-column h-100 overflow-hidden"
style="border-radius: 20px;">
<div class="position-relative z-1">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Quem somos</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Criando as <span
class="text-primary">melhores soluções</span> para a indústria
gráfica</h3>
<!-- <i class="fa-solid fa-coins"></i> -->
<p class="op-09 mb-5">Com mais de 30 anos de experiência no mercado, a Sabbry é
referência para as indústrias gráficas. Somos diferentes porque prestamos
atendimento personalizado, entendemos os desafios do cliente para entregar
sempre a melhor solução.</p>
<div>
<a href="<?= url("sobre")?>" class="button rounded-pill m-0 mb-4">Saiba Mais <i
class="fa-solid fa-circle-arrow-right p-1"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-7">
<div class="d-flex position-relative h-100 min-vh-25 overflow-hidden"
style="border-radius: 20px;">
<img src="<?= url("images/criando.jpg") ?>" alt="..."
class="object-cover w-100 h-100 position-absolute">
<div class="position-relative z-1 mt-5 ms-5">
<span class="badge rounded-pill bg-yellow px-3 py-2 mb-2 fw-normal text-black">Soluções Gráficas</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="line mb-0"></div>
<div id="section-examples" class="section page-section bg-white mt-0">
<div class="container pt-lg-4">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<div>
<span class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-secondary">O que fazemos?</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Suprimos suas demandas técnicas</h3>
<p class="mb-5">Tudo o que as indústrias gráficas precisam para rodar com agilidade e
eficiência, você encontra aqui.</p>
<ul class="nav nav-tabs nav-fill" id="demo-drone-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="canvas-tab-1" data-bs-toggle="pill"
data-bs-target="#tab-1" type="button" role="tab" aria-controls="canvas-home"
aria-selected="true">
<img src="<?= url("images/maquina.svg") ?>" alt=".." height="70">
<div class="my-4 small tab-title">Máquinas</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-2" data-bs-toggle="pill" data-bs-target="#tab-2"
type="button" role="tab" aria-controls="canvas-profile" aria-selected="false">
<img src="<?= url("images/pecas.svg") ?>" alt=".." height="70">
<div class="my-4 small tab-title">Peças e Consumíveis</div>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="canvas-tab-3" data-bs-toggle="pill" data-bs-target="#tab-3"
type="button" role="tab" aria-controls="canvas-contact" aria-selected="false">
<img src="<?= url("images/servico.svg") ?>" alt=".." height="70">
<div class="my-4 small tab-title">Serviços</div>
</button>
</li>
</ul>
</div>
</div>
</div>
<div class="bg-contrast-300 py-5 py-lg-6">
<div class="container">
<div class="tab-content">
<div class="tab-pane show active" role="tabpanel" aria-labelledby="tab-1-justify-tab"
tabindex="0" id="tab-1">
<div class="row justify-content-center align-items-center">
<div class="col-lg-5">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Soluções em produtos</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Equipamentos de alta
tecnologia</h3>
<!-- <i class="fa-solid fa-coins"></i> -->
<p class="op-09 mb-5">Conheça nosso catálogo de máquinas para otimizar a sua
produção. De impressoras offset até soluções para confecção de embalagens.</p>
<p class="op-09 mb-5">
<ul class="iconlist iconlist-lg">
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i> Máquinas importadas e de alta
tecnologia
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Aumento de produtividade e eficiência
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Atendimento rápido e sob medida
</li>
</ul
>
</p>
<div>
<a href="#" class="button rounded-pill m-0 mb-4">Todas Máquinas <i
class="fa-solid fa-circle-arrow-right p-1"></i></a>
<a href="#" class="button button-black h-bg-primary rounded-pill m-0 mb-4">Baixar
Catálogo <i
class="bi-file-pdf-fill p-1"></i></a>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex position-relative h-100 min-vh-40 overflow-hidden"
style="border-radius: 20px;">
<img src="<?= url("images/produtos.jpg") ?>" alt="..."
class="object-cover w-100 h-100 position-absolute">
</div>
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-2-justify-tab" tabindex="0"
id="tab-2">
<div class="row justify-content-center align-items-center">
<div class="col-lg-5">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Soluções em peças</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Sua produção sempre
operante</h3>
<!-- <i class="fa-solid fa-coins"></i> -->
<p class="op-09 mb-5">Repor peças de suas máquinas, reparar problemas ou aperfeiçoar
a performance? A Sabbry oferece uma ampla variedade de peças originais e
importadas para atender suas demandas.</p>
<p class="op-09 mb-5">
<ul class="iconlist iconlist-lg">
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Peças importadas e de alta tecnologia
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Consumíveis para diversas finalidades
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Atendimento rápido e sob medida
</li>
</ul
>
</p>
<div>
<a href="#" class="button rounded-pill m-0 mb-4">Ver Peças <i
class="fa-solid fa-circle-arrow-right p-1"></i></a>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex position-relative h-100 min-vh-40 overflow-hidden"
style="border-radius: 20px;">
<img src="<?= url("images/pecas.jpg") ?>" alt="..."
class="object-cover w-100 h-100 position-absolute">
</div>
</div>
</div>
</div>
<div class="tab-pane" role="tabpanel" aria-labelledby="tab-3-justify-tab" tabindex="0"
id="tab-3">
<div class="row justify-content-center align-items-center">
<div class="col-lg-5">
<div>
<span
class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-primary">Soluções em Serviços</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Mantemos sua produção
operando</h3>
<p class="op-09 mb-5">Com mais de 30 anos de experiência, nossa equipe possui amplo
conhecimento no setor gráfico, oferecendo diferentes serviços para potencializar
sua produção.</p>
<p class="op-09 mb-5">
<ul class="iconlist iconlist-lg">
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Manutenção corretiva mecânica e
eletrônica
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Manutenção preventiva e inspeção
</li>
<li class="bg-primary-subtle bg-opacity-10 py-2 px-3 rounded"><i
class="bi-check-circle-fill"></i>Solução de atendimento via acesso
remoto
</li>
</ul
>
</p>
<div>
<a href="<?=url("produto/servicos")?>" class="button rounded-pill m-0 mb-4">Ver Serviços <i
class="fa-solid fa-circle-arrow-right p-1"></i></a>
</div>
</div>
<div class="col-lg-6">
<div class="d-flex position-relative h-100 min-vh-40 overflow-hidden"
style="border-radius: 20px;">
<img src="<?= url("images/servicos.jpg") ?>" alt="..."
class="object-cover w-100 h-100 position-absolute">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="clear mb-6"></div>
<div class="container">
<div class="row justify-content-center">
<div class="col-md-10 text-center">
<div>
<span class="badge rounded-pill text-white px-3 py-2 mb-2 fw-normal bg-secondary">Parceiros</span>
</div>
<h3 class="display-6 mb-3 fw-medium text-uppercase">Clientes que confiam na Sabbry</h3>
</div>
</div>
</div>
<div class="swiper_wrapper customjs min-vh-0 mt-5">
<div class="swiper-container swiper-parent">
<div class="swiper-wrapper h-auto">
<?php for ($i = 1; $i <= 9; $i++):?>
<div class="swiper-slide"><img src="<?= url("images/clientes/cl-{$i}.jpg") ?>" height="120" alt=".." ></div>
<?php endfor;?>
</div>
</div>
</div>
</div>
<?php $v->insert("views/newsletter-widget"); ?>
</div>
</section><!-- #content end -->