import { Center, Heading, Stack, Text, VStack } from '@chakra-ui/react'
import AnimateInView from './AnimateInView'

const Institucional1 = () => {
  return (
    <Center px={['4', '8', '12']} w='100%'>
      <AnimateInView delay={0.1}>
        <Stack
          bg='gray.100'
          direction={['column', null, null, 'row']}
          maxW='container.xl'
          w='100%'
          align='stretch'
          mt='-4rem'
          overflow='hidden'
          borderRadius='xl'
        >
          <Center
            w={['100%', null, null, '50%']}
            minW={['100%', null, null, 'md']}
            maxW={['100%', null, null, 'md']}
            bg='gray.100'
          >
            <img src='/images/institutional.jpg' alt='' />
          </Center>
          <VStack
            align='stretch'
            p={['4', '4', '6', '8', '16']}
            justify='center'
            spacing='6'
          >
            <AnimateInView delay={0.2}>
              <Heading fontSize='3xl'>
                Um pouco sobre a Nassar Diagnósticos
              </Heading>
            </AnimateInView>
            <AnimateInView delay={0.3}>
              <Text>
                O Nassar Medicina Diagnóstica é uma rede de laboratórios
                presente há 20 anos em território paraense, com unidades em
                Belém e Ananindeua. Estruturados para exercer a Medicina
                Diagnóstica com acurácia, responsabilidade, qualidade e rigor
                técnico. Assim, estamos preparados para entregar informações
                clínicas que apoiem a prevenção, orientem o diagnóstico das
                doenças e auxiliem os tratamentos, desde os mais simples aos da
                mais alta complexidade.
                <br />
                <br />
                Acreditamos que todos merecem um atendimento médico completo, de
                qualidade e acessível, por isso trabalhamos com preços justos
                aliados com a qualidade dos serviços dos oferecidos aos nossos
                clientes. Quando precisar, é só contar com a Nassar Medicina
                Diagnóstica!
              </Text>
            </AnimateInView>
          </VStack>
        </Stack>
      </AnimateInView>
    </Center>
  )
}

export default Institucional1