Initial commit 🚀

.design-sync/previews/Section.tsx

@@ -0,0 +1,57 @@
+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>
+);