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 events() {
    return (
      <Layout>
        <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"
            >
              Events
            </Text>
          </Flex>
        </Flex>
      </Layout>
    )
  }
  