main

src/components/layout/header/header.tsx

@@ -165,17 +165,23 @@ export default function Header() {
             <ChakraLink
               as={Link}
               href="/home"
-              fontSize="lg"
-              fontWeight="bold"
-              color={{ base: "primary.500", _dark: "primary.300" }}
+              fontSize="3xl"
+              fontWeight="extrabold"
+              letterSpacing="wide"
+              bgGradient="to-r"
+              gradientFrom="primary.400"
+              gradientTo="primary.600"
+              bgClip="text"
+              bgSize="200% auto"
+              animation="text-gradient 12s linear infinite"
               focusRing="none"
               textDecor="none"
               transition="all 0.3s ease-in-out"
               _hover={{
-                color: { base: "primary.900", _dark: "primary.50" },
+                opacity: 0.8,
               }}
             >
-              {"FCS "}
+              {"Game Calendar"}
             </ChakraLink>
           </HStack>