%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/vacivi36/SiteVacivitta/vacivitta/src/pages/servicos/
Upload File :
Create Path :
Current File : /home/vacivi36/SiteVacivitta/vacivitta/src/pages/servicos/Pediatria.jsx

import styled from 'styled-components';
import React, { useState } from 'react';
import { FaChevronDown, FaChevronUp, FaBaby, FaStethoscope, FaUserMd, FaClipboardCheck, FaHeartbeat, FaCalendarCheck, FaShieldAlt } 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("/pediatria.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 ServiceTable = 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 TableService = styled.div`
  font-weight: 600;
  color: #333;
`;

const TableDescription = styled.div`
  color: #555;
  line-height: 1.4;
  text-align: left;
`;

const Timeline = styled.div`
  margin-top: 3rem;
  width: 100%;
  max-width: 900px;
`;

const TimelineItem = styled.div`
  display: flex;
  margin-bottom: 2rem;
  position: relative;
  
  &:last-child {
    margin-bottom: 0;
  }
  
  &:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 24px;
    top: 50px;
    height: calc(100% - 30px);
    width: 2px;
    background-color: #e0e0e0;
  }
  
  @media (max-width: 768px) {
    flex-direction: column;
  }
`;

const TimelineIcon = styled.div`
  background-color: #0094d9;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 1.5rem;
  margin-right: 1.5rem;
  flex-shrink: 0;
  z-index: 1;
  
  @media (max-width: 768px) {
    margin-bottom: 1rem;
  }
`;

const TimelineContent = styled.div`
  background-color: white;
  border-radius: 10px;
  padding: 1.5rem;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
  flex: 1;
  
  h3 {
    color: #0094d9;
    margin-bottom: 0.5rem;
    font-size: 1.3rem;
  }
  
  p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.5;
    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;
`;

function Pediatria() {
  const [activeIndex, setActiveIndex] = useState(null);

  const toggleFAQ = (index) => {
    setActiveIndex(activeIndex === index ? null : index);
  };

  const pedServices = [
    {
      service: "Consultas de Rotina",
      description: "Acompanhamento do desenvolvimento infantil, crescimento, alimentação e saúde geral. Consultas preventivas para monitorar o bem-estar da criança."
    },
    {
      service: "Atendimento a Doenças Pediátricas",
      description: "Diagnóstico e tratamento de condições comuns da infância, como infecções respiratórias, alergias, problemas digestivos e dermatológicos."
    },
    {
      service: "Acompanhamento do Crescimento",
      description: "Avaliação periódica de peso, altura e outros indicadores para garantir o desenvolvimento físico adequado da criança."
    },
    {
      service: "Imunização Infantil",
      description: "Administração de vacinas conforme calendário nacional de vacinação e recomendações específicas, com orientação completa aos pais."
    },
    {
      service: "Avaliação do Desenvolvimento",
      description: "Monitoramento do desenvolvimento neuropsicomotor, social e cognitivo, identificando precocemente possíveis atrasos ou alterações."
    },
    {
      service: "Orientação Nutricional",
      description: "Recomendações personalizadas sobre alimentação adequada para cada fase do desenvolvimento infantil, incluindo introdução alimentar e prevenção de deficiências nutricionais."
    }
  ];

  const faqs = [
    {
      question: "A partir de qual idade devo levar meu filho ao pediatra pela primeira vez?",
      answer: "Recomendamos a primeira consulta logo após a alta da maternidade, geralmente entre o 7º e o 10º dia de vida. Esta consulta inicial é essencial para avaliar a adaptação do recém-nascido, examinar aspectos como amamentação, peso, icterícia neonatal, e fornecer orientações importantes para os primeiros dias. Após essa primeira avaliação, estabelecemos um cronograma de consultas regulares para acompanhar adequadamente o desenvolvimento do bebê."
    },
    {
      question: "Com que frequência meu filho deve consultar o pediatra?",
      answer: "A frequência varia conforme a idade da criança. Para bebês, recomendamos consultas mensais nos primeiros 6 meses, bimestrais do 6º ao 12º mês, trimestrais até os 2 anos, e depois semestrais até os 5 anos. Para crianças maiores e adolescentes, consultas anuais são geralmente suficientes, desde que não haja condições específicas que exijam um acompanhamento mais próximo. Além dessas consultas de rotina, atendimentos adicionais podem ser necessários em caso de doenças ou situações especiais."
    },
    {
      question: "O pediatra da Vacivitta pode acompanhar crianças com condições crônicas?",
      answer: "Sim. Nossos pediatras são capacitados para acompanhar crianças com condições crônicas como asma, alergias, diabetes tipo 1, epilepsia, entre outras. Para algumas condições específicas, trabalhamos em parceria com especialistas pediátricos para garantir um cuidado completo e integrado. Desenvolvemos planos de acompanhamento personalizados e oferecemos suporte continuado às famílias, facilitando a coordenação entre diferentes profissionais quando necessário."
    },
    {
      question: "Como devo preparar meu filho para a consulta pediátrica?",
      answer: "Para tornar a experiência mais tranquila, recomendamos: explicar à criança de forma simples o que acontecerá na consulta; trazer brinquedos ou livros favoritos como distração; chegar alguns minutos antes para a criança se ambientar; anotar previamente dúvidas, preocupações e sintomas observados; trazer a caderneta de vacinação e resultados de exames anteriores. Caso a criança tenha medo, é importante normalizar essa emoção e garantir que estará segura durante todo o atendimento."
    },
    {
      question: "O pediatra pode prescrever vacinas não incluídas no calendário nacional?",
      answer: "Sim. Além das vacinas do calendário nacional disponíveis no SUS, nossos pediatras podem recomendar e prescrever vacinas adicionais não contempladas ou que possuem formulações diferenciadas. Essas recomendações são feitas com base nas necessidades individuais de cada criança, considerando fatores como histórico familiar, condições de saúde específicas e ambientes frequentados. Durante a consulta, o pediatra fornecerá informações detalhadas sobre benefícios, possíveis efeitos colaterais e esquemas de doses."
    }
  ];

  return (
    <PageContainer>
      <HeroSection>
        <h1>Pediatria Especializada</h1>
        <p>Cuidado completo e humanizado para a saúde e desenvolvimento do seu filho</p>
        <CTAButton onClick={() => window.open('https://wa.me/5511992076868', '_blank')}>
          Agendar consulta
        </CTAButton>
      </HeroSection>

      <Section>
        <h2>Pediatria na Vacivitta</h2>
        <p>
          Na Vacivitta, oferecemos atendimento pediátrico completo e personalizado, acompanhando o crescimento e 
          desenvolvimento de bebês, crianças e adolescentes com uma abordagem integral à saúde.
        </p>
        <p>
          Nosso time de pediatras altamente qualificados está preparado para oferecer suporte desde o nascimento 
          até a adolescência, com foco não apenas no tratamento de doenças, mas principalmente na prevenção e promoção 
          da saúde em todas as fases do desenvolvimento.
        </p>

        <CardsContainer>
          <Card>
            <CardIcon>
              <FaUserMd />
            </CardIcon>
            <CardTitle>Equipe especializada</CardTitle>
            <CardDescription>
              Pediatras com vasta experiência clínica e constante atualização em práticas modernas de cuidado infantil.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaBaby />
            </CardIcon>
            <CardTitle>Ambiente acolhedor</CardTitle>
            <CardDescription>
              Espaços planejados para receber crianças, com áreas de espera lúdicas e consultórios que transmitem confiança e segurança.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaHeartbeat />
            </CardIcon>
            <CardTitle>Abordagem integral</CardTitle>
            <CardDescription>
              Avaliação completa que considera aspectos físicos, emocionais, sociais e familiares no desenvolvimento infantil.
            </CardDescription>
          </Card>
        </CardsContainer>

        <h3 style={{ marginTop: '3rem', color: '#333' }}>Serviços pediátricos</h3>
        <ServiceTable>
          <TableHeader>
            <div>Serviço</div>
            <div>Descrição</div>
          </TableHeader>
          {pedServices.map((service, index) => (
            <TableRow key={index} index={index}>
              <TableService>{service.service}</TableService>
              <TableDescription>{service.description}</TableDescription>
            </TableRow>
          ))}
        </ServiceTable>
      </Section>

      <Section primary>
        <h2>Acompanhamento pediátrico por idade</h2>
        <p>
          Cada fase do desenvolvimento infantil tem suas particularidades e necessidades específicas. 
          Nossos pediatras estão preparados para oferecer cuidados direcionados para cada etapa da infância.
        </p>

        <Timeline>
          <TimelineItem>
            <TimelineIcon>
              <FaBaby />
            </TimelineIcon>
            <TimelineContent>
              <h3>Recém-nascidos e lactentes (0-12 meses)</h3>
              <p>
                Acompanhamento das primeiras semanas de vida, orientação sobre amamentação, introdução alimentar, 
                monitoramento do desenvolvimento neuromotor e crescimento, além da imunização completa conforme 
                o calendário vacinal.
              </p>
            </TimelineContent>
          </TimelineItem>
          
          <TimelineItem>
            <TimelineIcon>
              <FaBaby />
            </TimelineIcon>
            <TimelineContent>
              <h3>Primeira infância (1-3 anos)</h3>
              <p>
                Avaliação do desenvolvimento da fala e linguagem, habilidades motoras, orientação sobre alimentação 
                saudável, treinamento de controle esfincteriano, prevenção de acidentes domésticos e continuidade 
                do esquema vacinal.
              </p>
            </TimelineContent>
          </TimelineItem>
          
          <TimelineItem>
            <TimelineIcon>
              <FaBaby />
            </TimelineIcon>
            <TimelineContent>
              <h3>Idade pré-escolar (3-6 anos)</h3>
              <p>
                Avaliação do desenvolvimento cognitivo e social, orientação sobre adaptação escolar, detecção precoce de 
                alterações visuais e auditivas, orientação sobre hábitos saudáveis e prevenção de problemas odontológicos.
              </p>
            </TimelineContent>
          </TimelineItem>
          
          <TimelineItem>
            <TimelineIcon>
              <FaBaby />
            </TimelineIcon>
            <TimelineContent>
              <h3>Idade escolar (6-12 anos)</h3>
              <p>
                Acompanhamento do desenvolvimento escolar, orientação sobre uso de telas e tecnologia, avaliação 
                de condições como TDAH, orientação nutricional para prevenção de obesidade e doenças relacionadas, 
                promoção de atividade física regular.
              </p>
            </TimelineContent>
          </TimelineItem>
          
          <TimelineItem>
            <TimelineIcon>
              <FaBaby />
            </TimelineIcon>
            <TimelineContent>
              <h3>Adolescência (12-18 anos)</h3>
              <p>
                Orientação sobre mudanças corporais e emocionais da puberdade, saúde mental, prevenção de comportamentos 
                de risco, orientação sobre sexualidade e contracepção, encaminhamento para especialistas quando necessário.
              </p>
            </TimelineContent>
          </TimelineItem>
        </Timeline>
      </Section>

      <Section>
        <h2>Diferenciais do atendimento pediátrico Vacivitta</h2>
        <p>
          Nosso serviço de pediatria foi planejado para oferecer uma experiência acolhedora, eficiente e 
          completa para as famílias, com foco na construção de uma relação de confiança duradoura com nossos pacientes.
        </p>

        <CardsContainer>
          <Card>
            <CardIcon>
              <FaStethoscope />
            </CardIcon>
            <CardTitle>Atendimento humanizado</CardTitle>
            <CardDescription>
              Abordagem centrada na criança e na família, com tempo adequado para escuta, esclarecimento de dúvidas e orientações detalhadas.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaCalendarCheck />
            </CardIcon>
            <CardTitle>Disponibilidade ampliada</CardTitle>
            <CardDescription>
              Horários flexíveis, incluindo períodos noturnos e fins de semana, além de canais digitais para orientações rápidas e urgências.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaClipboardCheck />
            </CardIcon>
            <CardTitle>Prontuário eletrônico</CardTitle>
            <CardDescription>
              Registro completo de consultas, vacinas, exames e medicações, facilitando o acompanhamento contínuo do histórico de saúde.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaShieldAlt />
            </CardIcon>
            <CardTitle>Centro de vacinação</CardTitle>
            <CardDescription>
              Integração direta com nosso centro de vacinação, garantindo cobertura vacinal completa e atualizada em um só lugar.
            </CardDescription>
          </Card>
        </CardsContainer>
      </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>

      <Section>
        <h2>Agende uma consulta pediátrica</h2>
        <p>
          Proporcione ao seu filho um cuidado de saúde completo, personalizado e humanizado. 
          Nossa equipe de pediatras está pronta para acompanhar o desenvolvimento do seu filho 
          em cada etapa, com atenção às necessidades específicas de cada fase.
        </p>
        <CTAButton onClick={() => window.open('https://wa.me/5511992076868', '_blank')}>
          Agendar agora
        </CTAButton>
      </Section>
    </PageContainer>
  );
}

export default Pediatria;

Zerion Mini Shell 1.0