%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/ConsultoriaAmamentacao.jsx

import styled from 'styled-components';
import React, { useState } from 'react';
import { FaShieldAlt, FaChevronDown, FaChevronUp, FaHome, FaClinicMedical, FaCertificate, FaMap, FaBaby, FaHeartbeat, FaCalendarCheck, FaCheck } 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;
  text-decoration: none;
  display: inline-block;

  &: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("/amamentacao.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 BenefitsSection = styled.div`
  background-color: #f0f8ff;
  padding: 2rem;
  border-radius: 15px;
  margin-top: 3rem;
  max-width: 900px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
`;

const BenefitsList = styled.ul`
  list-style-type: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 1.5rem;
  margin-top: 1.5rem;
`;

const BenefitItem = styled.li`
  display: flex;
  align-items: flex-start;
  background-color: white;
  padding: 1.5rem;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  
  svg {
    color: #3D9948;
    font-size: 1.3rem;
    margin-right: 1rem;
    margin-top: 0.2rem;
  }
  
  p {
    margin: 0;
    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 ConsultoriaAmamentacao() {
  const [activeIndex, setActiveIndex] = useState(null);

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

  const faqs = [
    {
      question: "Quando devo procurar uma consultoria em amamentação?",
      answer: "É recomendado procurar consultoria em amamentação durante a gestação para preparação prévia ou imediatamente após o nascimento do bebê. Também é importante buscar ajuda especializada quando houver dificuldades como dor ao amamentar, baixa produção de leite, pega incorreta, problemas nos mamilos (fissuras, machucados), dúvidas sobre a técnica correta, ou quando o bebê não está ganhando peso adequadamente."
    },
    {
      question: "A consultoria é realizada somente no local da clínica?",
      answer: "Não. Oferecemos consultoria em amamentação tanto em nossa clínica quanto em visitas domiciliares, dependendo da sua necessidade e conforto. A visita domiciliar pode ser especialmente benéfica nos primeiros dias após o parto, quando a mobilidade da mãe está mais limitada."
    },
    {
      question: "Quanto tempo dura uma sessão de consultoria em amamentação?",
      answer: "Uma sessão típica de consultoria em amamentação dura aproximadamente 60 a 90 minutos. Este tempo permite uma avaliação completa da mamada, correção da técnica, orientações personalizadas e esclarecimento de dúvidas. Sessões de acompanhamento podem ser mais curtas, em torno de 45 a 60 minutos."
    },
    {
      question: "O que devo levar para uma consulta de amamentação?",
      answer: "Para a consulta, recomendamos trazer seu bebê (quando aplicável), uma muda de roupa para o bebê, itens para a troca de fralda, e qualquer acessório que você esteja utilizando para amamentação (como conchas, bicos de silicone, etc.). Se você estiver usando bomba de extração de leite e tiver dúvidas sobre o uso, pode trazê-la também."
    },
    {
      question: "A consultoria em amamentação é coberta por planos de saúde?",
      answer: "Alguns planos de saúde cobrem consultorias em amamentação, especialmente quando realizadas por profissionais de saúde credenciados, como enfermeiras obstetras ou consultoras certificadas em amamentação. Recomendamos verificar diretamente com seu plano de saúde sobre a cobertura específica e os requisitos necessários para reembolso."
    }
  ];

  return (
    <PageContainer>
      <HeroSection>
        <h1>Consultoria especializada em amamentação</h1>
        <p>Apoio profissional para uma amamentação tranquila, saudável e bem-sucedida para mães e bebês</p>
        <CTAButton as="a" href="https://wa.me/5511992076868" target="_blank" rel="noopener noreferrer">Agendar consultoria</CTAButton>
      </HeroSection>

      <Section>
        <h2>Nosso serviço de consultoria em amamentação</h2>
        <p>
          A Vacivitta oferece consultoria especializada em amamentação, com profissionais qualificados para ajudar 
          mães e bebês a terem uma experiência positiva e bem-sucedida na amamentação. Nosso atendimento é personalizado, 
          respeitando as necessidades e objetivos de cada família.
        </p>
        <p>
          Nossa equipe é composta por consultoras de amamentação certificadas, com vasta experiência no 
          manejo clínico da lactação e na solução dos desafios mais comuns que podem surgir durante este período.
        </p>

        <CardsContainer>
          <Card>
            <CardIcon>
              <FaBaby />
            </CardIcon>
            <CardTitle>Atendimento individualizado</CardTitle>
            <CardDescription>
              Avaliação completa das necessidades da mãe e do bebê, com orientações específicas para cada caso.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaHeartbeat />
            </CardIcon>
            <CardTitle>Suporte contínuo</CardTitle>
            <CardDescription>
              Acompanhamento durante todo o período de amamentação, com disponibilidade para resolver dúvidas e dificuldades.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaCalendarCheck />
            </CardIcon>
            <CardTitle>Flexibilidade de horários</CardTitle>
            <CardDescription>
              Agendamentos que se adaptam à sua rotina, incluindo opções de atendimento à domicílio para maior conforto.
            </CardDescription>
          </Card>
        </CardsContainer>

        <BenefitsSection>
          <h3>Benefícios da consultoria em amamentação</h3>
          <BenefitsList>
            <BenefitItem>
              <FaCheck />
              <p>Prevenção e tratamento de problemas nos mamilos (fissuras, machucados)</p>
            </BenefitItem>
            <BenefitItem>
              <FaCheck />
              <p>Técnicas corretas para uma pega eficiente e confortável</p>
            </BenefitItem>
            <BenefitItem>
              <FaCheck />
              <p>Orientações para aumento da produção de leite materno</p>
            </BenefitItem>
            <BenefitItem>
              <FaCheck />
              <p>Redução da dor e desconforto durante a amamentação</p>
            </BenefitItem>
            <BenefitItem>
              <FaCheck />
              <p>Suporte emocional e prático para aumentar a confiança da mãe</p>
            </BenefitItem>
            <BenefitItem>
              <FaCheck />
              <p>Orientações sobre extração e armazenamento do leite materno</p>
            </BenefitItem>
          </BenefitsList>
        </BenefitsSection>
      </Section>

      <Section primary>
        <h2>Como funciona nossa consultoria</h2>
        <p>
          Nossa consultoria em amamentação é um processo estruturado para garantir o melhor suporte possível. 
          Iniciamos com uma avaliação completa da situação atual, identificando desafios e definindo objetivos. 
          Durante o atendimento, realizamos orientações práticas e demonstrações técnicas, sempre respeitando 
          o vínculo entre mãe e bebê.
        </p>

        <CardsContainer>
          <Card>
            <CardIcon>
              <FaClinicMedical />
            </CardIcon>
            <CardTitle>Avaliação inicial</CardTitle>
            <CardDescription>
              História detalhada da amamentação, exame das mamas, avaliação da pega e da transferência efetiva de leite.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaCertificate />
            </CardIcon>
            <CardTitle>Plano personalizado</CardTitle>
            <CardDescription>
              Desenvolvimento de estratégias específicas para superar dificuldades e garantir uma amamentação bem-sucedida.
            </CardDescription>
          </Card>
          <Card>
            <CardIcon>
              <FaShieldAlt />
            </CardIcon>
            <CardTitle>Acompanhamento</CardTitle>
            <CardDescription>
              Consultas de seguimento para ajustes no plano, resolução de novas questões e celebração dos progressos.
            </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 sua consultoria em amamentação</h2>
        <p>
          Estamos prontos para apoiá-la em sua jornada de amamentação. Nossa equipe especializada 
          está disponível para oferecer o suporte necessário para tornar essa experiência o mais 
          prazerosa e bem-sucedida possível.
        </p>
        <CTAButton as="a" href="https://wa.me/5511992076868" target="_blank" rel="noopener noreferrer">Agendar agora</CTAButton>
      </Section>
    </PageContainer>
  );
}

export default ConsultoriaAmamentacao;

Zerion Mini Shell 1.0