%PDF- %PDF-
Direktori : /home/vacivi36/SiteVacivitta/vacivitta/src/pages/services-lp/ |
Current File : /home/vacivi36/SiteVacivitta/vacivitta/src/pages/services-lp/Arexvy.jsx |
import styled from 'styled-components'; import React, { useState } from 'react'; import { FaShieldAlt, FaChevronDown, FaChevronUp, FaHome, FaClinicMedical, FaCertificate, FaMap, FaSyringe, FaChartLine, FaGlobeAmericas, FaSkull, FaExclamationTriangle } from 'react-icons/fa'; const PageContainer = styled.div` font-family: 'League Spartan', sans-serif; background-color: white; margin-top: 100px; color: #101a28; `; 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("/arexvy.jpg") center/cover no-repeat; height: 90vh; color: white; h1, p { width: 80%; } p { color: white; } @media (max-width: 768px) { padding: 120px 20px; } `; const Section2 = styled.div` display: flex; padding: 80px 80px; flex-direction: column; text-align: center; background-color: ${({ primary }) => (primary ? '#0a2b3a' : 'white')}; align-items: center; h1, h2 { color: #3d9948; width: 80%; } h2 { color: #0a2b3a; } @media (max-width: 768px) { padding: 50px 20px; width: 100%; h1, h2 { width: 90%; } } `; const CardsContainer = styled.div` margin-top: 40px; display: flex; flex-wrap: wrap; gap: 20px; justify-content: center; width: 80%; @media (max-width: 768px) { padding: 00px 20px; width: 100%; } `; const Card = styled.div` border-radius: 28px; padding: 30px; cursor: pointer; flex: 1 1 300px; background-color: ${({ primary }) => (primary ? 'white' : '#0a2b3a')}; transition: all 0.3s ease; &:hover { transform: translateY(-5px); background-color: #007bff; svg { color: white; } } `; const CardIcon = styled.div` font-size: 2.5rem; margin-bottom: 0.5rem; color: ${({ primary }) => (primary ? '#0a2b3a' : '#007bff')}; display: flex; align-items: center; justify-content: center; `; const CardTitle = styled.h3` font-size: 1.2rem; color: ${({ primary }) => (primary ? '#0a2b3a' : 'white')}; margin-top: 20px; font-weight: 500; margin-bottom: 20px; text-align: center; `; const CardDescription = styled.p` font-size: 1rem; line-height: 1.4; text-align: center; color: ${({ primary }) => (primary ? '#0a2b3a' : 'white')}; `; /* ---- Novos estilos para Indicação e Reforço ---- */ const IndicationSection = styled.div` margin-top: 2rem; background-color: #e6f2ff; padding: 1.5rem; border-radius: 15px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); `; const IndicationTitle = styled.h3` font-size: 1.5rem; margin-bottom: 0.8rem; color: #0a2b3a; text-align: center; border-bottom: 2px solid #007bff; display: inline-block; padding-bottom: 0.3rem; `; const IndicationList = styled.ul` list-style-type: disc; padding-left: 1.5rem; font-size: 1rem; text-align: left; line-height: 1.6; color: #333; `; const Reinforcement = styled.p` margin-top: 2rem; font-size: 1.1rem; text-align: center; background-color: #fff3cd; color: #856404; padding: 1rem; border-radius: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); `; const SectionContainer = styled.section` background-color: white; padding: 4rem 1rem; font-family: 'League Spartan', sans-serif; `; 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: #007bff; padding: 2rem; text-align: center; color: #fff; `; const FAQTitle = styled.h2` margin: 0; font-size: 2rem; font-weight: 600; color: white; `; const FAQList = styled.div` padding: 2rem; `; const FAQItem = styled.div` border-bottom: 1px solid #eee; padding: 1rem 0; cursor: pointer; transition: background 0.3s ease; &:hover { background: #f9f9f9; } `; const FAQQuestion = styled.div` display: flex; justify-content: space-between; align-items: center; font-size: 1.2rem; font-weight: 500; color: #333; `; const FAQAnswer = styled.div` max-height: ${({ isOpen }) => (isOpen ? '200px' : '0px')}; opacity: ${({ isOpen }) => (isOpen ? '1' : '0')}; transition: max-height 0.4s ease, opacity 0.4s ease; overflow: hidden; color: #555; font-size: 1rem; margin-top: ${({ isOpen }) => (isOpen ? '0.5rem' : '0')}; `; const BannerSection = styled.div` background: #eaf9ff; padding: 2rem; text-align: center; border-top: 1px solid #ddd; `; const BannerHeading = styled.h3` font-size: 1.8rem; margin: 0 0 1rem; color: #0056b3; `; const BannerText = styled.p` font-size: 1rem; margin: 0 0 1rem; color: #333; `; const BannerButton = styled.a` display: inline-block; background: #28a745; color: #fff; padding: 20px 40px; border-radius: 82px; text-decoration: none; align-items: center; font-weight: 500; transition: background 0.3s ease; &:hover { background: #218838; } `; const faqData = [ { question: 'O que é o vírus sincicial respiratório (VSR)?', answer: 'O VSR é um vírus altamente contagioso que causa infecções respiratórias. Enquanto geralmente causa apenas sintomas leves semelhantes ao resfriado em adultos saudáveis, pode levar a infecções graves do trato respiratório inferior (ITRI), como bronquite e pneumonia, especialmente em idosos e pessoas com condições médicas subjacentes.' }, { question: 'O que é a vacina Arexvy?', answer: 'Arexvy é a primeira vacina aprovada para proteger adultos a partir de 60 anos contra doenças do trato respiratório inferior causadas pelo vírus sincicial respiratório (VSR). É uma vacina recombinante que contém uma versão estabilizada da proteína F de pré-fusão do VSR, combinada com um adjuvante que potencializa a resposta imunológica.' }, { question: 'Qual a eficácia da vacina Arexvy?', answer: 'Estudos clínicos demonstraram que a Arexvy tem aproximadamente 83% de eficácia na prevenção de doenças do trato respiratório inferior causadas pelo VSR em adultos com 60 anos ou mais. A eficácia para prevenir casos graves com necessidade de hospitalização é de aproximadamente 94%.' }, { question: 'Quais são os possíveis efeitos colaterais da vacina Arexvy?', answer: 'Os efeitos colaterais mais comuns incluem dor, vermelhidão e inchaço no local da injeção, fadiga, dor muscular, dor nas articulações e dor de cabeça. Esses efeitos geralmente são leves a moderados e desaparecem em poucos dias. Reações alérgicas graves são extremamente raras.' }, { question: 'Quem deve tomar a vacina Arexvy?', answer: 'A vacina Arexvy é recomendada para adultos a partir de 60 anos, especialmente aqueles com condições médicas subjacentes como doenças pulmonares crônicas, doenças cardíacas, diabetes ou sistema imunológico comprometido, que aumentam o risco de complicações graves por VSR.' }, { question: 'A vacina Arexvy está disponível no SUS?', answer: 'Atualmente, a vacina Arexvy não está incluída no Programa Nacional de Imunizações (PNI) e não está disponível no Sistema Único de Saúde (SUS). Ela está disponível apenas em clínicas privadas de vacinação como a Vacivitta.' }, ]; /* -------------------------------------------------- */ function Arexvy() { const [activeIndex, setActiveIndex] = useState(null); const toggleFAQ = (index) => { setActiveIndex(activeIndex === index ? null : index); }; const cards = [ { icon: <FaChartLine />, title: 'Alta eficácia comprovada', description: 'Reduz em 83% o risco de doença respiratória inferior causada pelo VSR e até 94% as hospitalizações.', }, { icon: <FaShieldAlt />, title: 'Primeira vacina específica para idosos', description: 'Desenvolvida especialmente para proteger pessoas acima de 60 anos, grupo mais vulnerável às complicações do VSR.', }, { icon: <FaGlobeAmericas />, title: 'Tecnologia inovadora', description: 'Utiliza proteína recombinante estabilizada para gerar resposta imunológica potente e duradoura.', }, ]; const cards2 = [ { icon: <FaSyringe />, title: 'Risco de doença respiratória grave', description: 'O VSR pode causar pneumonia e bronquite, especialmente perigosas para idosos e pessoas com condições crônicas.', }, { icon: <FaSkull />, title: 'Maior taxa de hospitalização', description: 'Idosos não vacinados têm risco significativamente maior de hospitalização por VSR, com potencial necessidade de cuidados intensivos.', }, { icon: <FaExclamationTriangle />, title: 'Recuperação prolongada', description: 'Infecções por VSR em idosos podem levar a declínio funcional e períodos prolongados de recuperação, afetando a qualidade de vida.', }, ]; return ( <PageContainer> <HeroSection> <h1> Proteção contra o <span className="bolderLand">Vírus Sincicial Respiratório!</span> </h1> <p> A vacina Arexvy é a primeira aprovada especificamente para proteger adultos acima de 60 anos contra o Vírus Sincicial Respiratório (VSR). Com eficácia comprovada de até 83% na prevenção de doenças respiratórias graves e 94% na redução de hospitalizações, a Arexvy representa um avanço significativo na proteção da saúde dos idosos. </p> <CTAButton as="a" href="https://wa.me/551108001233333" target="_blank" rel="noopener noreferrer">Agende agora sua vacina</CTAButton> </HeroSection> <Section2> <h1> Vacine-se e previna <span className="bolderBlue">complicações graves!</span> </h1> <h2>Por que tomar a vacina Arexvy?</h2> <CardsContainer> {cards.map((card, index) => ( <Card key={index}> <CardIcon>{card.icon}</CardIcon> <CardTitle>{card.title}</CardTitle> <CardDescription>{card.description}</CardDescription> </Card> ))} </CardsContainer> <IndicationSection> <IndicationTitle>Indicação:</IndicationTitle> <IndicationList> <li><strong>Adultos com 60 anos ou mais</strong> - Principalmente durante ou antes da temporada de maior circulação do VSR.</li> <li><strong>Pessoas com doenças crônicas</strong> - Como DPOC, asma, insuficiência cardíaca e diabetes.</li> <li><strong>Indivíduos imunocomprometidos</strong> - Que têm maior risco de complicações respiratórias.</li> <li><strong>Residentes de instituições de longa permanência</strong> - Onde surtos de VSR podem ocorrer com maior frequência.</li> </IndicationList> </IndicationSection> <Reinforcement> A vacina é administrada em dose única e a proteção é especialmente importante durante os meses de maior circulação do VSR, geralmente no outono e inverno. </Reinforcement> <CTAButton as="a" href="https://wa.me/551108001233333" target="_blank" rel="noopener noreferrer">Agende sua vacina agora</CTAButton> </Section2> <Section2 primary> <h1> O que acontece se <span className="bolderBlue">não vacinar?</span> </h1> <CardsContainer> {cards2.map((card, index) => ( <Card primary key={index}> <CardIcon primary>{card.icon}</CardIcon> <CardTitle primary>{card.title}</CardTitle> <CardDescription primary>{card.description}</CardDescription> </Card> ))} </CardsContainer> <Reinforcement> O VSR causa aproximadamente 177.000 hospitalizações e 14.000 mortes por ano em adultos com 65 anos ou mais nos Estados Unidos. A vacinação é uma medida preventiva essencial para reduzir este impacto. </Reinforcement> <CTAButton as="a" href="https://wa.me/551108001233333" target="_blank" rel="noopener noreferrer">Agende sua vacina agora</CTAButton> </Section2> <SectionContainer> <ContentWrapper> <FAQHeader> <FAQTitle>Dúvidas frequentes</FAQTitle> </FAQHeader> <FAQList> {faqData.map((item, index) => ( <FAQItem key={index} onClick={() => toggleFAQ(index)}> <FAQQuestion> {item.question} {activeIndex === index ? <FaChevronUp size={24} /> : <FaChevronDown size={24} />} </FAQQuestion> <FAQAnswer isOpen={activeIndex === index}> {item.answer} </FAQAnswer> </FAQItem> ))} </FAQList> <BannerSection> <BannerHeading>Proteja-se agora!</BannerHeading> <BannerText> A vacina Arexvy representa um marco na proteção dos idosos contra infecções respiratórias graves. Não deixe para depois a proteção que você merece. </BannerText> <BannerButton as="a" href="https://wa.me/551108001233333" target="_blank" rel="noopener noreferrer"> 💉 Agende sua vacina hoje mesmo <span role="img" aria-label="Calendário">📅</span> </BannerButton> </BannerSection> </ContentWrapper> </SectionContainer> </PageContainer> ); } export default Arexvy;