added note to component pages and homepages

Author: emilybrick

src/@primer/gatsby-theme-doctocat/components/hero.js

@@ -1,12 +1,22 @@
-import {Text, Box, Heading, ThemeProvider} from '@primer/react'
+import {Text, Box, Heading, ThemeProvider, Link} from '@primer/react'
 import React from 'react'
 import {Container} from '@primer/gatsby-theme-doctocat'
+import {Note} from '@primer/gatsby-theme-doctocat'
 
 export default function Hero() {
   return (
     <ThemeProvider colorMode="night" nightScheme="dark_dimmed">
       <Box pt={3}>
         <Container>
+          <Note>
+            <Text sx={{display: 'block'}}>
+              New look, same Primer!{' '}
+              <Link href="https://primer-docs-preview.github.com" target="_blank">
+                Preview the new docs experience here
+              </Link>{' '}
+              and let us know what you think 👀 🎉
+            </Text>
+          </Note>
           <Box
             sx={{
               display: 'flex',

src/components/base-layout.tsx

@@ -1,8 +1,9 @@
-import {Box} from '@primer/react'
+import {Box, Text, Link} from '@primer/react'
 import React from 'react'
 import Head from '@primer/gatsby-theme-doctocat/src/components/head'
 import Header from '@primer/gatsby-theme-doctocat/src/components/header'
 import Sidebar from '@primer/gatsby-theme-doctocat/src/components/sidebar'
+import {Note} from '@primer/gatsby-theme-doctocat'
 
 export function BaseLayout({title, description, children, showSidebar = true}) {
   return (
@@ -16,6 +17,17 @@ export function BaseLayout({title, description, children, showSidebar = true}) {
           </Box>
         ) : null}
         <Box as="main" sx={{minWidth: 0, width: '100%'}} id="skip-nav">
+          <Box sx={{maxWidth: 1200, width: '100%', pt: [4, 5, 6, 7], px: [4, 5, 6, 7], pb: 0, mx: 'auto'}}>
+            <Note>
+              <Text sx={{display: 'block'}}>
+                New look, same Primer!{' '}
+                <Link href="https://primer-docs-preview.github.com" target="_blank">
+                  Preview the new docs experience here
+                </Link>{' '}
+                and let us know what you think 👀 🎉
+              </Text>
+            </Note>
+          </Box>
           {children}
         </Box>
       </Box>