%PDF- %PDF-
Direktori : /home/vacivi36/SiteVacivitta/vacivitta/src/pages/servicos/ |
Current File : /home/vacivi36/SiteVacivitta/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;