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

export const BetweenItems = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Stack gap={5}>
          <Stack gap={3}>
            <Heading level={3}>Threat analysis</Heading>
            <Text size="small" muted>Threat model, attack paths, CI/CD integration.</Text>
          </Stack>
          <Rule />
          <Stack gap={3}>
            <Heading level={3}>Engineering</Heading>
            <Text size="small" muted>Zero trust, key management, secure APIs.</Text>
          </Stack>
          <Rule />
          <Stack gap={3}>
            <Heading level={3}>Verification</Heading>
            <Text size="small" muted>Independent review, hardening, testing.</Text>
          </Stack>
        </Stack>
      </Container>
    </Section>
  </Surface>
);