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

export const SectionHeadline = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Heading>Verifiable, not asserted.</Heading>
      </Container>
    </Section>
  </Surface>
);

export const Levels = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Stack gap={6}>
          <Heading>Four stages. One method.</Heading>
          <Stack gap={3}>
            <Heading level={3}>Threat analysis</Heading>
            <Text measure muted>
              Automated analysis of real attack paths, running inside your pipeline.
            </Text>
          </Stack>
          <Stack gap={3}>
            <Heading level={3}>Verification</Heading>
            <Text measure muted>
              Independent review of code and security measures, hardening and testing.
            </Text>
          </Stack>
        </Stack>
      </Container>
    </Section>
  </Surface>
);