chakra ui gradient
import { Box, Text } from "@chakra-ui/react"// adding linear gradient and color transitions<Box w="100%" h="200px" bgGradient="linear(to-t, green.200, pink.500)" />// adding radial gradient and color transitions<Box w="100%" h="200px" bgGradient="radial(gray.300,yellow.400,pink.200)" />// adding the text gradient<Text bgGradient="linear(to-l, #7928CA,#FF0080)" bgClip="text" fontSize="6xl" fontWeight="extrabold"> Welcome to Chakra UI</Text>