import { Surface, Section, Container, Stack, Eyebrow, Heading, Text } from 'ciphercell-homepage';

export const AboveHeadline = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Stack gap={3}>
          <Eyebrow>Insights</Eyebrow>
          <Heading>What a verification report owes you.</Heading>
          <Text measure muted>
            The eyebrow names the section. It is sentence case, and never set in all caps.
          </Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);