text: import React from "react"
  import Layout from "../components/Layout"
  import { StaticImage } from "gatsby-plugin-image"
  import { Flex, Box, Text, Link } from "@chakra-ui/react"
  
  export default function contact() {
    return (
      <Layout>
        <Flex>
          <Flex>
            <Flex
              display="flex"
              alignItems="center"
              justifyContent="center"
              mt="6"
              height="15vh"
              as="header"
            >
              <Text
                fontSize="8xl"
                mb={6}
                bgGradient="linear(to-r, #845EC2,#2C73D2)"
                bgClip="text"
              >
                Contact & Credits
              </Text>
            </Flex>
          </Flex>
        </Flex>
      </Layout>
    )
  }
  