Initial commit 🚀

.design-sync/previews/Surface.tsx

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