%PDF- %PDF-
| Direktori : /home/vacivi36/.trash/vacivitta/src/pages/servicos/ |
| Current File : /home/vacivi36/.trash/vacivitta/src/pages/servicos/VacinacaoCorporativa.jsx |
import styled from 'styled-components';
import React, { useState } from 'react';
import { FaChevronDown, FaChevronUp, FaSyringe, FaBriefcase, FaUserMd, FaRegChartBar, FaRegClock, FaShieldAlt, FaRegHandshake, FaBuilding, FaUsers, FaChartLine, FaHandHoldingHeart, FaHeartbeat, FaTicketAlt, FaCheck, FaComments, FaFileContract, FaBullhorn, FaChartBar as FaChartBarIcon, FaWhatsapp } from 'react-icons/fa';
const PageContainer = styled.div`
font-family: 'League Spartan', sans-serif;
background-color: white;
margin-top: 100px;
color: #333;
`;
const CTAButton = styled.button`
background: #3D9948;
color: white;
border: none;
cursor: pointer;
margin-top: 20px;
padding: 20px 40px;
font-size: 1rem;
border-radius: 55px;
transition: 0.3s;
&:hover {
background: #2d7a38;
}
`;
const HeroSection = styled.section`
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
text-align: center;
padding: 140px 80px;
background: linear-gradient(
to right,
rgba(0, 148, 217, 0.8),
rgba(61, 153, 72, 0.8)
),
url("/vacinacao-corporativa.jpg") center/cover no-repeat;
height: 90vh;
color: white;
h1 {
font-size: 2.8rem;
margin-bottom: 1.5rem;
}
p {
font-size: 1.2rem;
max-width: 800px;
color: white;
}
@media (max-width: 768px) {
padding: 120px 20px;
h1 {
font-size: 2rem;
}
p {
font-size: 1rem;
}
}
`;
const Section = styled.div`
display: flex;
padding: 80px 80px;
flex-direction: column;
text-align: center;
background-color: ${({ primary }) => (primary ? '#f9f9f9' : 'white')};
align-items: center;
h2 {
color: #0094d9;
margin-bottom: 2rem;
font-size: 2.2rem;
}
p {
max-width: 900px;
margin: 0 auto 1.5rem;
line-height: 1.6;
font-size: 1.1rem;
}
@media (max-width: 768px) {
padding: 50px 20px;
h2 {
font-size: 1.8rem;
}
p {
font-size: 1rem;
}
}
`;
const CardsContainer = styled.div`
margin-top: 40px;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
width: 100%;
max-width: 1200px;
@media (max-width: 768px) {
gap: 15px;
}
`;
const Card = styled.div`
border-radius: 20px;
padding: 30px;
flex: 1 1 300px;
background-color: white;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border-top: 4px solid #0094d9;
&:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
@media (max-width: 768px) {
padding: 20px;
}
`;
const CardIcon = styled.div`
font-size: 2.5rem;
margin-bottom: 1.2rem;
color: #0094d9;
display: flex;
align-items: center;
justify-content: center;
`;
const CardTitle = styled.h3`
font-size: 1.3rem;
color: #333;
margin-top: 10px;
font-weight: 600;
margin-bottom: 15px;
`;
const CardDescription = styled.p`
font-size: 1rem;
line-height: 1.5;
color: #555;
`;
const StatsContainer = styled.div`
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 30px;
margin-top: 40px;
width: 100%;
max-width: 1000px;
`;
const StatItem = styled.div`
flex: 1 1 220px;
padding: 25px;
background-color: white;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
text-align: center;
`;
const StatNumber = styled.div`
font-size: 2.5rem;
color: #0094d9;
font-weight: bold;
margin-bottom: 10px;
`;
const StatText = styled.div`
font-size: 1rem;
color: #555;
line-height: 1.4;
`;
const ProcessTimeline = styled.div`
display: flex;
flex-direction: column;
width: 100%;
max-width: 900px;
margin-top: 2rem;
`;
const ProcessStep = styled.div`
display: flex;
margin-bottom: 2.5rem;
&:last-child {
margin-bottom: 0;
}
@media (max-width: 768px) {
flex-direction: column;
}
`;
const ProcessIcon = styled.div`
background-color: #0094d9;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 1.2rem;
margin-right: 1.5rem;
flex-shrink: 0;
`;
const ProcessContent = styled.div`
flex: 1;
text-align: left;
h3 {
color: #0094d9;
margin-top: 0;
margin-bottom: 0.8rem;
font-size: 1.2rem;
}
p {
margin: 0;
color: #555;
line-height: 1.5;
}
`;
const StepNumber = styled.div`
background-color: #0094d9;
color: white;
width: 45px;
height: 45px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: 600;
font-size: 1.4rem;
margin-right: 1.5rem;
flex-shrink: 0;
margin-top: 5px;
@media (max-width: 768px) {
margin-bottom: 1rem;
}
`;
const VacineTable = styled.div`
margin-top: 2rem;
width: 100%;
max-width: 900px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
`;
const TableHeader = styled.div`
background-color: #0094d9;
color: white;
padding: 15px 20px;
font-weight: 600;
display: grid;
grid-template-columns: 1fr 2fr;
@media (max-width: 768px) {
font-size: 0.9rem;
}
`;
const TableRow = styled.div`
display: grid;
grid-template-columns: 1fr 2fr;
padding: 15px 20px;
border-bottom: 1px solid #eee;
background-color: ${props => props.index % 2 === 0 ? '#f9f9f9' : 'white'};
transition: background-color 0.3s;
&:hover {
background-color: #f0f8ff;
}
@media (max-width: 768px) {
font-size: 0.9rem;
}
`;
const TableVaccine = styled.div`
font-weight: 600;
color: #333;
`;
const TableDescription = styled.div`
color: #555;
line-height: 1.4;
text-align: left;
`;
const SectionContainer = styled.section`
background-color: white;
padding: 4rem 1rem;
`;
const ContentWrapper = styled.div`
max-width: 900px;
margin: 0 auto;
background: #fff;
border-radius: 12px;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.1);
overflow: hidden;
`;
const FAQHeader = styled.div`
background: #0094d9;
padding: 2rem;
text-align: center;
color: white;
h2 {
margin: 0;
font-size: 1.8rem;
color: white;
}
`;
const FAQList = styled.div`
padding: 2rem;
`;
const FAQItem = styled.div`
margin-bottom: 1rem;
border-bottom: 1px solid #eee;
padding-bottom: 1rem;
&:last-child {
margin-bottom: 0;
border-bottom: none;
}
`;
const FAQQuestion = styled.div`
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 1rem 0;
h3 {
margin: 0;
font-size: 1.1rem;
color: #333;
font-weight: 600;
}
svg {
color: #0094d9;
font-size: 1.2rem;
}
`;
const FAQAnswer = styled.div`
padding: 0.5rem 0 1rem;
color: #555;
line-height: 1.6;
font-size: 1rem;
text-align: left;
`;
const BulletList = styled.ul`
list-style-type: none;
padding: 0;
margin: 1.5rem 0 0 0;
text-align: left;
`;
const BulletItem = styled.li`
display: flex;
align-items: flex-start;
margin-bottom: 0.8rem;
svg {
color: #3D9948;
margin-right: 10px;
margin-top: 4px;
flex-shrink: 0;
}
`;
const VaccineTypesContainer = styled.div`
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 2rem;
justify-content: center;
width: 100%;
max-width: 1200px;
`;
const VaccineTypeCard = styled.div`
flex: 1 1 300px;
background-color: white;
padding: 25px;
border-radius: 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
h3 {
color: #0094d9;
margin-top: 0;
margin-bottom: 1rem;
font-size: 1.3rem;
text-align: left;
}
`;
const VaccinesList = styled.ul`
list-style-type: none;
padding: 0;
margin: 0;
text-align: left;
`;
const VaccineItem = styled.li`
display: flex;
align-items: center;
margin-bottom: 0.8rem;
svg {
color: #3D9948;
margin-right: 10px;
flex-shrink: 0;
}
`;
const CTA = styled.section`
background: linear-gradient(to right, #0094d9, #3D9948);
padding: 4rem 2rem;
color: white;
text-align: center;
`;
const CTAContent = styled.div`
max-width: 900px;
margin: 0 auto;
`;
const CTATitle = styled.h2`
font-size: 2.2rem;
margin-bottom: 1.5rem;
color: white;
`;
const CTADescription = styled.p`
font-size: 1.1rem;
margin-bottom: 2rem;
line-height: 1.6;
color: white;
`;
const ButtonsContainer = styled.div`
display: flex;
gap: 15px;
justify-content: center;
flex-wrap: wrap;
@media (max-width: 768px) {
flex-direction: column;
align-items: center;
}
`;
const SecondaryButton = styled.button`
background: transparent;
color: white;
border: 2px solid white;
cursor: pointer;
padding: 20px 40px;
font-size: 1rem;
border-radius: 55px;
transition: 0.3s;
display: flex;
align-items: center;
gap: 10px;
&:hover {
background: rgba(255, 255, 255, 0.1);
}
`;
function VacinacaoCorporativa() {
const [activeIndex, setActiveIndex] = useState(null);
const toggleFAQ = (index) => {
setActiveIndex(activeIndex === index ? null : index);
};
const openWhatsApp = () => {
window.open('https://wa.me/5511978538132', '_blank');
};
const vaccineTypes = [
{
category: "Vacinas sazonais",
vaccines: [
"Vacina contra a gripe",
"Vacina contra a gripe de alta dose (Efluelda)",
"Vacina contra o VSR (Arexvy)"
]
},
{
category: "Vacinas de rotina",
vaccines: [
"Hepatite A",
"Hepatite B",
"Hepatite A+B",
"Tríplice viral (sarampo, caxumba e rubéola)",
"Tríplice bacteriana (difteria, tétano e coqueluche)",
"Febre amarela"
]
},
{
category: "Vacinas específicas",
vaccines: [
"HPV",
"Meningocócica ACWY",
"Meningocócica B",
"Herpes Zóster",
"Dengue",
"Pneumocócica 13-valente",
"Pneumocócica 23-valente"
]
}
];
const popularVaccines = [
{
vaccine: "Gripe (Influenza)",
description: "Protege contra os vírus da gripe sazonal. Recomendada anualmente para todos os colaboradores, especialmente em ambientes com muita circulação de pessoas."
},
{
vaccine: "Dengue",
description: "Protege contra os quatro sorotipos do vírus da dengue. Especialmente importante em regiões endêmicas e durante períodos de surto."
},
{
vaccine: "HPV",
description: "Previne contra os tipos de HPV associados ao câncer de colo do útero, vulva, vagina, pênis, ânus e orofaringe. Recomendada para adultos até 45 anos."
},
{
vaccine: "Tríplice Viral",
description: "Protege contra sarampo, caxumba e rubéola. Importante para ambientes com grande circulação de pessoas ou para colaboradores que viajam internacionalmente."
},
{
vaccine: "Hepatite B",
description: "Essencial para profissionais da saúde e equipes de limpeza que podem ter contato com material biológico ou perfurocortantes."
},
{
vaccine: "Tétano e Difteria (dT)",
description: "Recomendada a cada 10 anos para todos os adultos, especialmente importante para colaboradores em áreas industriais, construção civil e manutenção."
},
{
vaccine: "Hepatite A",
description: "Recomendada para manipuladores de alimentos, equipes de restaurantes corporativos e profissionais que viajam para áreas endêmicas."
}
];
const faqs = [
{
question: "Quais são os benefícios da vacinação corporativa para a empresa?",
answer: "A vacinação corporativa traz diversos benefícios: redução do absenteísmo por doenças infecciosas (média de 30-40% menos faltas); diminuição de custos assistenciais com planos de saúde; aumento da produtividade; melhoria do clima organizacional e da percepção de valorização pelos colaboradores; fortalecimento da imagem institucional como empresa preocupada com bem-estar; e vantagem competitiva na atração e retenção de talentos. Estudos mostram que o retorno sobre o investimento em programas de vacinação pode chegar a 3-4 vezes o valor investido."
},
{
question: "Como funciona a logística da vacinação em empresas?",
answer: "Nossa equipe estrutura toda a operação: primeiro, realizamos um planejamento considerando o número de colaboradores, espaço disponível e vacinas selecionadas. Enviamos uma equipe de enfermagem especializada com todos os equipamentos necessários, incluindo material para atendimento de emergências. Organizamos o espaço com pontos de triagem, aplicação e observação pós-vacina. Implementamos um sistema eficiente de agendamento para evitar filas. Após a campanha, fornecemos relatórios detalhados com o número de vacinados e cobertura atingida. Todo o processo segue rigorosos protocolos de segurança e biossegurança."
},
{
question: "Quanto tempo dura uma campanha de vacinação corporativa?",
answer: "A duração varia conforme o tamanho da empresa e número de colaboradores. Para empresas pequenas (até 50 funcionários), geralmente um dia é suficiente. Para médias empresas (50-200 funcionários), normalmente 1-2 dias. Grandes empresas (acima de 200 funcionários) podem necessitar de 3-5 dias ou mais, especialmente se houver diferentes turnos ou unidades. Campanhas em múltiplas localidades podem se estender por algumas semanas. Planejamos o cronograma considerando o fluxo de trabalho da empresa para minimizar interrupções na rotina."
},
{
question: "É possível personalizar o programa de vacinação para diferentes setores da empresa?",
answer: "Sim, oferecemos personalização completa. Avaliamos riscos específicos de cada setor (ex: colaboradores da área industrial podem precisar de vacinas diferentes dos administrativos). Consideramos frequência de viagens internacionais, contato com público externo, riscos ocupacionais específicos e até mesmo perfil demográfico das equipes. Podemos elaborar programas distintos para diferentes unidades ou departamentos. A personalização é baseada em análise epidemiológica, perfil da empresa e sugestões do departamento de saúde ocupacional."
},
{
question: "Como funciona o investimento e formas de pagamento?",
answer: "Oferecemos modelos flexíveis de investimento: pagamento integral pela empresa (benefício 100% subsidiado), pagamento compartilhado (parte empresa, parte colaborador) ou modelo facilitador (preços especiais para colaboradores interessados). O valor varia conforme as vacinas escolhidas, número de doses e quantidade de colaboradores. Disponibilizamos condições especiais para contratos recorrentes (campanhas anuais). Quanto às formas de pagamento, aceitamos boleto bancário, transferência, cartões de crédito corporativos e parcelamento para programas mais amplos. Emitimos nota fiscal e relatórios detalhados para prestação de contas."
}
];
return (
<PageContainer>
<HeroSection>
<h1>Vacinação em Empresas</h1>
<p>Proteja sua equipe com programas de imunização corporativa completa e personalizada</p>
<CTAButton onClick={openWhatsApp}>Solicitar orçamento</CTAButton>
</HeroSection>
<Section>
<h2>Vacinação corporativa Vacivitta</h2>
<p>
A Vacivitta oferece serviços completos de vacinação corporativa, atendendo empresas de todos os portes
com programas personalizados de imunização que contribuem para a saúde ocupacional e o bem-estar dos colaboradores.
</p>
<p>
Nossos programas são projetados para atender às necessidades específicas de cada organização,
oferecendo flexibilidade, qualidade e eficiência na implementação de campanhas de vacinação empresarial.
</p>
<CardsContainer>
<Card>
<CardIcon>
<FaUsers />
</CardIcon>
<CardTitle>Menos absenteísmo</CardTitle>
<CardDescription>
Redução de faltas por doenças imunopreveníveis, aumentando a produtividade organizacional.
</CardDescription>
</Card>
<Card>
<CardIcon>
<FaChartLine />
</CardIcon>
<CardTitle>Maior produtividade</CardTitle>
<CardDescription>
Colaboradores saudáveis produzem mais e com maior qualidade, impactando positivamente os resultados.
</CardDescription>
</Card>
<Card>
<CardIcon>
<FaHandHoldingHeart />
</CardIcon>
<CardTitle>Valorização da equipe</CardTitle>
<CardDescription>
Demonstração de cuidado com a saúde dos colaboradores, fortalecendo o engajamento e pertencimento.
</CardDescription>
</Card>
<Card>
<CardIcon>
<FaHeartbeat />
</CardIcon>
<CardTitle>Clima organizacional</CardTitle>
<CardDescription>
Melhoria no ambiente de trabalho com programas que priorizam o bem-estar e a saúde dos funcionários.
</CardDescription>
</Card>
</CardsContainer>
<StatsContainer>
<StatItem>
<StatNumber>98%</StatNumber>
<StatText>Redução de afastamentos por gripe e suas complicações</StatText>
</StatItem>
<StatItem>
<StatNumber>+43%</StatNumber>
<StatText>Aumento na eficiência operacional durante períodos sazonais</StatText>
</StatItem>
<StatItem>
<StatNumber>94%</StatNumber>
<StatText>Índice de satisfação das empresas atendidas pela Vacivitta</StatText>
</StatItem>
</StatsContainer>
</Section>
<Section primary>
<h2>Modalidades de atendimento</h2>
<p>
Oferecemos diferentes formas de atendimento para nos adaptarmos à realidade e às necessidades
de cada empresa, garantindo conveniência e abrangência dos programas de vacinação.
</p>
<CardsContainer>
<Card>
<CardIcon>
<FaBuilding />
</CardIcon>
<CardTitle>Vacinação em empresas</CardTitle>
<CardDescription>
Levamos nossa estrutura até sua empresa, com equipe especializada e toda logística necessária para
vacinar seus colaboradores sem que precisem se deslocar.
</CardDescription>
<BulletList>
<BulletItem>
<FaCheck /> Montagem de posto de vacinação nas dependências da empresa
</BulletItem>
<BulletItem>
<FaCheck /> Equipe completa de enfermagem e suporte técnico
</BulletItem>
<BulletItem>
<FaCheck /> Controle de temperatura e rede de frio garantida
</BulletItem>
<BulletItem>
<FaCheck /> Flexibilidade de datas e horários, incluindo finais de semana
</BulletItem>
</BulletList>
</Card>
<Card>
<CardIcon>
<FaTicketAlt />
</CardIcon>
<CardTitle>Sistema de vouchers</CardTitle>
<CardDescription>
Fornecemos vouchers para que os colaboradores e seus dependentes possam se vacinar em qualquer unidade Vacivitta, com valores diferenciados.
</CardDescription>
<BulletList>
<BulletItem>
<FaCheck /> Flexibilidade para o colaborador escolher data e local
</BulletItem>
<BulletItem>
<FaCheck /> Extensivo a dependentes e familiares
</BulletItem>
<BulletItem>
<FaCheck /> Sistema de controle e acompanhamento de utilização
</BulletItem>
<BulletItem>
<FaCheck /> Relatórios de adesão para a empresa
</BulletItem>
</BulletList>
</Card>
</CardsContainer>
</Section>
<Section>
<h2>Vacinas disponíveis</h2>
<p>
Nosso programa de vacinação corporativa inclui uma ampla gama de imunizantes, permitindo
que sua empresa escolha as vacinas mais adequadas às necessidades de seus colaboradores.
</p>
<VaccineTypesContainer>
{vaccineTypes.map((type, index) => (
<VaccineTypeCard key={index}>
<h3>{type.category}</h3>
<VaccinesList>
{type.vaccines.map((vaccine, i) => (
<VaccineItem key={i}>
<FaSyringe /> {vaccine}
</VaccineItem>
))}
</VaccinesList>
</VaccineTypeCard>
))}
</VaccineTypesContainer>
</Section>
<Section primary style={{ textAlign: 'left' }}>
<h2>Como funciona o processo</h2>
<ProcessTimeline>
<ProcessStep>
<ProcessIcon>
<FaComments />
</ProcessIcon>
<ProcessContent>
<h3>Contato inicial e avaliação</h3>
<p>
Entendemos as necessidades da sua empresa e perfil dos colaboradores para desenvolver
uma proposta personalizada de vacinação.
</p>
</ProcessContent>
</ProcessStep>
<ProcessStep>
<ProcessIcon>
<FaFileContract />
</ProcessIcon>
<ProcessContent>
<h3>Proposta e planejamento</h3>
<p>
Apresentamos as opções de imunização mais adequadas, modalidades de atendimento,
cronograma e investimento.
</p>
</ProcessContent>
</ProcessStep>
<ProcessStep>
<ProcessIcon>
<FaBullhorn />
</ProcessIcon>
<ProcessContent>
<h3>Campanha de conscientização</h3>
<p>
Oferecemos suporte com materiais informativos para estimular a adesão dos colaboradores
e sensibilizá-los sobre a importância da vacinação.
</p>
</ProcessContent>
</ProcessStep>
<ProcessStep>
<ProcessIcon>
<FaSyringe />
</ProcessIcon>
<ProcessContent>
<h3>Implementação do programa</h3>
<p>
Realizamos a vacinação no modelo escolhido pela empresa, garantindo rastreabilidade
e segurança em todo o processo.
</p>
</ProcessContent>
</ProcessStep>
<ProcessStep>
<ProcessIcon>
<FaChartBarIcon />
</ProcessIcon>
<ProcessContent>
<h3>Relatórios e análises</h3>
<p>
Após a conclusão, fornecemos relatórios detalhados de cobertura vacinal e adesão,
com sugestões para futuras campanhas.
</p>
</ProcessContent>
</ProcessStep>
</ProcessTimeline>
</Section>
<SectionContainer>
<ContentWrapper>
<FAQHeader>
<h2>Perguntas frequentes</h2>
</FAQHeader>
<FAQList>
{faqs.map((faq, index) => (
<FAQItem key={index}>
<FAQQuestion onClick={() => toggleFAQ(index)}>
<h3>{faq.question}</h3>
{activeIndex === index ? <FaChevronUp /> : <FaChevronDown />}
</FAQQuestion>
{activeIndex === index && <FAQAnswer>{faq.answer}</FAQAnswer>}
</FAQItem>
))}
</FAQList>
</ContentWrapper>
</SectionContainer>
<CTA>
<CTAContent>
<CTATitle>Cuide da saúde da sua equipe</CTATitle>
<CTADescription>
Proporcione proteção e bem-estar para seus colaboradores com nossos programas de vacinação corporativa.
Solicite uma avaliação personalizada para sua empresa.
</CTADescription>
<ButtonsContainer>
<CTAButton onClick={openWhatsApp}>Solicitar orçamento</CTAButton>
</ButtonsContainer>
</CTAContent>
</CTA>
</PageContainer>
);
}
export default VacinacaoCorporativa;