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

export const Paper = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Stack gap={5}>
          <Heading>Security is built in,<br />not bolted on.</Heading>
          <Text measure>
            Infrastructure is software now. Every interface between components is an attack surface.
          </Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);

export const Night = () => (
  <Surface tone="night">
    <Section spacing="tight">
      <Container>
        <Stack gap={5} align="start">
          <Heading>Four stages.<br />One method.</Heading>
          <Text measure muted>
            Threat analysis, engineering, verification and monitoring, applied as one method.
          </Text>
          <Button href="/cipherverifier">Explore CipherVerifier</Button>
        </Stack>
      </Container>
    </Section>
  </Surface>
);