Adding docs hero banner to PVC site (#1483)

primer · Oct 11, 2022 · a4743fd · a4743fd
1 parent ddc23e4
commit a4743fd
Show file tree

Hide file tree

Showing 2 changed files with 1,432 additions and 0 deletions.
diff --git a/docs/src/@primer/gatsby-theme-doctocat/components/hero.js b/docs/src/@primer/gatsby-theme-doctocat/components/hero.js
@@ -0,0 +1,21 @@
+import {Box, Heading, Text, ThemeProvider} from '@primer/react'
+import React from 'react'
+import {Container} from '@primer/gatsby-theme-doctocat'
+import heroIllustration from '../primer-components-hero.svg'
+import {version} from '../../../../../package.json'
+
+export default function Hero() {
+  return (
+    <ThemeProvider colorMode="night" nightScheme="dark_dimmed">
+      <Box bg="canvas.default" py={6}>
+        <Container>
+          <Heading sx={{color: 'accent.fg', fontSize: 7, lineHeight: 'condensed', pb: 3, m: 0}}>Primer ViewComponents</Heading>
+          <Text as="p" fontFamily="mono" mt={0} mb={2} color="fg.default" fontSize={2}>
+            v{version}
+          </Text>
+          <img src={heroIllustration} alt="" width="100%" />
+        </Container>
+      </Box>
+    </ThemeProvider>
+  )
+}