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

export const Default = () => (
  <Surface>
    <Section>
      <Container>
        <Stack gap={5}>
          <Heading>Who we work with</Heading>
          <Text measure muted>Operators, integrators and the people who run critical networks.</Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);

export const Tight = () => (
  <Surface>
    <Section spacing="tight">
      <Container>
        <Stack gap={4}>
          <Heading level={3}>In numbers.</Heading>
          <Text measure muted>A subordinate band carries less air than a full section.</Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);

export const Intro = () => (
  <Surface>
    <Section spacing="intro">
      <Container>
        <Stack gap={5}>
          <Heading>Insights</Heading>
          <Text measure muted>
            Notes on software security in private 5G, critical networks and the systems that run them.
          </Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);

export const Night = () => (
  <Surface>
    <Section tone="night">
      <Container>
        <Stack gap={5}>
          <Heading>Where we come from.</Heading>
          <Text measure muted>
            CipherCell grew out of Open RAN security research at the University of Passau.
          </Text>
        </Stack>
      </Container>
    </Section>
  </Surface>
);